摘要:在這里,我根據(jù)瀏覽器的工作原理整理了一套自己的知識(shí)體系,方便自己學(xué)習(xí),有很多不足的地方,希望大家多多交流。圖片可以點(diǎn)擊查看原圖進(jìn)行觀看 做前端的同學(xué)都知道,前端技術(shù)目前需要學(xué)習(xí)的知識(shí)太多了,各種框架,技術(shù)層出不窮,但只要我們自己有自己的一套知識(shí)體系,打好基礎(chǔ),再學(xué)習(xí)新東西就會(huì)很容易。在這里,我根據(jù)瀏覽器的工作原理整理了一套自己的知識(shí)體系,方便自己學(xué)習(xí),有很多不足的地方,希望大家多多交流...
摘要:原理的雙向數(shù)據(jù)綁定的原理相信大家都十分了解主要是通過的對(duì)象的屬性重寫的和函數(shù)來實(shí)現(xiàn)的所以接下來不使用進(jìn)行實(shí)際的代碼開發(fā)過程中如果函數(shù)使用父級(jí)的情況還是使用顯示緩存中間變量和閉包來處理原因是箭頭函數(shù)沒有獨(dú)立的執(zhí)行上下文所以箭頭函數(shù)內(nèi)部出現(xiàn)對(duì)象 1.原理 vue的雙向數(shù)據(jù)綁定的原理相信大家都十分了解;主要是通過ES5的Object對(duì)象的defineProperty屬性;重寫data的set...
摘要:但硬件加速是把雙刃劍,過渡的使用硬件加速會(huì)適得其反。所以,一定要牢記不要讓頁面的每個(gè)元素都使用硬件加速,當(dāng)且僅當(dāng)需要的時(shí)候才為元素創(chuàng)建渲染層。參考文檔無線性能優(yōu)化動(dòng)畫及硬件加速高性能動(dòng)畫與頁面渲染渲染優(yōu)化層模型 前言 談起瀏覽器的硬件加速,想必大家都知道的一個(gè)技巧就是在用CSS3做動(dòng)畫時(shí),給元素添加transform: translateZ(0)或者transform: transla...
摘要:原理利用標(biāo)簽,包裹的時(shí)候,點(diǎn)擊等同于點(diǎn)擊再用背景圖片顯示選中和取消選中狀態(tài)效果圖片復(fù)選我你他單選男女 原理 利用label標(biāo)簽,包裹input的時(shí)候,點(diǎn)擊label等同于點(diǎn)擊input,再用背景圖片顯示選中和取消選中狀態(tài) 效果 showImg(https://segmentfault.com/img/bV2wKx?w=213&h=52); showImg(https://segment...
摘要:這引發(fā)了對(duì)設(shè)計(jì)流程以及使用工具的新思考能否在貼近并盡量覆蓋各種真實(shí)使用環(huán)境的情況下,又易于修改答案網(wǎng)頁效果圖設(shè)計(jì)新思路答案是拋棄原有的在效果圖制作方法,轉(zhuǎn)而使用以及等構(gòu)建真實(shí)的基礎(chǔ)網(wǎng)頁效果,最終以截圖的形式獲得效果圖展示給客戶。 傳統(tǒng)的PS網(wǎng)頁設(shè)計(jì)已經(jīng)跟不上如今流式布局潮流的發(fā)展了,PS不可能把所有移動(dòng)設(shè)備的尺寸都做一個(gè)版本出來。如果PS的頁面過多,期間要修改一個(gè)通用的東西,也是牽一發(fā)...
暫無介紹