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