程序員小胖子之從設計圖到npm發布組件過程

MRZYD 發布于2019-08-23 11:31 / 3035人閱讀

摘要：拿到的設計圖長啥德行我腦海里到了哪些內容我們拿到設計圖可以看到，目前是兩種，我們在封裝組件的時候要考慮后面有可能增加其他樣式的組件，所以我們在設計的時候，盡量要有拓展性一定要有屬性，依據屬性控制顯示哪種類型的組件一定要有屬性，通過屬性傳入不

拿到的設計圖長啥德行？

我腦海里YY到了哪些內容

我們拿到設計圖可以看到，目前是兩種toast，我們在封裝組件的時候要考慮后面有可能增加其他樣式的組件，所以我們在設計的時候，盡量要有拓展性

一定要有type屬性，依據type屬性控制顯示哪種類型的組件

一定要有text屬性，通過屬性傳入不同的文案

一定要有timeout屬性，通過屬性傳入，多少ms組件消失

褲子都脫了，該進入正題了，上代碼

還有哪些改善？

toastIcon子組件的icon沒有通過動態設置，后面如果設計出其他的icon的toast時，可把屬性提出來，通過參數傳遞

Npm發布

發布包之前你首先要有一個npm的賬號
 在終端輸入npm adduser，提示輸入賬號，密碼和郵箱，然后將提示創建成功
 然后，執行npm init，生成package.json

npm publish   //發布命令

沒有結局的結局

toast-vue-mobile

github

云服務器 GPU云服務器小程序組件開發微信小程序組件小程序上線過程小程序的開發和發布

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/97063.html

Vue基礎之初識Vue

摘要：當視圖層發生變化時，會自動更新到視圖模型，逆推也成立。所以這兩者的關系就是所謂的數據雙向綁定。注意在你發布的站點中使用生產環境版本，把換成。 Vue特點及優點小巧，壓縮后體積17KB；漸進式，不需要一口吃成大胖子，一上來就用所有的東西，可以一步一步、有階段的先吃成小胖子；數據驅動，雙向數據綁定，MVVM模式，詳見下一段指令，例如v-if/v-show等插件，如果你聽過鼎鼎有...

CoXie 2019-08-30 15:55 評論0 收藏0
Vue基礎之初識Vue

摘要：當視圖層發生變化時，會自動更新到視圖模型，逆推也成立。所以這兩者的關系就是所謂的數據雙向綁定。注意在你發布的站點中使用生產環境版本，把換成。 Vue特點及優點小巧，壓縮后體積17KB；漸進式，不需要一口吃成大胖子，一上來就用所有的東西，可以一步一步、有階段的先吃成小胖子；數據驅動，雙向數據綁定，MVVM模式，詳見下一段指令，例如v-if/v-show等插件，如果你聽過鼎鼎有...

fuchenxuan 2019-08-02 14:05 評論0 收藏0
Vue基礎之初識Vue

摘要：當視圖層發生變化時，會自動更新到視圖模型，逆推也成立。所以這兩者的關系就是所謂的數據雙向綁定。注意在你發布的站點中使用生產環境版本，把換成。 Vue特點及優點小巧，壓縮后體積17KB；漸進式，不需要一口吃成大胖子，一上來就用所有的東西，可以一步一步、有階段的先吃成小胖子；數據驅動，雙向數據綁定，MVVM模式，詳見下一段指令，例如v-if/v-show等插件，如果你聽過鼎鼎有...

keithxiaoy 2019-08-23 14:39 評論0 收藏0