12篇文章 · 8783字 · 1人關(guān)注
-
實(shí)現(xiàn)一個(gè) vue 的雙向綁定
vue2.x 使用 Object.defineProperty() 實(shí)現(xiàn)數(shù)據(jù)的響應(yīng) 原理：遞歸遍歷 data 中的數(shù)據(jù)稽穆，使用 Object.de...
-
簡(jiǎn)單實(shí)現(xiàn)一個(gè)Virtual DOM
思路 定義一個(gè)類赶撰，用來創(chuàng)建 DOM 元素(element.js)舌镶，含標(biāo)簽名、節(jié)點(diǎn)屬性(包含樣式豪娜、屬性、事件)瘤载、子節(jié)點(diǎn)否灾、標(biāo)識(shí) id; 比較新舊 D...
-
Vue自定義指令實(shí)現(xiàn)圖片懶加載
什么是圖片懶加載 進(jìn)入頁(yè)面的時(shí)候鸣奔，只請(qǐng)求可視區(qū)域的圖片資源 懶加載原理 圖片的標(biāo)簽是 img 標(biāo)簽墨技，圖片的來源主要是 src 屬性挎狸，瀏覽器是否發(fā)...
-
Composition API
從基于對(duì)象的編程（OOP）轉(zhuǎn)向了函數(shù)式編程（FP） ref 函數(shù) 接受一個(gè)參數(shù)扣汪，返回一個(gè)響應(yīng)式對(duì)象 reactive 函數(shù) toRefs 函數(shù) ...
-
Vue3 項(xiàng)目實(shí)戰(zhàn)
創(chuàng)建項(xiàng)目 pick a preset：Manually select features1. Check the features: Choose...
-
插件
插件的定義和使用 插件通常用來為 Vue 添加全局功能崭别。插件的功能范圍沒有嚴(yán)格的限制——一般有下面幾種：添加全局方法或者 property。如 ...
-
vue3 基礎(chǔ)概念 （含與 vue2.6 的對(duì)比）vue3 特點(diǎn) vue3 支持 vue2 的大多數(shù)特性 性能提升：打包大小減少41%初次渲染快55%茅主，更新快133%內(nèi)存使用減少54% Comp...
-
虛擬 DOM
為什么需要虛擬DOM？瀏覽器的引擎工作流程暗膜，大致分5步：創(chuàng)建DOM tree：用HTML分析器匀奏，分析HTML元素，構(gòu)建一顆DOM樹学搜。創(chuàng)建Styl...
-
服務(wù)端渲染
SSR：服務(wù)端渲染 原理：將同?個(gè)組件渲染為服務(wù)器端的HTML字符串，將它們直接發(fā)送到瀏覽器瑞佩，最后將這些靜態(tài)標(biāo)記"激活"為客戶端上完全可交互的應(yīng)...
