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

inpm發表於2019-04-12

起因

  • 工作也差不多滿一年了,對於基本的業務開發有了一些自己的想法
  • 剛開始工作的前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、最後還是鞏固基礎(網路層/應用層)

附件?

相關文章