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