微信小程式開發框架整理

github：官方文件:

類vue開發風格

支援自定義元件開發
支援引入npm包
支援promise
支援es2015+特性，如async functions
支援多種編譯器，less/sass/stylus/postcss、babel/typescript、pug
支援多種外掛程式處理，檔案壓縮，壓縮，內容替換等
支援 sourcemap，eslint等
小程式細節優化，如請求列隊，事件優化等

mpvue

美團出品，使用 vue.js 開發小程式，從底層支援 vue.js 語法和構建，目前有14k+star 。框架基於 vue.js 核心，熟悉vue的同學可以快速上手。

美團火車票12306搶票、美團汽車票 和 美團充電都是mpvue開發的。

官方文件:

特性

徹底的元件化開發能力：提高**復用性

完整的 vue.js 開發體驗
方便的 vuex 資料管理方案：方便構建複雜應用
快捷的 webpack 構建機制：自定義構建策略、開發階段 hotreload
支援使用 npm 外部依賴
使用 vue.js 命令列工具 vue-cli 快速初始化專案
h5 **轉換編譯成小程式目標**的能力

/issues/21

taro|凹凸實驗室:https://

taro.js.org/

taro·多端統一開發框架:https:

特性

支援使用 npm/yarn 安裝管理第三方依賴。

支援使用 es7/es8 甚至更加新的 es 規範，一切都可自行配置。
支援使用 css 預編譯器，例如 sass 等。
支援使用 redux 進行狀態管理。
小程式 api 優化，非同步 api promise 化等等。

微信小程式開發框架 WXSS（二）

一 外聯樣式引入 1.wxss除了支援響應式的畫素 還支援外聯樣式的匯入。外聯樣式通過 import標誌符來引入的，外聯樣式好處 當我們不 同頁面內具有相同樣式的元素時可以把，相同樣式的元素處理成外聯樣式檔案，以減少檔案資源的大小。2.如何用 import引入外聯樣式檔案?在index.wxml外聯...

微信小程式開發

一 開發準備 二 開發工具的使用 編碼目錄結構 1 wxml的功能 資料繫結 資料繫結使用 mustache 語法 雙大括號 將變數包起來。列表渲染 wx for 在元件上使用 wx for 控制屬性繫結乙個陣列，即可使用陣列中各項的資料重複渲染該元件。block wx for 類似 block w...

微信小程式開發 微信繫結

官方api提供的request請求的url wx.login 請求引數 傳送請求 解析相應內容 換成json物件 jsonobject json jsonobject.fromobject sr 獲取會話金鑰 session key string session key json.get sessi...