WEB前端性能优化1302.We性能优化代码(608KB).pptVIP

JavaScript代码优化 - dom 单个dom节点操作 appendChild()或者Jquery的append()， append不会影响到其他的节点。 批量操作dom 使用 innerHTML 开销更小,速度更快,同时也更加内存安全 一定不要在循环中使用 innerHTML += 的方式添加,这样反而会使速度减慢，而是应该中间用 array缓存 起来,循环结束后调用 xx.innerHTML =array.join(‘’);或者至少保存到 string 中再插到 innerHTML 创建 Dom 节点 在执行完 createElement代码之后,应该马上append到dom 树中 JavaScript代码优化 - dom 删除 Dom 节点 删除 dom 节点之前,一定要删除注册在该节点上的事件，否则将会产生无法回收的内存。 removeChild 无法有效地释放 dom 节点 监听动态元素事件(事件代理) Dom 事件默认是向上冒泡的,发生在子节点中的事件,可以由父节点来处理。把事件注册上提到父节点上,这 样就不需要为每个子节点注册事件监听 图片文件优化 减少图片数 降低图像质量 使用恰当的格式 JPG：一般用于展示风景、人物、艺术照的摄影作品。有时也用在电脑 截屏上。 GIF：提供的颜色较少，可用在一些对颜色要求不高的地方，比如网站logo、 按钮、表