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

摘要： 半年前跳槽, 新公司主要研發傾向於小程式的開發。由於之前並沒有接觸小程式，所以經過半年的實際開發，才敢來做一點筆記。 小程式提供很多元件給開發者使用，但是，實際使用中還是會有很多的問題。 小程式的元件，經常不符合產品需求，又無法定製 （主要指tabBar，樣式不可定製，跳轉也...

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

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

1. 小程式的元件，經常不符合產品需求，又無法定製 （主要指tabBar，樣式不可定製，跳轉也需要使用特定的方法，難以統一處理）

2. 老生常談的不能使用npm開發??? (雖然，已知的很多小程式框架可以實現。例如：mpvue等。但是讓我們先討論討論，以自己的能力來實現吧。)

   提到 mpvue，就順便多一句嘴。有段期間，有需求要找一套小程式的ui 框架，嘗試過使用mpvue + elementUI。 之後立即發現，elementUI有大量的dom操作，在小程式環境中無法使用。

   因為當時筆者已經自制了一套簡單的預編譯架構，所以筆者沒有采用mpvue的框架進行開發。也就不對mpvue做討論了。

   （記得，最初mpvue是沒有路由的。寫文時，筆者正在給自己的spa 小程式編寫路由元件而發愁，不知道mpvue是否已經做到了可以參考）

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

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

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