盒模型
标准模式下
box = margin+border+padding+content(width/height)
怪异模式下
box = margin+content(border+padding+width/height)
移动设备的自适应
flexbox
rem
之后详细补充
position
relative : 相对于本身在文本流中的位置进行定位，定位后不脱离文本流
absolute : 相对于父元素中非static定位的元素进行定位，定位后脱离文本流
fixed : 相对于浏览器窗口进行定位，定位后脱离文本流
static : 正常文本流渲染
立即学习“前端免费学习笔记（深入）”；
事件代理的优点
原理就是利用事件冒泡
weiit-saas开源电商SaaS系统
下载
weiit-saas是一款Java开源项目，由weiit团队自研，意在通过技术封装，帮助企业一键生成小程序、公众号，让企业拥有独立品牌的自营商城。weiit-saas是完全开源电商SaaS系统，属于weiit开源的社区版，旧版已不在维护和更新，仅供学习和参考，新版saas从底层架构到前后端UI设计已经全面优化和升级。 主要特点1、项目采用Spring+SpringMVC+Mybatis主流开源框架
优点
可以大量节省内存占用，减少事件注册。比如ul上代理所有li的click事件。
对于动态内容部分尤为合适
缺点
事件代理的常用应用应该仅限于上述需求，如果把所有事件都用事件代理，可能会出现事件误判。即本不该被触发的事件被绑定上了事件。
数组去重
function f(arr){
var s = [];
for(var i = 0;i如果不能使用indexOf，且需考虑元素类型
function f(arr){
var s = {};
for(var i = 0;i或者直接利用ES6的Set
function f(arr){
var s = new Set(arr);
return [...s];
}实现鼠标滑过头像显示简介
要点：
1、事件如何绑定
我想的是通过事件代理
2、如何保证放置显示，快速划过不显示
利用定时器
下面就用简陋的代码来示例一下。。。
