7.31
-1- 原生JS的輪播
用慣了swiper,今天練習(xí)一下原生JS的輪播寫法
-2- Flex 的兼容性
今天遇到了display:-webkit-box,搜索了一下發(fā)現(xiàn)是舊版的display:flex
通常適應(yīng)舊手機(jī)版本時(shí)會(huì)使用display:box來表示flexbox
通過這個(gè)延伸出思考,mobile端和PC端的主要差異,
目前根據(jù)我的實(shí)際開發(fā)經(jīng)驗(yàn)可以了解到三點(diǎn):
- Mobile端rem的使用
- Mobile端只用考慮webkit內(nèi)核
-3- localStorage sessionStorage 和 cookie 的對比
- cookie是網(wǎng)站為了標(biāo)示用戶身份而存儲在用戶本地終端上的數(shù)據(jù)(通常經(jīng)過加密)
- cookie始終在同源的HTTP請求中攜帶(即使不需要),最大4k,有效時(shí)間只與設(shè)置的cookie過期時(shí)間有關(guān)
- sessionStorage和localStorage是本地存儲的,不會(huì)自動(dòng)將數(shù)據(jù)發(fā)送給服務(wù)器,可以達(dá)5M+。
- sessionStorage數(shù)據(jù)在瀏覽器關(guān)閉之后自動(dòng)刪除
- localStorage數(shù)據(jù)存儲持久數(shù)據(jù),瀏覽器關(guān)閉后數(shù)據(jù)不丟失,除非主動(dòng)刪除數(shù)據(jù)
-4- v-for循環(huán)的動(dòng)態(tài)數(shù)據(jù)
v-for循環(huán)渲染出的動(dòng)態(tài)數(shù)據(jù)無法在dom樹中查找到,想add/removeClass時(shí),可以結(jié)合v-bind:class,將點(diǎn)擊事件觸發(fā)的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
相當(dāng)于視窗高度和寬度中較小的那個(gè),其中較小的那個(gè)被均分為100單位的vmin
vh/vm
ch
rem