关于前端性能优化

优化加载速度：

减少资源体积：压缩代码；

减少访问次数：合并代码、缓存；

使用CDN；

优化渲染速度：

CSS放在head，script 放在 body 底部；

尽早开始执行js，用 DOMContentLoaded 触发；

图片懒加载；

对DOM 查询进行缓存；

频繁的 DOM 操作，合并到一起插入 DOM 结构（ createdocumentFragment ）；

使用防抖和节流（具体用法见上一篇 防抖和节流）；

安全方面： XSS 跨站请求攻击和预防

如：发表博客时候，嵌入一段script脚本，用于获取cookie，然后发送到攻击者的服务器。

替换特殊字符，< 变为 <    > 变为 >  此时