摘要:第一集從零開始實現環境的搭建工程定位本套工程定位在端針對的組件庫名字的由來是我從年養到現在的一直大金毛是我的吉祥物原因本人上一份工作參與了大型的保險公司后臺管理系統的搭建對的端框架有過一定的了解感受到了他們真的很強大同時也存在少許的不足其實
第一集: 從零開始實現(環境的搭建)
工程定位:
本套工程, 定位在pc端針對vue的ui組件庫
名字的由來
cc是我從2015年養到現在的一直大金毛, 是我的吉祥物!
原因:
本人上一份工作參與了大型的保險公司后臺管理系統的搭建, 對vue的pc端ui框架有過一定的了解, 感受到了他們真的很強大同時也存在少許的不足, 其實從3月份開始就想寫一套自己的ui框架, 但是無奈趕上996工作制與項目上線還有其他的事情干擾, 拖到現在才正式開始這個工程, 本工程大部分是受到了element-ui的啟發, 通過閱讀element的源碼使我受益匪淺!
目的:
通過編寫本套組件, 不斷的細化自己的知識體系, 掃除知識盲區, 建立良好的面向接口的思想(也就是一切為使用者著想), 與此同時想要認識更多的朋友, 大家一起學習一起進步, 一起實現夢想!
第一步:
搭建vue的工程這個環節也沒什么好說的, 需要提的幾點是:
1.我采用的css預處理器為sass.
2.項目中沒有使用路由功能.
3.測試選用的是vue官方推薦的jest測試運行器
4.本工程采用模板與樣式分離的形式
① src/style-----------樣式 ② src/components------具體的組件 ③ src/assets----------公共的js文件 ③ test----------------測試
第二步
現在有了一個干凈的工程, 我們的目的是把這個工程打包成組件, 這個過程當然與我們平時打包工程的過程有所不同了, 我也是看了幾篇相關的文章才明白它的套路, 總感覺官方說的不詳細, 推薦一篇文章講的很好 創建自己的vue-ui組件庫
第三步
如果你已經看了第二步推薦的文章, 相信你很快就能搭建一個最最簡易的組件開發環境了, 我這里介紹一下umd文件, vue 的lib 模式組件的開發, 打包出的umd文件是一套兼容文件, 它會檢測當前環境的模式是什么, 然后進行相應的導出, 比如 node規范 與es6規范, 所以這個umd是將各種規范轉換成統一的規范的模式. 這個第三步 我是又建立了一套工程, 用于引用當前工程, 其實就是我的技術博客的官網lulu技術博客, 這樣就能保證時時刻刻模擬使用者, 還能把博客完善哈哈哈哈哈
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/103316.html
摘要:第十一集從零開始實現切換組件本集定位我們先來聊聊切換的意義不管是手機還是屏幕的大小是有限的人眼睛看到的范圍也是有限的人們看信息的時候并不喜歡跳轉這種操作或是我們要查某個知識點進入網站之后看了幾眼沒有需要的相關信息也就理所當然的退出去繼續搜索 第十一集: 從零開始實現( tab切換組件 ) 本集定位: 我們先來聊聊 tab 切換的意義, 不管是手機還是pc, 屏幕的大小是有限的,...
摘要:第三集從零開始實現組件本集定位為什么要叫那因為我感覺這個組件細節比較多應該會講很多內容所以先把基礎功能在這一集實現下集去做拓展組件這是一個基本上每個工程都會用到的組件傳統的千篇一律的樣式仿佛按鈕不做的一樣就沒法用似的我偏要加一些別人沒加過的 第三集: 從零開始實現(button組件1) 本集定位: 為什么要叫1那, 因為我感覺這個組件細節比較多, 應該會講很多內容, 所以先把基礎功...
摘要:第三集從零開始實現組件本集定位為什么要叫那因為我感覺這個組件細節比較多應該會講很多內容所以先把基礎功能在這一集實現下集去做拓展組件這是一個基本上每個工程都會用到的組件傳統的千篇一律的樣式仿佛按鈕不做的一樣就沒法用似的我偏要加一些別人沒加過的 第三集: 從零開始實現(button組件1) 本集定位: 為什么要叫1那, 因為我感覺這個組件細節比較多, 應該會講很多內容, 所以先把基礎功...
閱讀 3166·2021-11-23 09:51
閱讀 678·2021-10-14 09:43
閱讀 3200·2021-09-06 15:00
閱讀 2403·2019-08-30 15:54
閱讀 2557·2019-08-30 13:58
閱讀 1840·2019-08-29 13:18
閱讀 1372·2019-08-27 10:58
閱讀 506·2019-08-27 10:53