性能优化

精简代码 css js html

压缩代码 优化代码

引入cdn

CSS 选择器解析问题。编码过程中用尽可能少的选择器来表示一个元素，因为 CSS 是从右往左加载的。

css在head中 因为下载完css就开始渲染 js最后 因为会阻塞加载

图片懒加载

防抖（延迟执行） 搜索框 节流（一定时间只执行一次）操作

尽量少操作dom 样式

减少http请求 雪碧图 jscss文件合并

利用事件委托绑定事件 减少事件注册

非核心代码异步加载

1动态创建脚本加载

2script标签属性

async加载和渲染后续文档元素过程中并行执行，js执行也是并行

defer js会在加载后续文档元素并行执行，但是js的执行要在元素解析之后

 

xss攻击 跨站脚本攻击

利用注入js标签

办法 验证用户输入 特殊符号转义

 

点击劫持 

利用iframe

办法 iframe添加sandbox属性

top.location != window.location

//如果不相等，说明使用了iframe，可进行相关的操作

添加验证码

 

csrf攻击

在第三方网站向本网站发起请求

办法 token验证