7.31
-1- 原生JS的轮播
用惯了swiper，今天练习一下原生JS的轮播写法
-2- Flex 的兼容性
今天遇到了display:-webkit-box，搜索了一下发现是旧版的display:flex
通常适应旧手机版本时会使用display:box来表示flexbox
通过这个延伸出思考，mobile端和PC端的主要差异，
目前根据我的实际开发经验可以了解到三点：
- Mobile端rem的使用
- Mobile端只用考虑webkit内核
-3- localStorage sessionStorage 和 cookie 的对比
- cookie是网站为了标示用户身份而存储在用户本地终端上的数据（通常经过加密）
- cookie始终在同源的HTTP请求中携带（即使不需要），最大4k，有效时间只与设置的cookie过期时间有关
- sessionStorage和localStorage是本地存储的，不会自动将数据发送给服务器，可以达5M+。
- sessionStorage数据在浏览器关闭之后自动删除
- localStorage数据存储持久数据，浏览器关闭后数据不丢失，除非主动删除数据
-4- v-for循环的动态数据
v-for循环渲染出的动态数据无法在dom树中查找到，想add/removeClass时，可以结合v-bind:class，将点击事件触发的index值传递出来再做判断
:class = [ choose == index ? "active" : " " ];
-5- H5 新特性
Geolocation | Notification | File | Page Visibility
- Geolocation 使用地理位置定位
https://developer.mozilla.org/zh-CN/docs/Web/API/Geolocation/Using_geolocation - Notification 桌面通知
- File 文件传输
- Page Visibility 可见性
-6- H5 全局属性
contenteditable | draggable | ...
8.1
-webkit-font-smooth none|antialiased
es6模块化
H5 自定义属性
8.3
CSS3新增伪类
CSS3单位
- vm=vmin
相当于视窗高度和宽度中较小的那个，其中较小的那个被均分为100单位的vmin
vh/vm
ch
rem
