前端开发
guobotry
苦逼的程序员
展开
-
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 · 235 阅读 · 0 评论 -
web性能优化之DOM篇
1. 使用createDocumentFragment,display:none,cloneNode等方法,避免浏览器多次layout2. 使用requestAnimationFrame或者fastdom(避免连续的强制同步布局发生)3. classList代替className4. DOM批量读写,不要一会读一会写5. 加载页面是尽量给图片设定宽高,避免图片加载完成后重新渲染部分原创 2017-08-05 15:59:49 · 288 阅读 · 0 评论 -
web性能优化之CSS篇
1. 使用GPU缓存减少Painting2. 使用CSS transition完成一次性动画3. 动画过程避免布局渲染4. CSS3动画通常是不被阻塞的,可以获得独立线程进行绘制5. css样式名尽量简短,样式选择尽量简短6. 尽量减少不必要的样式属性7. 尽量不要在样式属性值中写表达式未完待续,继续追加原创 2017-08-05 16:04:39 · 210 阅读 · 0 评论 -
web性能优化之javascript篇
1. 清空数组用arr.length=0,不要用arr=[];这样相当于又创建了一个新对象赋值给arr2. 对象使用完成后尽量置空obj=null,这样利于浏览器GC3. 使用Canvas绘图可以有效避免渲染树4. Web Workers异步线程(高级浏览器中特性,如果有兼容性要求请慎用)未完待续原创 2017-08-05 16:06:18 · 257 阅读 · 0 评论 -
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 · 669 阅读 · 0 评论 -
5XX-都是我的错
5XX,都是月亮惹得祸,怎么让我来背锅。老板来了,未完待续....原创 2018-05-23 14:33:11 · 507 阅读 · 0 评论 -
4XX-都是你的错
4XX,对,今天的主角就是我,都是你的错,你还那么多。我有那么多的问题原创 2018-05-23 14:39:31 · 193 阅读 · 0 评论