基於Vue全家桶開發的前端元件管理平台

2022-03-04 21:12:49 字數 452 閱讀 3256

專案背景

專案背景是外包類建站公司裡,設計環節沉澱了大量可復用元件,設計師往往只需要微調元件就拼湊出頁面,交付給前端,理論上這些元件在前端也可以復用,但實際上前端每次都要重新實現整個頁面,浪費很多人力。

這個專案的思路是,將所有元件開發出來,統一錄入到乙個平台上管理,設計師可以到平台上挑選元件,並實時預覽和調整元件,整個過程所見即所得,平台會將調整結果生成一串**,只要將**交給前端,就可以用這串**在平台上重現設計師修改後的元件,並能一鍵複製元件的html/css/js**,快速應用到專案中去,使元件部分的前端開發成本接近於零。平台需要實現以下幾個功能:

* 管理元件,支援分類、搜尋、排序

* 元件交接,支援生成元件**和基於**重現元件

* 使用統計,支援統計元件的使用情況,便於進一步優化元件

vue+vue-router+vuex

前端元件管理平台

github

vue全家桶 Koa2開發筆記 8 開發網頁

1.使用 mongoose 動態倒入資料 mongoimport d student c areas areas.dat d 後面是資料庫名稱 c後面是表名稱 最後是資料來源 2.使用vue的watch監聽的時候,是可以有引數的 watch 引數value指的是 pvalue的值。再如,下面的 引數...

基於python3 的base全家桶安裝方法總結

最近想要弄乙個base全家桶的解密大全,在 找了很多資料 主要是依靠大神的部落格 但是這篇部落格有一部分庫是基於python2的,在python3中並不適用,因此有了這篇文章。文章將按照base編碼的順序逐一介紹。python自帶 import base64 c base64.b16decode c...

基於元件的開發

一直以為元件是個神秘的東西,也就一直沒有勇氣去實踐他,後來在聽msdn講座時,那個講師舉了個很簡單的例子 元件就是把功能分離出來,生成dll,恍然大悟,原來元件這麼簡單啊.看了ted faison的visual c 基於元件的開發後,覺得元件開發並沒有他說的那麼簡單,大概是那講師為了讓我們對元件感興...