小程式開發框架資源集合,你想要的元件化開發小程式的框架都在這裡了。。。

混沌傳奇發表於2018-03-09

WePY

讓小程式支援元件化開發的框架。

1. 開發風格

接近於 Vue.js,支援元件 Props 傳值,自定義事件、元件分散式複用Mixin、計算屬性函式computed、模板內容分發slot等等

2. 元件化

元件化開發,完美解決元件隔離,元件巢狀,元件通訊等問題

3. NPM

支援使用第三方 npm 資源,自動處理 npm 資源之間的依賴關係,完美相容所有無平臺依賴的 npm 資源包

4. Promise

通過 polyfill 讓小程式完美支援 Promise,解決回撥煩惱

5. ES2015

可使用 Generator Fu-nction / Class / Async Function 等特性,大大提升開發效率

6. 優化

對小程式本身的優化,如請求列對處理,優雅的事件處理,生命週期的補充,效能的優化等等

7. 編譯器

支援樣式編譯器:Less/Sass/Styus,模板編譯器:wx-ml/Pug,程式碼編譯器:Babel/Typescript。

8. 外掛

支援多種外掛處理,如檔案壓縮,圖片壓縮,內容替換等,擴充套件簡單,使用方便

9. 框架大小

壓縮後 24.3KB 即可擁有所有框架功能,額外增加 8.9 KB後即可使用 Promise 和 Async Function

官網地址:tencent.github.io/wepy/
github地址:github.com/Tencent/wep…

MpVue

mpvue 是一款使用 Vue.js 開發微信小程式的前端框架。使用此框架,開發者將得到完整的 Vue.js 開發體驗,同時為 H5 和小程式提供了程式碼複用的能力。如果想將 H5 專案改造為小程式,或開發小程式後希望將其轉換為 H5,mpvue 將是十分契合的一種解決方案。

目前, mpvue 已經在美團點評多個實際業務專案中得到了驗證。

mpvue是什麼?

mpvue 是一套定位於開發小程式的前端開發框架,其核心目標是提高開發效率,增強開發體驗。使用該框架,開發者只需初步瞭解小程式開發規範、熟悉 Vue.js 基本語法即可上手。框架提供了完整的 Vue.js 開發體驗,開發者編寫 Vue.js 程式碼,mpvue 將其解析轉換為小程式並確保其正確執行。此外,框架還通過 vue-cli 工具向開發者提供 quick start 示例程式碼,開發者只需執行一條簡單命令,即可獲得可執行的專案。

文件地址:mpvue.com/
github地址:github.com/Meituan-Dia…

Grace

一個精巧、易用的微信小程式開發輔助庫

特點

  • 輕量、小巧、上手簡單
  • 支援和Vue一樣優雅的資料響應式
  • 支援資料自動更新、更改快取、批量更新
  • 強大的網路功能
  • 支援全域性事件匯流排
  • 支援跨頁面傳值
  • 支援mixins

github地址:github.com/wendux/grac…

相關文章