隨著工作年限越來越高，越來越覺得閉門造車是一種非常不好的習慣，還是得多看看別人是怎么寫代碼的，畢竟人外有人嘛，所以我覺得多看看開源庫的源碼，是一種非常好的學習方式，比看視頻還管用！！！Rlh28資訊網——每日最新資訊28at.com

你想想，這些開源庫的作者都是大廠的前端大佬，咱們直接看他們寫的代碼，學不到東西才怪呢~Rlh28資訊網——每日最新資訊28at.com

Rlh28資訊網——每日最新資訊28at.com

Pinia

很多人都知道這個庫，一個 Vue 的狀態管理庫，可以學學如何在 Vue 中去做狀態管理，其實 Pinia 就是依賴了 Vue 的 API —— effectScope。并且 Pinia 的源碼不算很多，就幾個文件。Rlh28資訊網——每日最新資訊28at.com

Rlh28資訊網——每日最新資訊28at.com

Vueuse

Vueuse 是一個 Vue3 的 Hooks 庫，里面有非常多的超級好用的 Hooks 封裝，如果你想學習如何去封裝 Vue3 的 Hooks，那 Vueuse 肯定是第一選擇！！！Rlh28資訊網——每日最新資訊28at.com

Rlh28資訊網——每日最新資訊28at.com

sunshine-track

sunshine-track 應用于前端監控。sunshine-track 基于 行為上報，實現了 用戶行為、錯誤監控、頁面跳轉、頁面白屏檢測、頁面性能檢測等上報功能。適用于 Vue、React、Angular 等框架Rlh28資訊網——每日最新資訊28at.com

看這個庫的源碼，可以學習怎么去寫一個前端監控的庫，代碼很好理解，適用于大部分前端程序員Rlh28資訊網——每日最新資訊28at.com

Rlh28資訊網——每日最新資訊28at.com

pinia-plugin-persistedstate

pinia-plugin-persistedstate 是一個 Pinia 的持久化插件，看這個庫的源碼主要是好奇它是怎么給 Pinia 做持久化的，并且學習怎么去開發一個 Pinia 插件，源碼很少，就幾個文件Rlh28資訊網——每日最新資訊28at.com

Rlh28資訊網——每日最新資訊28at.com

vxe-table

是的，我并沒有去看 element、antd 那些組件庫的源碼，而是看 vxe-table 的源碼，因為 vxe-table 的代碼結構比較簡單，看起來比較容易懂，而且代碼寫的比較接地氣，適合大部分前端程序員學習 vue3 的組件封裝，尤其是 Modal、Form 這些組件Rlh28資訊網——每日最新資訊28at.com

Rlh28資訊網——每日最新資訊28at.com

web-vitals

這是一個谷歌推出的庫，用來獲取網頁的性能參數，比如 FCP、FID、CLS、LCP、INP 等等，這個庫代碼很少，可以讓你在短時間內學習怎么去計算網頁的性能參數，下次面試官問你你就能從容回答了！Rlh28資訊網——每日最新資訊28at.com

Rlh28資訊網——每日最新資訊28at.com

localForage

這是一個操作 indexedDB 的庫，代碼也很少，很容易看懂，從這個庫能學如何去二次封裝 indexedDB ，讓使用者更方便地去操作 indexedDB~Rlh28資訊網——每日最新資訊28at.com

Rlh28資訊網——每日最新資訊28at.com

Vue-demi

你可以理解為 Vue-demi 是一個 Vue 的轉換器，無論是 Vue2 還是 Vue3 它都能兼顧！！源碼就三個文件，太少了！！！Rlh28資訊網——每日最新資訊28at.com

Rlh28資訊網——每日最新資訊28at.com

本文鏈接：http://www.www897cc.com/showinfo-26-66548-0.html想提升技術，必看的八個開源庫，都很通俗易懂

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com

上一篇： Vue3問題：如何實現組件拖拽實時預覽功能？

下一篇： REST API 的關鍵概念有哪些？