原创 Vue 中使用 Karma 做自動化測試
目錄 1、相關工具介紹 2、Karma 的具體配置 3、執行自動化測試腳本 1、相關工具介紹 chai.js 斷言庫 ：這個玩意兒就是對你寫的代碼進行一個單元測試，能夠使開發人員儘早的發現代碼中的 bug。 Karma（[ˈkɑrmə]
2020-07-03 21:07:35
原创 Vue 3.0 對數據雙向綁定的改進
目錄 1、Object.defineProperty 的缺陷 2、Vue 3.0 的數據雙向綁定原理 3、之前的問題得到了完美的解決 1、Object.defineProperty 的缺陷 熟悉 Vue 的人都知道，在 Vue2.x 之前
2020-07-03 21:07:34
原创 如何將你的項目上傳到 npm
目錄 1、上傳前的準備 2、具體的上傳步驟 3、測試自己發佈的包 4、開發人員如何加速調試 1、上傳前的準備 編程愛好者如果想讓自己的項目像 Vue、React 框架那樣能爲衆人所用，可以嘗試將項目上傳到 npm.org。 這裏默認你已經
2020-07-03 21:07:34
原创 使用 svg-sprite-loader 批量引入 icon
目錄 1、推薦阿里 iconfont 2、使用前的一些配置 3、svg 圖標的引入和使用 1、推薦阿里 iconfont 前端在做項目的過程中，都會頻繁使用圖標，記得幾年前還是流行使用 CSS Sprite 雪碧圖，它的好處有減少 HTT
2020-05-30 23:10:24
2
原创 Vue - v-for 中爲什麼不能用 index 作爲 key
目錄 1、先來看一個例子 2、上述問題的解決方法 3、高效的 Diff 算法原理 4、不能用 index 作爲 key 這是一篇脫坑日記，在做項目的過程中，我使用 v-for 渲染子組件時，將 index 綁定給了 key，這一行爲導致刪
2020-05-02 14:53:14
1
原创 Vue 的 class 組件介紹（vue-property-decorator）
目錄 1、Vue class 組件介紹 2、Vue class 組件基本使用 3、Vue class 組件帶來的有點 1、Vue class 組件介紹 在 Vue 的 V2.X 版本中使用 TypeScript 時，推薦使用 基於類的註解
2020-04-29 18:24:07
原创 git clone & git reset 補充
命令 實際效果 git clone git@?/xxx.git 會在當前目錄下創建一個xxx目錄，xxx/.git是本地倉庫，clone 完畢一般需要接一句 cd xxx 進入當前項目 git clone git@?/xxx.git yy
2020-04-23 18:34:25
原创 React 函數組件詳解
目錄 1、創建函數組件方式 2、函數組件代替 class 組件 3、函數組件的 useState() 4、函數組件的 useEffect() 5、函數組件模擬生命週期 1、創建函數組件方式 相比類組件其實更提倡使用函數組件，因爲它在很多操
2020-04-19 03:32:51
原创 useState() hook 的原理解析
目錄 1、useState 簡單描述 2、簡單的 useState 實現 3、應對多個 useState() 改進 4、組件內部的 _state、index 1、useState 簡單描述 我們通過最簡單 +1 操作來分析一下函數組件的
2020-04-19 03:32:51
原创 封裝 useUpdate 鉤子
上一篇博客裏面提到了，函數組件在模仿類組件的生命週期鉤子時，需要使用 React 推出的 useEffect() 方法，這個方法接收兩個參數，第一個是要執行的函數，第二個參數是空，或一個數組，表示函數的調用時機。基於 useEffect(
2020-04-19 03:32:51
原创 React 類組件的生命週期
目錄 1、constructor() ：初始化 props、state、綁定 this 2、shouldComponentUpdate() ：return false 阻止更新 3、render() ：創建虛擬 DOM 4、compone
2020-04-19 03:32:51
原创 JSX 的基本使用
目錄 1、JSX 簡介 2、如何引入 babel 3、現在和 Vue 進行對比 1、JSX 簡介 通過上一篇博客的 +1 個小應用，我們能體會到，和 Vue 相比代，用 React 寫一個這麼小的應用比較麻煩，而且代碼比較混亂。接觸過 V
2020-04-16 15:46:55
原创 React 內部數據 state v.s. 外部數據 props
目錄 1、添加外部數據 props 2、使用內部數據 state 3、複雜 state 的具體使用 4、關於兩種組件的注意事項 1、添加外部數據 props 和 Vue 類似，React 的組件之間也需要進行傳值。父組件需要在 子組件的佔
2020-04-16 15:46:55
原创 深入 Vue 數據響應式原理 ★
目錄 1、Vue 對 data 做了什麼 2、ES6 的 getter 和 setter 2、Object.defineProperty 3、proxy 代理數據的安全性 4、Vue 的數據響應式原理 1、Vue 對 data 做了什麼
2020-04-14 06:24:41
原创 升級 Vue CLI4 的脫坑日記
之前就聽說了 Vue CLI 更新到 4 了，今天心血來潮的想將之前安裝的 Vue CLI3 更新一下，便通過命令行對 Vue CLI 進行重新安裝，安裝完成後命令行查看版本號是：@vue/cli 4.2.3，下面創建一個項目來試一下 V
2020-04-14 06:24:41