半年前跳槽, 新公司主要研發傾向於小程式的開發。由於之前並沒有接觸小程式,所以經過半年的實際開發,才敢來做一點筆記。 小程式提供很多組件給開發者使用,但是,實際使用中還是會有很多的問題。 老生常談的不能使用npm開發??? (雖然,已知的很多小程式框架可以實現。例如:mpvue等。但是讓我們先討論討 ...
半年前跳槽, 新公司主要研發傾向於小程式的開發。由於之前並沒有接觸小程式,所以經過半年的實際開發,才敢來做一點筆記。
小程式提供很多組件給開發者使用,但是,實際使用中還是會有很多的問題。
- 小程式的組件,經常不符合產品需求,又無法定製 (主要指tabBar,樣式不可定製,跳轉也需要使用特定的方法,難以統一處理)
-
老生常談的不能使用npm開發??? (雖然,已知的很多小程式框架可以實現。例如:mpvue等。但是讓我們先討論討論,以自己的能力來實現吧。)
提到 mpvue,就順便多一句嘴。有段期間,有需求要找一套小程式的ui 框架,嘗試過使用mpvue + elementUI。 之後立即發現,elementUI有大量的dom操作,在小程式環境中無法使用。
因為當時筆者已經自製了一套簡單的預編譯架構,所以筆者沒有採用mpvue的框架進行開發。也就不對mpvue做討論了。
(記得,最初mpvue是沒有路由的。寫文時,筆者正在給自己的spa 小程式編寫路由組件而發愁,不知道mpvue是否已經做到了可以參考) - 事件與跳轉 (主要指跳轉其他小程式) 需要使用不同組件,以及button的open-type又種類繁多。很難做到用後臺配置統一處理。
結合以上問題。所以,採用了一套簡單的構架。主要,以 單頁面(Page)內引入多組件(Component)用組件切換,模擬頁面跳轉,此外加入 預編譯 + 整合封裝不同tap事件的組件進行處理 + 模擬頁面跳轉的router管理。
之後,會先就預編譯再做一套簡單的講解。當然,和以前的一樣的,只發乾貨,不炒現飯,不做搬運工。有相關問題,歡迎指出。