spa 小程式的研發隨筆 (1) — 前言

編號2973發表於2018-09-18

半年前跳槽, 新公司主要研發傾向於小程式的開發。由於之前並沒有接觸小程式,所以經過半年的實際開發,才敢來做一點筆記。

小程式提供很多元件給開發者使用,但是,實際使用中還是會有很多的問題。

  1. 小程式的元件,經常不符合產品需求,又無法定製 (主要指tabBar,樣式不可定製,跳轉也需要使用特定的方法,難以統一處理)
  2. 老生常談的不能使用npm開發??? (雖然,已知的很多小程式框架可以實現。例如:mpvue等。但是讓我們先討論討論,以自己的能力來實現吧。)
    提到 mpvue,就順便多一句嘴。有段期間,有需求要找一套小程式的ui 框架,嘗試過使用mpvue + elementUI。 之後立即發現,elementUI有大量的dom操作,在小程式環境中無法使用。
    因為當時筆者已經自制了一套簡單的預編譯架構,所以筆者沒有采用mpvue的框架進行開發。也就不對mpvue做討論了。
    (記得,最初mpvue是沒有路由的。寫文時,筆者正在給自己的spa 小程式編寫路由元件而發愁,不知道mpvue是否已經做到了可以參考)

  3. 事件與跳轉 (主要指跳轉其他小程式) 需要使用不同元件,以及button的open-type又種類繁多。很難做到用後臺配置統一處理。

結合以上問題。所以,採用了一套簡單的構架。主要,以 單頁面(Page)內引入多元件(Component)用元件切換,模擬頁面跳轉,此外加入  預編譯 + 整合封裝不同tap事件的元件進行處理 + 模擬頁面跳轉的router管理。

之後,會先就預編譯再做一套簡單的講解。當然,和以前的一樣的,只發乾貨,不炒現飯,不做搬運工。有相關問題,歡迎指出。

 

相關文章