ES6、ES7、ES8知识点以及浏览器兼容问题移动端兼容适配

ES6

1. let const:块级作用域 无变量提升 不允许重复声明 const声明时必须赋值
2. 解构赋值
3. 字符串函数拓展：includes() startWith() endsWith() repeat()
4. Array.from方法
5. 模板字符串
6. 箭头函数： 没有作用域 this指向外部作用域
7. generators函数：saga基于实现
8. 参数默认值
9. rest参数：…变量名
10. Symbol类型：表示独一无二的值
11. Set数据结构
12. Map数据结构

ES7

1. 数组方法：includes()
2. 指数操作符 **

ES8

1. async函数：基于promise，返回promise对象
2. Object.values() Object.entries()
3. 字符串填充 padStart(字符串目标长度，填充字段） padEnd(字符串目标长度，填充字段）

浏览器兼容问题

1. margin和padding不同：*{margin：0；padding：0}
2. 图片默认边距：使用float
3. 边距重叠问题：margin取大值
4. cursor：hand在safari不支持：统一使用pointer
5. 火狐能用const，IE只能用var
6. 事件绑定 IE：dom.attachEvent() 其他：dom.addEventListener()
7. IE6图片空隙：display：block
8. hover样式问题：顺序排好

移动端兼容适配

1.viewport使用
2.单位的使用：rem
3.页面布局方式：如flex
4.媒体查询
5.1px边框问题
6.图片高清化
7.移动端click300ms的延迟响应
8.更改默认样式

适配终端使用媒体查询方式获取，分配对应样式
布局采用rem相对单位、百分比和flex的弹性方式
对移动端的特殊配置：1px像素问题，图片高清问题 click300ms延迟问题 更改默认样式

• 点赞
• 收藏
• 分享
• 文章举报