一年前端造的輪子是什麼樣子？

原由

• 工做也差很少滿一年了，對於基本的業務開發有了一些本身的想法
• 剛開始工做的前3個月，天天均可以接觸到新東西，接觸新業務
• 3個月以後業務開發熟悉了對於本身的技術成長就感受受到了侷限
• 若是一直沒有做出改變，那麼等因而3個月的經驗要用一年
• 個人學習方式就是多對已經學過的作總結積累，而後探索沒有接觸過的新方法
• 因此這一篇是總結，對一年的收穫作個總結
• 開始想以寫下一篇博客的方式進行總結
• 後來以爲博客可能實用性不高，因此決定本身開發一個npm插件
• 好了接下來介紹下這個插件，也就知道我這一年所積累的東西

過程

預想實現功能

• 拿本地IPv4ip
• 靜態起服務server(支持自定義端口號server 1234，默認7777)
  
• 壓縮圖片資源rar(速度較快，壓縮效果不及tinify，且暫時不能傳參)
  
• 壓縮圖片資源tinify(速度較慢，壓縮效果好，受tinify_api限制(每個月500張，對於通常項目而言應該是夠了)
  
• 支持網路圖片壓縮後存本地tinify http://asdf.png
  
• 快速生成項目模版xd ls
  
• 自動化爬蟲
• 圖片自動上傳七牛雲返回cdn連接

項目模版是主要功能點

• 移動端h5-vue
• 移動端h5-react
• 管理中後臺admin-vue
• 管理中後臺admin-angular6☑️
• 官網pc-vue
• 小程序-wepy️️☑️
• 小程序-taro
• go後臺模版
• express後臺模版

公用UI組件庫

• 針對移動端h5
• 針對管理中後臺admin
• 針對小程序

結果

• 關於xd-cli這個插件我最終想作成一個包含經常使用基礎功能，而後再帶一個生成項目模版的list
• 裏面的功能實現都由原生js實現，後面會出一篇如何實現這個npm包的博客
• 此xd-cli包就是爲工做的第一年畫上句號
• 展望第二年準備學習一個後端語言go/nodejs、學習開發原生ios、熟悉用Linux、最後仍是鞏固基礎（網絡層/應用層）

附件📎

• npm地址