- 博客(9)
- 资源 (2)
- 收藏
- 关注
原创 3XX的故事
故事说明3XX最大的作用就是重定向,即访问的是地址A但是却要被重定向到访问地址B301:永久定向到B;A那压根没有任何东西,打死我也拿不出东西来,请高抬贵脚挪地儿B处吧302,303,307:临时重定向到B;颇有此地无银的感觉,不是没有东西,而是我不想让你看到我里面的东西,烦请访问B地儿吧。HTTP1.0中只有302(还没有303,307),规定POST请求不能自动重定向;HTTP1.0协议创建者...
2018-05-23 14:19:52
734
原创 web性能优化之javascript篇
1. 清空数组用arr.length=0,不要用arr=[];这样相当于又创建了一个新对象赋值给arr2. 对象使用完成后尽量置空obj=null,这样利于浏览器GC3. 使用Canvas绘图可以有效避免渲染树4. Web Workers异步线程(高级浏览器中特性,如果有兼容性要求请慎用)未完待续
2017-08-05 16:06:18
301
原创 web性能优化之CSS篇
1. 使用GPU缓存减少Painting2. 使用CSS transition完成一次性动画3. 动画过程避免布局渲染4. CSS3动画通常是不被阻塞的,可以获得独立线程进行绘制5. css样式名尽量简短,样式选择尽量简短6. 尽量减少不必要的样式属性7. 尽量不要在样式属性值中写表达式未完待续,继续追加
2017-08-05 16:04:39
251
原创 web性能优化之DOM篇
1. 使用createDocumentFragment,display:none,cloneNode等方法,避免浏览器多次layout2. 使用requestAnimationFrame或者fastdom(避免连续的强制同步布局发生)3. classList代替className4. DOM批量读写,不要一会读一会写5. 加载页面是尽量给图片设定宽高,避免图片加载完成后重新渲染部分
2017-08-05 15:59:49
321
原创 web性能优化之规范篇
1. css置顶,js置底:原因是浏览器是从上到下渲染的2. 图片精灵合并图片3. chrome浏览器gzip压缩后发送4. cache-control和expires合理设置5. keep-alive合理使用:Connection: Keep-Alive Keep-Alive:timeout=206. If-Modified-Since和Last-Modified配合判断文
2017-08-05 15:29:20
269
原创 二维码用途分类
一类:普通URL(通过User Agent信息区分不同平台显示不同内容)1. 打开网页(首页或者某宣传页)2. 下载app3. 防伪:根据商品ID号生成二维码,扫码时将商品ID号发送给服务器端验证二类:APP专用URL(扫码前必须登录APP,扫码后会带上部分用户信息)1. 扫码登录:微信,阿里云,微博2. 扫码关注:微信,微博3. 扫码付款:微信,支付宝
2017-08-05 15:28:01
533
原创 我个人理解的界面设计原则
清晰明确,高效互动,简洁易用,美观协调清晰明确:想用户之所想,做用户之所用,不要产生歧义(不要打击用户的自以为是),don't make me think高效互动:让用户以最少的动作、最短的距离和最少的时间完成功能,尽量努力帮助用户交互,不要让用户产生等待,这样用户会产生一种畅快感和参与感简洁易用:用户在使用一种APP或者进入到一种系统都会有莫名的恐惧感,界面保持简洁易用会打消这种
2017-08-05 15:22:21
413
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人