摘要:渲染過(guò)程過(guò)程理解是調(diào)用方法,將我們的根虛擬節(jié)點(diǎn)渲染到元素中。根據(jù)的類型不同,分別實(shí)例化類。并且處理特殊屬性,比如事件綁定。之后根據(jù)差異對(duì)象操作元素位置變動(dòng),刪除,添加等。各個(gè)組件獨(dú)立管理層層嵌套,互不影響,內(nèi)部實(shí)現(xiàn)的渲染功能。 原文鏈接 理解ReactElement和ReactClass的概念 ReactElement ReactClass react渲染過(guò)程 react更新...
摘要:前幾天了解了下服務(wù)端渲染的流程,記錄下?,F(xiàn)在我們的服務(wù)器與應(yīng)用程序已經(jīng)解耦處理異常服務(wù)端渲染一些坑對(duì)象找不到,由于前端使用的,在環(huán)境不存在數(shù)據(jù)預(yù)獲取時(shí),組件尚未實(shí)例化無(wú)法使用,數(shù)據(jù)請(qǐng)求及格式化等操作都應(yīng)該放置在處理 前幾天了解了下vue 服務(wù)端渲染的流程,記錄下。首先,什么是ssr(服務(wù)端渲染 Server Side Rendering),為什么需要? 服務(wù)端渲染是什么 前后端分離之后...
摘要:此時(shí)的原型對(duì)象包括一個(gè)指向另一個(gè)原型的指針,相應(yīng)的,另一個(gè)原型中的指向另一個(gè)構(gòu)造函數(shù)。這種關(guān)系層層遞進(jìn),就通過(guò)一個(gè)原型對(duì)象鏈接另一個(gè)構(gòu)造函數(shù)的原型對(duì)象的方式實(shí)現(xiàn)了繼承。 讀這篇之前,最好是已讀過(guò)我前面的關(guān)于對(duì)象的理解和封裝類的筆記。第6章我一共寫了3篇總結(jié),下面是相關(guān)鏈接:讀《javaScript高級(jí)程序設(shè)計(jì)-第6章》之理解對(duì)象讀《javaScript高級(jí)程序設(shè)計(jì)-第6章》之封裝類 一...
摘要:事件處理監(jiān)聽事件綁定可以用指令監(jiān)聽事件來(lái)觸發(fā)一些代碼??梢杂锰厥庾兞堪阉鼈魅敕椒ㄊ录揎椃谑录幚沓绦蛑姓{(diào)用阻止默認(rèn)行為或阻止冒泡是非常常見(jiàn)的需求。換一種說(shuō)法如果要引發(fā),必須按下時(shí)釋放其他的按鍵單單釋放不會(huì)引發(fā)事件。 事件處理 監(jiān)聽事件 (綁定) 可以用 v-on 指令監(jiān)聽 DOM 事件來(lái)觸發(fā)一些 JavaScript 代碼。 這個(gè)按鈕被點(diǎn)擊了 {{numb...
摘要:原文地址原生實(shí)現(xiàn)最簡(jiǎn)單的圖片懶加載歡迎。什么時(shí)候用懶加載當(dāng)頁(yè)面中需要一次性載入很多圖片的時(shí)候,往往都是需要用懶加載的。屬性是一個(gè)必需的屬性,它規(guī)定在圖像無(wú)法顯示時(shí)的替代文本。假設(shè)來(lái)表示圖片到可視區(qū)域頂部距離并設(shè)來(lái)表示可視區(qū)域的高度。 原文地址:原生JS實(shí)現(xiàn)最簡(jiǎn)單的圖片懶加載 歡迎star。 如果有錯(cuò)誤的地方歡迎指正。 Demo地址:http://axuebin.com/lazyloa...