-
為什么walk()里已經(jīng)創(chuàng)建了dfd,unwrapp()里還要?jiǎng)?chuàng)建dfd？還有怎么知道哪些方法需要異步哪些又不需要？查看全部
-
16px = 1rem查看全部
-
呈現(xiàn)3d效果需要3部分 父元素或者當(dāng)前運(yùn)動(dòng)元素上設(shè)置透視角perspective，perspective屬性的值決定了3D效果的強(qiáng)度 3D視圖，設(shè)置在父元素上，子元素都可以相對(duì)與父元素的平面進(jìn)行3d變形操作 3D變形函數(shù)，translate3d、scale3d、rotateX、rotateY、rotateZ等等查看全部
-
1.圣誕采用rem布局，rem相對(duì)于html的font-size做參考；查看全部
-
CSS3的Animation有八個(gè)屬性 animation-name ：動(dòng)畫名 animation-duration：時(shí)間 animation-delay：延時(shí) animation-iteration-count：次數(shù) animation-direction：方向 animation-play-state：控制 animation-fill-mode：狀態(tài) animation-timing-function：關(guān)鍵幀變化查看全部
-
采用新的rem布局代替百分比布局方案 采用簡單的面向?qū)ο缶幊?類的形式對(duì)每一個(gè)頁面場景元素都做了一定的封裝 引入了觀察者模式的處理機(jī)制 引入了svg概念，通過svg繪制矢量圖 精靈動(dòng)畫部分依舊采用大量的 CSS3 animation動(dòng)畫的steps關(guān)鍵幀，但是不同的是，解決了自適應(yīng)雪碧圖的問題 元素運(yùn)動(dòng)部分優(yōu)化了CSS3過渡與變換的使用 新增了video視頻元素的使用 新增了3d旋轉(zhuǎn)木馬的效果實(shí)現(xiàn) 新增了canvas版的雪花實(shí)現(xiàn) 編程思路： 1.rem的布局 2.幀動(dòng)畫的原理 3.面向?qū)ο蟮木幊?4..設(shè)計(jì)模式和異步代碼梳理 5.canvas繪圖、svg繪圖 6.精靈動(dòng)畫的實(shí)現(xiàn)及如何營造3d效果 技術(shù)分解點(diǎn) 如何做rem布局 幀動(dòng)畫的原理 如何營造3d效果 設(shè)計(jì)模式和異步代碼梳理 canvas繪圖 svg繪圖查看全部
-
animation:bird-slow 400ms steps(3) infinite; @keyframes bird-slow { 0% {background-position-x: -0px} 100% {background-position-x: -273px} }查看全部
-
自定義瀏覽器默認(rèn)字體大小： docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px'; 給html設(shè)置fontSize大小，其實(shí)就是在DOMContentLoaded或者resize變化后調(diào)整fontSize的大小，從而調(diào)整rem的比值關(guān)系。查看全部
-
用關(guān)鍵幀可以實(shí)現(xiàn)精靈圖的切換，同時(shí)通過background-size解決了自適應(yīng)的問題，查看全部
-
運(yùn)動(dòng) = 關(guān)鍵幀動(dòng)畫 + 坐標(biāo)變化 1.元素.position定位，修改top,left坐標(biāo)修改 2.通過css3的transform屬性的translate查看全部
-
所有的技術(shù)點(diǎn)查看全部
-
參考右邊代碼區(qū)域，一般情況在項(xiàng)目的最前面加載一段js來修改html的font-size，針對(duì)不同分辨率計(jì)算font-size，監(jiān)聽瀏覽器更改 html的font-size docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px';查看全部
-
飛鳥代碼查看全部
-
animation-name ：動(dòng)畫名 animation-duration：時(shí)間 animation-delay：延時(shí) animation-iteration-count：次數(shù) animation-direction：方向 animation-play-state：控制 animation-fill-mode：狀態(tài) animation-timing-function：關(guān)鍵幀變化查看全部
-
技術(shù)點(diǎn)分解查看全部
舉報(bào)
0/150
提交
取消