前端性能优化:高频执行事件/方法的防抖
上一篇我们说了用InnerHTML和DocumentFragment来减少DOM注入的次数,这次我们说一说如何处理高频事件触发时的优化。 高频执行事件/方法的防抖 通常,开发人员会在有用户交互参与的地方添加事件,而往往这种事件会被频繁触发。想象一下窗口的resize事件或者是一个元素的onmouse 继续>
Blog of ZCW 亦·德利菲的小窝
上一篇我们说了用InnerHTML和DocumentFragment来减少DOM注入的次数,这次我们说一说如何处理高频事件触发时的优化。 高频执行事件/方法的防抖 通常,开发人员会在有用户交互参与的地方添加事件,而往往这种事件会被频繁触发。想象一下窗口的resize事件或者是一个元素的onmouse 继续>
如果你是一个前端开发人员的话,正确的了解和使用浏览器开发工具是一个必须的技能。 Secrets of the Browser Developer Tools是一个帮助大家了解开发和debug工具的网站,列出了很多不同浏览器下调试和开发工具的相关技巧和说明。 包含浏览器: Firefox IE Chr 继续>
我们的浏览器执行越来越多的特性,并且网络逐渐向移动设备转移,使我们的前端代码更加紧凑,如何优化,就变得越来越重要了。前端给力的地方是可以有 许多种简单的策略和代码习惯让我们可以保证最理想的前端性能。我们这个系列的主题就是要告诉你9种代码小技巧,只需要一分钟,就可以优化你现有的代码。 使用Docume 继续>
1 | $("html, body").animate({ scrollTop: $(document).height() }, "normal"); |
以上就是让页面滚动到底部的代码了 比较重要的一点是,选择器部分,需要是html, body,这样可以兼容所有浏览器
快速转化html结构(适合于改版时内容不变等情况使用)
1 2 3 4 | <a><span>大西瓜</span></a> <a><span>大西瓜</span></a> <a><span>大西瓜</span></a> <a><span>大西瓜</span></a> |
需要转换成
1 2 3 4 | <li><a >大西瓜</a></li> <li><a >大西瓜</a></li> <li><a >大西瓜</a></li> <li><a >大西瓜</a></li> |
(这里为了示例,省略属性,省略不同的文字)那么把上边的html单独出一个文件,例如: [crayon-6 继续>
转载来源:https://plus.google.com/u/0/105498812278563650226/posts/hH9kHuEMQKj eph的微博:http://weibo.com/painyeph
第一天, 太初有道, 神谕, import light, 于是便有光. (Quick fact: 在python解释器里输入import antigravity有彩蛋) 作为一个业余物理工作者以及入门计算机使用者, 选择一门称手的编程语言是非常重要的事. 从计算能带, 处理数据, 编写脚本到画图, 继续>
Since originally writing this answer, a new specification has reached working draft status thanks to the W3C. The Page Visibility API now allows us to 继续>