我們已經(jīng)涵蓋了大部分的基礎(chǔ)知識,現(xiàn)在,是時候深入底層原理了!Vue最顯著的特性之一便是不太引人注意的響應(yīng)式系統(tǒng)。模型層(model)只是普通的js對象,修改它則更新視圖(vi...
我們已經(jīng)涵蓋了大部分的基礎(chǔ)知識,現(xiàn)在,是時候深入底層原理了!Vue最顯著的特性之一便是不太引人注意的響應(yīng)式系統(tǒng)。模型層(model)只是普通的js對象,修改它則更新視圖(vi...
一、深入響應(yīng)式原理? 前端開發(fā)最重要的 2 個工作,一個是把數(shù)據(jù)渲染到頁面,另一個是處理用戶交互(數(shù)據(jù)的變更會觸發(fā) DOM 的變化)。 eg: 當我們?nèi)バ薷?this.mes...
Vue組件實例中的data是我們再熟悉不過的東西了,用來存放需要綁定的數(shù)據(jù)但是對于一些特定場景,data雖然能夠達到預(yù)期效果,但是會存在一些問題我們寫下如下代碼,建立一個名單...
本文概要 本文將介紹如下幾種常見的布局: 其中實現(xiàn)三欄布局有多種方式,本文著重介紹圣杯布局和雙飛翼布局。 一、單列布局 常見的單列布局有兩種: header,content和...
設(shè)計稿的寬度是1920px(需要適應(yīng)所有屏幕): 任意尺寸的設(shè)計稿(自適應(yīng)) 假設(shè)設(shè)計稿的寬度為XXXpx; 這里的b.style.fontSize = (a /XXX) *...
防抖和節(jié)流 防抖:單位時間內(nèi)事件觸發(fā)會被重置,避免事件被誤傷觸發(fā)多次。代碼實現(xiàn)重在清零 clearTimeout。觸發(fā)高頻事件,n秒內(nèi)事件只會執(zhí)行一次,如果n秒內(nèi)再次觸發(fā),則...
一、前言 響應(yīng)式 Web 設(shè)計可以讓一個網(wǎng)站同時適配多種設(shè)備和多個屏幕,可以讓網(wǎng)站的布局和功能隨用戶的使用環(huán)境(屏幕大小、輸入方式、設(shè)備/瀏覽器能力)而變化。本文主要介紹一些...
EasyMock優(yōu)勢1. 省去配置、安裝mockJs步驟,解決多人協(xié)作Mock數(shù)據(jù)不互通問題2. 不需要在項目中寫多余的代碼,例如將Mock 數(shù)據(jù)寫在代碼里、json文件里 ...