8-6、性能优化 几个示例

构建工具，暴力合并，每个公司构建工具可能不一样。手工也可以，比较低效率。

名字不变，就不用去请求。一个星期改了名字，请求一次就可以了。

可以把数据直接输入到HTML中，没必要ajax再把数据请求一遍。

src赋值一个很小的图，加载快，甚至本身有缓存。自定义一个属性，真的地址是abc.png。可以通过js控制，调用真的地址。加快页面渲染速度。

第一个没有缓存，那么执行循环，需要查询10次，，每一次都要getElementByTagName（“p”） 

第二个缓存了，存在一个变量中，就不需要每次循环都查询了。直接取就行了。只做了一次查询。

先定义一个片段，然后把10个li依次插入片段中。最后才把片段插入listNode中。

好处：本来要十次DOM插入，这么做只要一次。

先检查timeoutId是否存在，存在的话设置为空，重新设置为100ms，然后输入的时候，如果非常快，连着打，100ms以内，就不用管，只有100ms以外，停下来了，才触发change事件。节流，可以减少cup计算。尽量少的触发事件。

clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。

clearTimeout(id_of_settimeout)

参数描述

id_of_settimeout由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

上面函数执行，需要等一段时间才执行，下面的马上执行。