前端性能优化:高频执行事件/方法的防抖

上一篇我们说了用InnerHTML和DocumentFragment来减少DOM注入的次数,这次我们说一说如何处理高频事件触发时的优化。 高频执行事件/方法的防抖 通常,开发人员会在有用户交互参与的地方添加事件,而往往这种事件会被频繁触发。想象一下窗口的resize事件或者是一个元素的onmouse 继续>

前端性能优化:DocumentFragments或innerHTML取代复杂的元素注入

我们的浏览器执行越来越多的特性,并且网络逐渐向移动设备转移,使我们的前端代码更加紧凑,如何优化,就变得越来越重要了。前端给力的地方是可以有 许多种简单的策略和代码习惯让我们可以保证最理想的前端性能。我们这个系列的主题就是要告诉你9种代码小技巧,只需要一分钟,就可以优化你现有的代码。 使用Docume 继续>

快速转化html结构

快速转化html结构(适合于改版时内容不变等情况使用) 需要转换成 (这里为了示例,省略属性,省略不同的文字)那么把上边的html单独出一个文件,例如: 然后在console里面执行:然后在elements面板复制body里面的内容,就是结果啦~