我們已經(jīng)涵蓋了大部分的基礎(chǔ)知識(shí),現(xiàn)在琢感,是時(shí)候深入底層原理了!Vue最顯著的特性之一便是不太引人注意的響應(yīng)式系統(tǒng)抱虐。模型層(model)只是普通的js對(duì)象昌阿,修改它則更新視圖(vi...
我們已經(jīng)涵蓋了大部分的基礎(chǔ)知識(shí),現(xiàn)在琢感,是時(shí)候深入底層原理了!Vue最顯著的特性之一便是不太引人注意的響應(yīng)式系統(tǒng)抱虐。模型層(model)只是普通的js對(duì)象昌阿,修改它則更新視圖(vi...
一、深入響應(yīng)式原理? 前端開發(fā)最重要的 2 個(gè)工作刷钢,一個(gè)是把數(shù)據(jù)渲染到頁面笋颤,另一個(gè)是處理用戶交互(數(shù)據(jù)的變更會(huì)觸發(fā) DOM 的變化)。 eg: 當(dāng)我們?nèi)バ薷?this.mes...
Vue組件實(shí)例中的data是我們?cè)偈煜げ贿^的東西了伴澄,用來存放需要綁定的數(shù)據(jù)但是對(duì)于一些特定場(chǎng)景,data雖然能夠達(dá)到預(yù)期效果阱缓,但是會(huì)存在一些問題我們寫下如下代碼非凌,建立一個(gè)名單...
1.什么是 BFC機(jī)制(更多資料總結(jié) +V:2417268862) BFC(Block Formatting Context)箕肃,塊級(jí)格式化上下文,是一個(gè)獨(dú)立的渲染區(qū)域今魔,讓處于...
本文概要 本文將介紹如下幾種常見的布局: 其中實(shí)現(xiàn)三欄布局有多種方式突雪,本文著重介紹圣杯布局和雙飛翼布局起惕。 一、單列布局 常見的單列布局有兩種: header,content和...
設(shè)計(jì)稿的寬度是1920px(需要適應(yīng)所有屏幕): 任意尺寸的設(shè)計(jì)稿(自適應(yīng)) 假設(shè)設(shè)計(jì)稿的寬度為XXXpx; 這里的b.style.fontSize = (a /XXX) *...
防抖和節(jié)流 防抖:?jiǎn)挝粫r(shí)間內(nèi)事件觸發(fā)會(huì)被重置督函,避免事件被誤傷觸發(fā)多次嘀粱。代碼實(shí)現(xiàn)重在清零 clearTimeout。觸發(fā)高頻事件辰狡,n秒內(nèi)事件只會(huì)執(zhí)行一次锋叨,如果n秒內(nèi)再次觸發(fā),則...
一皿伺、前言 響應(yīng)式 Web 設(shè)計(jì)可以讓一個(gè)網(wǎng)站同時(shí)適配多種設(shè)備和多個(gè)屏幕,可以讓網(wǎng)站的布局和功能隨用戶的使用環(huán)境(屏幕大小盒粮、輸入方式鸵鸥、設(shè)備/瀏覽器能力)而變化。本文主要介紹一些...
EasyMock優(yōu)勢(shì)1. 省去配置、安裝mockJs步驟妒穴,解決多人協(xié)作Mock數(shù)據(jù)不互通問題2. 不需要在項(xiàng)目中寫多余的代碼宋税,例如將Mock 數(shù)據(jù)寫在代碼里、json文件里 ...