-
<script type="text/javascript"> var docEl = document.documentElement, //當(dāng)設(shè)備的方向變化（設(shè)備橫向持或縱向持）此事件被觸發(fā)。綁定此事件時(shí)， //注意現(xiàn)在當(dāng)瀏覽器不支持orientationChange事件的時(shí)候我們綁定了resize 事件。 //總來的來就是監(jiān)聽當(dāng)然窗口的變化，一旦有變化就需要重新設(shè)置根字體的值 resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { //設(shè)置根字體大小 docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px'; }; //綁定瀏覽器縮放與加載時(shí)間 window.addEventListener(resizeEvt, recalc, false); document.addEventListener('DOMContentLoaded', recalc, false); </script>查看全部
-
牛逼，佩服查看全部
-
給html設(shè)置fontSize大小，其實(shí)就是在DOMContentLoaded或者resize變化后調(diào)整fontSize的大小，從而調(diào)整rem的比值關(guān)系。慕課的布局是右邊區(qū)域展示，所以按照移動(dòng)端的320寬度為標(biāo)準(zhǔn)去做適配的，當(dāng)然基于這個(gè)縮放都是沒關(guān)系的查看全部
-
budong查看全部
-
transform-origin http://www.w3school.com.cn/cssref/pr_transform-origin.asp查看全部
-
膩害！查看全部
-
-webkit-transform: rotateY(70deg); -moz-transform: rotateY(70deg);查看全部
-
運(yùn)動(dòng) = 關(guān)鍵幀動(dòng)畫 + 坐標(biāo)變化查看全部
-
用雪碧圖做精靈動(dòng)畫會(huì)有一個(gè)問題： 必須通過絕對(duì)尺寸獲取圖片坐標(biāo)，否則就會(huì)出錯(cuò)，大多情況下可能會(huì)準(zhǔn)備2套圖片查看全部
-
關(guān)鍵幀動(dòng)畫查看全部
-
observer查看全部
-
rem是什么？ rem和em單位一樣，都是一個(gè)相對(duì)單位,不同的是em是相對(duì)于元素的父元素的font-size進(jìn)行計(jì)算,rem是相對(duì)于根元素html的font-size進(jìn)行計(jì)算,這樣一來rem就繞開了復(fù)雜的層級(jí)關(guān)系，實(shí)現(xiàn)了類似于em單位的功能。默認(rèn)情況下瀏覽器給的字體大小是16px，按照轉(zhuǎn)化關(guān)系 16px = 1rem 自適應(yīng)處理： 使用rem布局的時(shí)候,為了兼容不同的分辨率,我們應(yīng)該要?jiǎng)討B(tài)的修正根字體的大小,讓所有的用rem單位的子元素跟著一起縮放,從而達(dá)到自適應(yīng)的效果查看全部
-
好厲害！查看全部
-
call和apply是改變函數(shù)中this的指向，trigger函數(shù)中用apply是為了直接將函數(shù)中trigger函數(shù)中帶的參數(shù)（除第一個(gè)事件名），直接用到之前綁定的函數(shù)中，例如： observer.subscribe("test",function(a,b){...}); //該函數(shù)如果帶有this，在publish中會(huì)指向observer observer.publish("test",a,b);查看全部
-
在嵌套回調(diào)異步里，點(diǎn)擊后定義兩個(gè)函數(shù)A，B，A的輸出結(jié)果為參數(shù)為1的回調(diào)函數(shù)執(zhí)行結(jié)果，B的輸出結(jié)果為參數(shù)+2的回調(diào)函數(shù)執(zhí)行結(jié)果，則A執(zhí)行后，將1作為參數(shù)傳給B，B將參數(shù)+2，執(zhí)行回調(diào)函數(shù)，在html里顯示'嵌套異步：3'查看全部
舉報(bào)
0/150
提交
取消