在最開始的章節(jié)提到過(guò),我們?cè)谑褂?vue-cli 創(chuàng)建項(xiàng)目的時(shí)候,提供了兩個(gè)版本供我們使用似袁, Runtime Only 版本和 Runtime + Compiler 版本霜大。R...
在最開始的章節(jié)提到過(guò),我們?cè)谑褂?vue-cli 創(chuàng)建項(xiàng)目的時(shí)候,提供了兩個(gè)版本供我們使用似袁, Runtime Only 版本和 Runtime + Compiler 版本霜大。R...
Vue 的 _update 是實(shí)例上的一個(gè)私有方法许昨,主要的作用就是把 VNode 渲染成真實(shí)的 DOM ,它在首次渲染和數(shù)據(jù)更新的時(shí)候被調(diào)用珊搀。在數(shù)據(jù)更新的時(shí)候會(huì)發(fā)生新 VNo...
Vue 2.0 相比 Vue 1.0 最大的升級(jí)就是利用了虛擬DOM蕊温。 在 Vue 1.0 中視圖的更新是純響應(yīng)式的扒磁。在進(jìn)行響應(yīng)式初始化的時(shí)候庆揪,一個(gè)響應(yīng)式數(shù)據(jù) key 會(huì)創(chuàng)建...
之前介紹過(guò)初始化時(shí) Vue 對(duì)數(shù)據(jù)的響應(yīng)式處理是利用了Object.defifineProperty(),通過(guò)定義對(duì)象屬性 getter 方法攔截對(duì)象屬性的訪問(wèn)渗磅,進(jìn)行依賴的收...
Vue 一大特點(diǎn)就是數(shù)據(jù)響應(yīng)式嚷硫,數(shù)據(jù)的變化會(huì)作用于視圖而不用進(jìn)行 DOM 操作。原理上來(lái)講始鱼,是利用了 Object.defifineProperty()仔掸,通過(guò)定義對(duì)象屬性 s...
初始化流程 new Vue 我們?cè)谑褂?Vue 的時(shí)候,首頁(yè)就是先 new Vue(...) 医清;在上一章中通過(guò)分析構(gòu)建流程起暮,我們得出入口文件 src/platforms/we...
前言 Vue3 出來(lái)也有好一整子了,但 Vue2 的源碼原理學(xué)習(xí)会烙,不論在升職加薪還是在另謀高就的路上负懦,一直是一個(gè)必要的環(huán)節(jié),正應(yīng)了“面試造火箭柏腻,上班擰螺絲”這句話纸厉。盡管之前對(duì)...
MVVM 設(shè)計(jì)模式,是由 MVC五嫂、MVP 等設(shè)計(jì)模式進(jìn)化而來(lái)颗品,M - 數(shù)據(jù)模型(Model)肯尺,VM - 視圖模型(ViewModel),V - 視圖層(View)躯枢。MVVM ...
SPA(single page application) :單頁(yè)面應(yīng)用程序则吟,只有一個(gè)完整的頁(yè)面,加載時(shí)锄蹂,不會(huì)加載整個(gè)頁(yè)面氓仲。當(dāng)路由發(fā)生變化時(shí),監(jiān)聽路由的變化得糜,不會(huì)請(qǐng)求頁(yè)面敬扛,而是...
Git常用命令和多賬號(hào)配置團(tuán)隊(duì)合作開發(fā)中少不了版本控制管理工具,由于近期公司項(xiàng)目從 SVN 更換成 Git 炼七,這里主要做一個(gè)復(fù)習(xí)總結(jié)缆巧。 SVN 和 Git 最主要要的區(qū)別: ...
RESTful API風(fēng)格 在開發(fā)之前先回顧一下,RESTful API 是什么? RESTful 是一種 API 設(shè)計(jì)風(fēng)格豌拙,并不是一種強(qiáng)制規(guī)范和標(biāo)準(zhǔn)陕悬,它的特點(diǎn)在于請(qǐng)求和響應(yīng)...
準(zhǔn)備服務(wù)器 既然是在服務(wù)器上操作,那服務(wù)器肯定得準(zhǔn)備好按傅,我這里購(gòu)買的是阿里云的服務(wù)器(CentOS 8)捉超,因?yàn)槲易约菏褂玫碾娔X是 MacBook Pro , 所以下文中統(tǒng)一默...
眾所周知,Vue SPA單頁(yè)面應(yīng)用對(duì)SEO不友好唯绍,當(dāng)然也有相應(yīng)的解決方案拼岳。 服務(wù)端渲染 (SSR) 就是常用的一種。 SSR 有利于 搜索引擎優(yōu)化(SEO, Search E...
Puppeteer[https://github.com/puppeteer/puppeteer] 是 Chrome 開發(fā)團(tuán)隊(duì)在 2017 年發(fā)布的一個(gè) Node.js 包况芒,...
一惜纸、WebSocket 介紹 WebSocket 是 HTML5 開始提供的一種在單個(gè) TCP 連接上進(jìn)行全雙工通訊的協(xié)議。 WebSocket 協(xié)議在2008年誕生绝骚,201...
在了解AMD粪牲,CMD規(guī)范前,還是需要先來(lái)簡(jiǎn)單地了解下什么是模塊化止剖,模塊化開發(fā)腺阳?模塊化是指在解決某一個(gè)復(fù)雜問(wèn)題或者一系列的雜糅問(wèn)題時(shí)湿滓,依照一種分類的思維把問(wèn)題進(jìn)行系統(tǒng)性的分解以...
三欄布局中舌狗,經(jīng)典中的經(jīng)典應(yīng)該就是圣杯布局、雙飛翼布局沒跑了扔水。雙飛翼布局和圣杯布局其實(shí)是一樣的痛侍,只不過(guò)在寫法上有些不同,其布局都是左右固定寬度魔市,中間寬度自適應(yīng)主届。 先熟悉一下圣杯...
兩列布局(一側(cè)固定寬度,一側(cè)自適應(yīng))待德,在工作中應(yīng)該是經(jīng)常使用到君丁,可以說(shuō)是前端基礎(chǔ)了。這種兩列布局的樣式是我們?cè)谄綍r(shí)工作中非常常見的設(shè)計(jì)将宪,同時(shí)也是面試中要求實(shí)現(xiàn)的高頻題绘闷。很有必...