一、一些核心概念 1、組合式函數(shù)的概念 基于邏輯函數(shù)拆分業(yè)務(wù)是指把同一個組件中獨立的業(yè)務(wù)代碼通過函數(shù)做封裝處理，提升代碼的可維護性 組合式函數(shù)的意思，把獨立的邏輯代碼分離出去...
發(fā)簡信
IP屬地：廣東
-
vue3腳手架創(chuàng)建項目后，搭建框架具體要做啥？
-
vue3踩坑筆記：電商平臺小兔鮮項目回顧與總結(jié)練手項目簡介: 該商城是一個綜合性的B2C電商平臺，有登錄功能，進入首頁可查看商品列表，商品分類，以及在商詳頁進行商品的選購、結(jié)算、與支付。個人中心包含會員信息及會員訂單等。...
-
跟著B站學前端之ES6學習筆記，涵蓋ES6-ES11
ES全稱ECMAScript，是腳本語言的規(guī)范。為什么要學習ES6？1、語法簡潔，功能方法2、框架開發(fā)與應(yīng)用3、前端求職的必備技能 1、let、const let 定義變量 ...
-
【進階】為什么vue3采用proxy而不是defineProperty？
大家都知道，vue2.x的雙向綁定原理是利用數(shù)據(jù)劫持結(jié)合發(fā)布訂閱模式實現(xiàn)的。 defineProperty缺陷 不能監(jiān)聽數(shù)組變化只能劫持對象的屬性（給對象添加屬性vue無法檢...
-
跟著B站學VUE2源碼之第五課：指令和生命周期最后一個課程，本質(zhì)上可以模擬實現(xiàn)一個自己搭建的vue框架，包含了數(shù)據(jù)的監(jiān)聽與雙向數(shù)據(jù)綁定，生命周期的創(chuàng)建，以及一些v-開頭的自定義指令的實現(xiàn)。具體怎么操作的呢，接下來一步步整...
-
手寫一個實現(xiàn)AST中的parse函數(shù)并進行優(yōu)化
實際使用 parse函數(shù)主函數(shù) parse函數(shù)，實現(xiàn)輸入一個模板結(jié)構(gòu) 轉(zhuǎn)換成包含dom信息的層級對象結(jié)構(gòu) parseAttr方法 把attrs: " class='box' ...
-
跟著B站學VUE2源碼之第四課：AST抽象語法樹課程內(nèi)容： 3個常見算法思想：指針思想、遞歸緩存和棧 AST的形成算法 手寫AST及優(yōu)化 AST抽象語法樹： 1、本質(zhì)上是個JS對象，作用是為了讓模板語法變成正常的HTML語...
-
跟著B站學VUE2源碼之第三課：數(shù)據(jù)響應(yīng)式原理Vue是MVVM模式 要實現(xiàn)一個響應(yīng)式系統(tǒng)，需要做到： 數(shù)據(jù)劫持：當數(shù)據(jù)變化時，我們可以做一些特定的事情 依賴收集：我們要知道那些視圖層的內(nèi)容(DOM)依賴了哪些數(shù)據(jù)(sta...
-
手寫一個數(shù)據(jù)響應(yīng)式函數(shù)
目的：當數(shù)據(jù)改變時，要能監(jiān)聽到數(shù)組或?qū)ο笊现档母淖?，并且進行自己的操作。 demo：index.js文件的簡單使用為示例： 創(chuàng)建oberve偵察函數(shù) Observer類 循環(huán)...
-
手寫一個diff算法（完整版）
vNode方法 創(chuàng)建vNode.js文件，返回一個包裝成虛擬節(jié)點的方法 h方法 實現(xiàn)一個低配版本的h函數(shù)，調(diào)用的形態(tài)為以下的三種之一：1.h('div', {}, 'text...
-
跟著B站學VUE2源碼之第二課：虛擬DOM和diff算法解析課程內(nèi)容： snabbdom簡介 （介紹宏觀背景、歷史沿革） snabbdom的h函數(shù)如何工作 （先學會怎么用） diff算法原理（再研究它底層機理） 手寫diff算法（最后...
-
手寫一個mustache模板引擎
index.js文件 調(diào)用parseTemplateToTokens函數(shù)，將傳進來的模板字符串轉(zhuǎn)為tokens數(shù)組調(diào)用renderTemplate函數(shù)，把tokens數(shù)組變成...
-
跟著B站學前端之第一課：VUE2源碼解析之mustache模板引擎手寫響應(yīng)式數(shù)據(jù)系統(tǒng)底層、手寫模板編譯系統(tǒng)底層、手寫虛擬DOM和diff算法底層……拒絕紙上談兵，手擼一個自己的Vue框架！ 源碼重點：模板技術(shù)、數(shù)據(jù)劫持、虛擬節(jié)點、最小量更新...
-
跟著B站學前端之a(chǎn)xios源碼解析
axios 是一個輕量的 HTTP客戶端 axios是一個基于 Promise 來管理 http 請求的簡潔、易用且高效的代碼封裝庫。 為什么要封裝? 為了統(tǒng)一使用，易于維護...
-
跟著B站學前端之promise源碼解析與封裝
知其然不知其所以然，是最讓人頭疼的。之前做項目總是偷懶，只會用promise其皮毛，aysnc/await也搞不明白。遇到問題不知如何debug，真是讓人頭疼。畢竟今天不學習...
-
如何模擬實現(xiàn)一個發(fā)送請求的axios庫？
1. axios的構(gòu)造過程 代碼實現(xiàn)如下： 2. axios如何發(fā)送請求，代碼實現(xiàn)如下： 3. axios攔截器及其實現(xiàn)原理 代碼如下： 4. axios如何取消請求 5.自...
-
webpack從入門到上手全流程《一文徹底解決新手對 webpack 的恐懼！》 webpack是一個現(xiàn)代JavaScript應(yīng)用程序的靜態(tài)模塊打包器。所以webpack本質(zhì)就是為我們打包js的引用，而我們...
-
-
深入淺出搞懂一下promise
最好理解的Promise教程 b站課程 --done微信訂閱號 promise --done筆記promise 15題 理解 + 做練習 --donevue項目里的promi...