优化小技巧
全栈技术圈
我来自湛江市的某一个角落,非常热爱互联网。。。
展开
-
js--文档碎片
文档碎片的作用:可以提高DOM操作性能(理论上),实际上不一定提高性能,反而降低性能。比如下面的两个页面进行比较:点击普通按钮和碎片按钮进行比较两个弹出的时间大小;时间越大说明性能越低;文档碎片--普通页面:无标题文档window.onload=function(){var oBtn=document.getElementById('bt原创 2013-06-10 15:55:35 · 919 阅读 · 0 评论 -
图片加载js--图片被动加载
Javascript实现的页面图片被动加载类,在使用前用1像素图像进行占位,并给img添加 自定义_src属性 ,当有图片进入可视区域内时,载入图片,提高页面载入速度,节省不必要的流量和连接数。主函数获取其他脚本注册到window上的onscroll和onresize事件,避免冲突。 本代码在IE6 firefox3.6 Firefox4.0 chrome opera 11.10中测试通过。被动加原创 2013-06-11 18:22:31 · 690 阅读 · 0 评论 -
jpg,png,gif图片格式的区别和优劣
为什么想整理这方面的类容,我觉得就像油画家要了解他的颜料和画布、雕塑家要了解他的石材一样,作为网页设计师也应该对图片格式的特性有一定了解,这样才能更好的表达你的创意和想法。除此之外,我们在平时工作中也会遇到许多与图片格式相关的问题。比如设计师会奇怪为什么有些页面的产出物总是没法达到设计稿那样的品质和效果,什么样的设计才更适合Web页面;页面重构师和前端工程师则想知道在切图的时候应采用什么图转载 2013-10-03 15:53:59 · 5794 阅读 · 1 评论 -
网站性能优化之css无图片技术
网站优化:网站性能优化之css无图片技术http://udc.weibo.com/2013/05/%E7%BD%91%E7%AB%99%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E4%B9%8Bcss%E6%97%A0%E5%9B%BE%E7%89%87%E6%8A%80%E6%9C%AF/转载 2013-10-09 23:03:04 · 817 阅读 · 0 评论