原创 ( 第六篇 )仿寫'Vue生態'系列___"模板loader與計算屬性"

( 第六篇 )仿寫'Vue生態'系列___"模板loader與計算屬性" 本次任務 編寫'cc-loader', 使我們可以使用'xxx.cc'文件來運行我的框架代碼. 爲'cc_vue'添加生命週期函數. 新增'計算屬性'. 新增'觀

原创 ( 第五篇 )仿寫'Vue生態'系列___"解析模板事件"

( 第五篇 )仿寫'Vue生態'系列___"解析模板事件" 本次任務 取消'eval', 改爲'new Function'. 支持用戶使用'@'與'v-on'綁定各種事件. 支持初始化'methods'數據. 使用函數時可以傳參與不

原创 第十五集: 從零開始實現一套pc端vue的ui組件庫( 日曆組件 )

第十五集: 從零開始實現一套pc端vue的ui組件庫( 日曆組件 ) 1. 本集定位 '日曆組件'在後臺管理系統裏面是十分常見的, 在pc端的展示方式基本都爲一個方方的表格, 別看功能單一, 這個組件做起來還是有點意思的, 本次我來實現的組

原创 ( 第四篇 )仿寫'Vue生態'系列___"Proxy雙向綁定與封裝請求"

( 第四篇 )仿寫'Vue生態'系列___"Proxy雙向綁定與封裝請求" 本次任務 vue3.0使用了Proxy進行數據的劫持, 那當然就有必要研究並實戰一下這方面知識了. 對Reflect進行解讀, 並將Object的操作少部分改

原创 ( 第三篇 )仿寫'Vue生態'系列___"'枚舉'與'雙向綁定'"

( 第三篇 )仿寫'Vue生態'系列___" '枚舉' 與 '雙向綁定' " 本次任務 對'遍歷'這個名詞進行死磕. 對defineProperty進行分析. 實現cc_vue的數據雙向綁定. 爲下一篇 Proxy 代替 defin

原创 第十四集: 從零開始實現一套pc端vue的ui組件庫( Popover彈出框 )

第十四集: 從零開始實現一套pc端vue的ui組件庫( Popover彈出框 ) 1. 本集定位 Popover組件不同於alert這種霸道總裁, 它更傾向於輔助顯示某些未顯示完整的內容, toast組件與其相比更偏向'提示', Popov

原创 ( 第二篇 )仿寫'Vue生態'系列___'模板小故事.'

( 第二篇 )仿寫'Vue生態'系列___'模板小故事.' 本次任務 承上: 完成第一篇未完成的'熱更新'配置. 核心: 完成'模板解析'模塊的相關編寫, 很多文章對模板的解析闡述的都太淺了, 本次我們一起來深入討論一下, 儘可能多的

原创 第十三集: 從零開始實現一套pc端vue的ui組件庫( 評分組件 小星星 )

第十三集: 從零開始實現一套pc端vue的ui組件庫( 評分組件 小星星 ) 1. 本集定位      說起評分的話, 最早看到這種形式是電影網站, 每部電影得到幾顆星這種方式, 後來就出現了用戶來手動選星星打分的玩法, 這些方式更直觀,

原创 第十二集: 從零開始實現一套pc端vue的ui組件庫( jest單元測試 )

第十二集: 從零開始實現( jest單元測試 ) 1.聊聊測試     本次我會與大家分享一下我學測試時候記的筆記知識以及本次項目裏面做的幾個測試.    前端代碼的單元測試與集成測試屬於雷聲大雨點小, 很多人一提到它都說是個好東西, 試問

原创 第十一集: 從零開始實現一套pc端vue的ui組件庫( tab切換組件 )

第十一集: 從零開始實現( tab切換組件 ) 本集定位: 我們先來聊聊 tab 切換的意義, 不管是手機還是pc, 屏幕的大小是有限的, 人眼睛看到的範圍也是有限的, 人們看信息的時候並不喜歡'跳轉'這種操作, 或是我們要查某個知

原创 ( 開篇 )仿寫'Vue生態'系列___'你webpack溜麼?'

( 開篇 )仿寫'Vue生態'系列___'你webpack溜麼?' 關於這個系列 作者離職深造也有一個月了, 前端相關的視頻與資料學了非常多, 自己感覺到現在的知識之間只是呈現出一種相互之間的弱聯繫, 也就是還不成'體系', 每一個知識

原创 第九集: 從零開始實現一套pc端vue的ui組件庫( 分頁器組件 )

第九集: 從零開始實現( 分頁器組件 ) 本集定位: 分頁器這個組件也算是個老朋友了, 還記得剛學js的時候, 寫個分頁器要300行代碼,要是能穿越回去, 我得好好教教我自己設計模式😹. 隨着現在手機地位的提升, 大部分人上網的時間都用在

原创 第八集: 從零開始實現一套pc端vue的ui組件庫(input, textarea組件)

第八集: 從零開始實現(輸入框input,textarea組件) 本集定位: input組件是交互的一大利器, 他與用戶的交流最爲密切, 所以奠定了他在組件界的重要地位. textarea也算是一種input, 如果可以的話, 本集

原创 第七集: 從零開始實現一套pc端vue的ui組件庫( 懶加載v-lazy )與'骨架屏模板' 組件

第七集: 從零開始實現( 懶加載v-lazy )與'骨架屏模板' 組件 本集定位 : 第一部分: 骨架屏模板第二部分: 圖片的懶加載組件 問什麼說是'骨架屏模板', 上一集我有過一些思考, 總的來說, 骨架屏在pc端畢竟只是一個緩衝手段

原创 第六集: 從零開始實現一套pc端vue的ui組件庫( loading )組件

第六集: 從零開始實現(loading組件 ) 本集定位 : loading組件我相信只要與後端存在交互的項目都是需要它的, 組件雖然簡單, 但他的作用十分重要: 讓用戶有一個良好的體驗, 也就是反饋給用戶一個信號, '我正在做, 再等