一、页面为何卡
1.1 看起来卡(体验)
页面结构不断调整,不连贯。
“前端加载体验优化 – 游戏中心首页”继续阅读
高频率的函数执行会给浏览器和服务器太大压力,设置一个间隔时间可以优化执行频率,记录上一次(初始)函数执行的时间,与此次执行时间比较;如果这个差值在设置的间隔时间内则定时执行,否则立即执行;如果在这个间隔时间内反复触发函数则无视。
“节流和去抖的简单实现”继续阅读
当需要在大量元素上绑定事件的时候,特别是在动态更新的元素上,这个绑定是既麻烦又消耗性能的一件事。比较好的做法是在它们共同的父级元素上绑定一个事件,在事件冒泡阶段触发相应的效果。这种把一个元素的响应事件函数委托给另一个元素的用法便叫事件委托。
“使用事件委托提高性能”继续阅读
defer
属性仅当 src
属性声明时才生效。<script>
标签添加到 <head>
标签里比添加到 <body>
里更保险,尤其是在页面加载过程中执行代码时更是如此。当 <body>
中的内容没有全部加载完成时,IE 可能会抛出一个“操作已中止”的错误信息。“高性能JavaScript – Nicholas C.Zakas 著 / 丁琛 译 / 赵泽欣 审校”继续阅读