摘要:布局,縮放這也是淘寶使用的方案,根據(jù)屏幕寬度設(shè)定值,需要適配的元素都使用為單位,不需要適配的元素還是使用為單位。 討論適配方案之前,先了解幾個(gè)移動(dòng)端的概念。 基礎(chǔ)概念 設(shè)備像素(device pixels):又稱(chēng)為物理像素,是顯示屏的最小物理單位。在操作系統(tǒng)的調(diào)度下,每一個(gè)設(shè)備像素都有自己的顏色值和亮度值。 設(shè)備獨(dú)立像素(device independent pixels):基于計(jì)算機(jī)...
摘要:補(bǔ)充指令解析器源碼補(bǔ)充下節(jié)點(diǎn)類(lèi)型的知識(shí)元素節(jié)點(diǎn)屬性節(jié)點(diǎn)文本節(jié)點(diǎn)節(jié)點(diǎn)實(shí)體引用名稱(chēng)節(jié)點(diǎn)實(shí)體名稱(chēng)節(jié)點(diǎn)處理指令節(jié)點(diǎn)注釋節(jié)點(diǎn)文檔節(jié)點(diǎn)文檔類(lèi)型節(jié)點(diǎn)文檔片段節(jié)點(diǎn)聲明節(jié)點(diǎn)指令解析器解析節(jié)點(diǎn),直接固定某個(gè)節(jié)點(diǎn)進(jìn)行替換數(shù)據(jù)的解析模板指令,替換模板數(shù)據(jù)初始化試圖 補(bǔ)充指令解析器compile github源碼 補(bǔ)充下HTML節(jié)點(diǎn)類(lèi)型的知識(shí): 元素節(jié)點(diǎn) Node.ELEMEN...
摘要:打開(kāi)一篇多圖的微信公眾好文章。在圖片加載過(guò)程中,我們發(fā)現(xiàn)微信對(duì)每一個(gè)都塞了也個(gè)占位圖,而且占位圖的寬高就是實(shí)際加載完圖的寬高。這是如何做到的呢微信所有的標(biāo)簽里都有自定義的這兩個(gè)屬性是關(guān)鍵是圖片的是圖片的高寬值設(shè)定的,。 打開(kāi)一篇多圖的微信公眾好文章。在圖片加載過(guò)程中,我們發(fā)現(xiàn)微信對(duì)每一個(gè)img都塞了也個(gè)占位圖,而且占位圖的寬高就是實(shí)際加載完圖的寬高。這是如何做到的呢? 1.微信所有的i...
摘要:由出品的前端開(kāi)源項(xiàng)目周報(bào)第十二期來(lái)啦。我們的前端開(kāi)源周報(bào)集合了一周來(lái)新收錄的優(yōu)質(zhì)的前端開(kāi)源項(xiàng)目,方便前端開(kāi)發(fā)人員便捷的找到自己需要的項(xiàng)目工具等。 由OpenDigg?出品的前端開(kāi)源項(xiàng)目周報(bào)第十二期來(lái)啦。我們的前端開(kāi)源周報(bào)集合了OpenDigg一周來(lái)新收錄的優(yōu)質(zhì)的前端開(kāi)源項(xiàng)目,方便前端開(kāi)發(fā)人員便捷的找到自己需要的項(xiàng)目工具等。vue2-elm 重寫(xiě)?zhàn)I了么webapp showImg(htt...
摘要:編寫(xiě)的內(nèi)容,就像你目前正在閱讀的文章,組成了超過(guò)的網(wǎng)頁(yè)。為這個(gè)文本內(nèi)容添加樣式將有一個(gè)很長(zhǎng)的路要走。添加讓我們借這個(gè)機(jī)會(huì),來(lái)提高文本格調(diào)。瞧按照網(wǎng)頁(yè)設(shè)計(jì)的基本原則,我們?cè)诙潭處追昼妰?nèi)設(shè)計(jì)了一個(gè)像樣的頁(yè)面。 showImg(https://segmentfault.com/img/bVCrlL); 比方說(shuō),你想要在自己網(wǎng)站上分享一個(gè)產(chǎn)品,或者是一個(gè)作品集,又或者僅僅只是一個(gè)靈感。在你發(fā)布...