killbee365的博客

1 前言 Web 应用性能优化黄金法则: 先优化前端程序 (front-end) 的性能,因为这是80% 或以上的最终用户响应时间的花费所在 2 减少HTTP请求 80%的最终用户响应时间花在前端程序上,而其大部分时间则花在各种页面元素, 如图像、 样式表、 脚本和 Flash 等的下载上 减少页面元素：简化页面设计 image： 使用精灵图，配合 background-image 和background-position实现部分图片 Combined files：组合多个脚本文件到单一文件，同样

js的垃圾回收机制： 一句话就是不用就删掉 变量包括：全局变量与局部变量 在全局变量中 脚本运行结束 在局部变量中 函数调用产生，函数调用结束消亡 闭包：延长局部变量生命周期 思路： 1 延长一个变量生命周期 2 声明为一个全局变量 3 不想增加全局变量 4 让全局变量引用局部变量 实现： 1 函数内部存在局部变量 2 改局部函数被一个内部函数引用 3 函数的返回值为内部的函数 应用： 保护变量，只能使用对外提供的方式来访问变量 全局变量 var a = 1; console.log(a) //

函数防抖(debounce) 概念：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 //模拟一段ajax请求 function ajax(content) { console.log('ajax request ' + content) } let inputa = document.getElementById('unDebounce') inputa.addEventListener('keyup', function (e) { ajax(e.target.va