一大堆资料的总结

语义化标签：

一直以来，因为觉得div方便，所以写什么东西都喜欢用div，可是这两天经过学习，发现如此做法实在是太不专业了，原因在

https://segmentfault.com/a/1190000004285858 

很好的给出了答案（复习时的关键字：SEO，可读性，眼睛不方便的人士。）

标签总结：

http://www.w3schools.com/tags/default.asp

http://www.bkjia.com/xdjq/303375.html

性能优化的一大波例子：

http://www.iteye.com/magazines/116-Web-Front-Performance-Best-Practice

内容：

拒绝迭代元素注入，

高频事件防抖，

'网络存储的静态缓存和非必要的内容优化？'，

‘异步加载，延迟加载’，

‘Array.prototype.join替代例如'a' + 'b'这种行为’, 

尽可能使用css动画, 

事件委托（降事件绑定到parent el上然后每次通过判断e.targe来操作，因此不用每一个el上做addEventListener)，

Data URL (更多资料:http://justcoding.iteye.com/blog/2090964 , 虽然data url加载得比较快（因为不需要创建新的connection来做出http请求，不过data URL不会被缓存，不会被缓存，不会被缓存，这就是其中一个弊端，而且data url会比原来的格式大)

使用@media,

使用索引对象(使用function对ajaxResult进行遍历会很麻烦，所以遍历一次把需要的内容放到一个新建的object当中，就不用每次都遍历了！），

控制DOM大小（使用伪元素（这样下载html的下载速度会变快！），延迟加载等等），

使用Web worker，

仅在main.css中使用@import避免嵌套的css的http请求，

'在CSS文件中包含多种介质类型？'，