网页优化实例
摘要：
最开始一张网页下来需要十多分钟才能完全加载完成。 优化第一步： 合并CSS,JS,减少http请求数。将图片替换为压缩后图片,启用gzip; 优化后运行时间为1分20秒左右; 优化第二步: 采用js惰性加载。降低页面加载时间 优化后加载时间：18-25秒; 优化第三步: 将图片全部迁移至第三方服务器 阅读全文
posted @ 2017-06-13 17:11 一坪海岸线y 阅读(174) 评论(0) 推荐(0) 编辑
JQ 为未来元素添加事件处理器—事件委托
摘要：
随着DOM结构的复杂化和Ajax等动态脚本技术的运用，有了较多的动态添加进来的元素，直接用JQ添加click事件会发现新添加进来的元素并不能直接选取到，在这里就需要用到事件委托方法，JQ为事件委托提供了live（）、dalegate（）和on（）方法。 事件委托 我们知道，DOM在为页面中的每个元素 阅读全文
posted @ 2017-06-13 16:12 一坪海岸线y 阅读(1056) 评论(0) 推荐(1) 编辑
Web前端优化最佳实践及工具集锦
摘要：
原址：http://www.csdn.net/article/2013-09-23/2817020-web-performance-optimization 摘要：前端的性能对于Web应用的用户体验来说非常重要。不要以为你的Web应用的性能已经足够好了，其实还会有很多可以提升的地方。本文将介绍Goo 阅读全文
posted @ 2017-06-13 14:10 一坪海岸线y 阅读(149) 评论(0) 推荐(0) 编辑
关于前端惰性加载（jquery_lazyload）的使用和原理分析
摘要：
1.前言 有时我们会有这样的需求，当网页有很多张图片的时候，我们不希望一次性就把图片加载完，而是希望当浏览器滑动到指定位置的时候再加载，这样可以节省带宽，它也能帮助减轻服务器负载。那么这种需求就需要利用lazyload了。 jquery_lazyload.js是基于jq的一个扩展，需要引入jq后使用 阅读全文
posted @ 2017-06-13 12:00 一坪海岸线y 阅读(928) 评论(0) 推荐(0) 编辑
