極速上手，零配置，可無痛遷移。提供更好的工程化、代碼復(fù)用能力，提高開發(fā)效率并改善開發(fā)體驗(yàn)。

微信發(fā)布小程序后，微眾銀行眾多業(yè)務(wù)都出現(xiàn)了小程序開發(fā)的需求。當(dāng)時(shí)，小程序官方無法提供有效的工程化能力支持， 由于小程序架構(gòu)上與 Web 端開發(fā)割裂，無法直接享受 Web 端現(xiàn)有的技術(shù)，經(jīng)常需要開發(fā)手工 Ctrl+C,V ,并且還要改動源碼移植到小程序中，而且 2 年多前市面上的小程序框架，臟檢查機(jī)制和組件方案深受詬病。如何提升小程序開發(fā)效率，又能保障高質(zhì)量（銀行體系的開發(fā)每一步都不能疏忽，大家都懂得）成為迫在眉睫不得不解決的問題。

所以，微眾銀行前端開發(fā)部在 2017 年初開始著手開發(fā)自己的漸進(jìn)式小程序框架，經(jīng)過多個(gè)產(chǎn)品的成功打磨，驗(yàn)證和用戶檢視，在2018年項(xiàng)目組自發(fā)組織將 wxa.js 向技術(shù)社區(qū)開源， 經(jīng)過了 2 年多的悄悄成（摩）長（擦），已經(jīng)從一個(gè)萌新小程序開源框架蛻變?yōu)楦映墒?#xff0c;完備的資深小程序開源框架。借此，我們希望為大家的小程序項(xiàng)目提供一個(gè)更好的框架選擇。

目前微眾銀行、小鵝花錢、微眾銀行汽車金融、微眾銀行視頻客服等 20 余個(gè)自用小程序產(chǎn)品及眾多合作伙伴小程序已經(jīng)在使用 wxa 開源框架。

項(xiàng)目地址：

https://github.com/WeBankFinTech/wxa

https://gitee.com/webank/wxa

wxa 框架優(yōu)勢

• 真正零成本接入
  

原生小程序無需修改，即可使用 wxa 構(gòu)建。當(dāng)然，如果您愿意使用 wxa 提供的語法，則立馬能享受到原生小程序中享受不到的順滑體驗(yàn)，譬如狀態(tài)管理、表單校驗(yàn)等。超低遷移成本，原生小程序只需安裝好依賴就可以馬上在 @wxa/cli2 中跑起來。支持原生和 wxa 混雜開發(fā)。

• 強(qiáng)大的依賴分析算法

自研的依賴分析算法，支持分包、最大限度減少代碼包體積。這不但能加快小程序速度，而且開發(fā)者再無需人工刪減項(xiàng)目中多余的代碼及圖片等文件。

• 優(yōu)秀的組件化及工程化能力
  

任意第三方組件庫，隨時(shí)安裝即可使用，完美適配 weui,vant-weapp, wux-weapp, iview-weapp 等組件庫。NPM 依賴，打包、編譯、壓縮資源文件全解析，讓你高效優(yōu)雅地開發(fā)小程序。

• 滿足多端兼容需求

允許一次性編譯出多個(gè)三方項(xiàng)目或其他平臺的小程序，如頭條、QQ 小程序。10 月版本更新將適配支付寶、百度小程序。

wxa 技術(shù)特性

wxa 基于 AOP 的思想，使用裝飾器（運(yùn)行時(shí)改寫，攔截）和預(yù)編譯等手段在不侵入小程序基礎(chǔ)接口的前提下提供開發(fā)增強(qiáng)能力，按需引入，即插即用。專注于小程序原生開發(fā)，既保留小程序簡單入門、快速開發(fā)的特點(diǎn)，同時(shí)提供一系列能力，解決工程化、代碼復(fù)用的痛點(diǎn)，提高開發(fā)效率并改善開發(fā)體驗(yàn)。

• Fetch 隊(duì)列管理網(wǎng)絡(luò)請求，單個(gè)請求自動防重；

• Router 簡潔的 API、預(yù)加載特性；

• Lock 防止重復(fù)執(zhí)行函數(shù)，前端防重利器；

• Debounnce 防抖動；

• Mixin 混合代碼，代碼復(fù)用；

• watch、computed 數(shù)據(jù)監(jiān)聽與計(jì)算屬性。

預(yù)編譯過程中，實(shí)現(xiàn)了對小程序項(xiàng)目的依賴解析樹的構(gòu)建，利用依賴樹對整個(gè)工程進(jìn)行管理，以此為基礎(chǔ)適配了 NPM、單文件開發(fā)、云開發(fā)、三方開發(fā)、多構(gòu)建等。開發(fā)語法方面支持最新的 ES* 語法（包括 Async/Await）、Sass/Scss、Stylus，可根據(jù)開發(fā)習(xí)慣注入更多的語法支持。

學(xué)習(xí)及接入成本

標(biāo)準(zhǔn)項(xiàng)目無需任何配置即可運(yùn)行，沒有額外的學(xué)習(xí)門檻，能夠完美的貼合使用原生小程序語法開發(fā)。良好的原生兼容，使原有的小程序項(xiàng)目在不改動代碼的情況下，能快速遷移接入到 wxa ，只需要稍加配置，舊的小程序項(xiàng)目就可以順滑享受 wxa 提供的便利。

（ 簡潔明了的 API ）

了解更多

wxa.js 教程

• GitHub https://webankfintech.github.io/wxa/

• Gitee https://webank.gitee.io/wxa/

wxa.js 項(xiàng)目地址

• GitHub https://github.com/WeBankFinTech/wxa

• Gitee https://gitee.com/webank/wxa

加入 wxa 項(xiàng)目

wxa 是微眾銀行小程序的基礎(chǔ)設(shè)施，我們會長期的維護(hù)更新，并希望為大家的小程序項(xiàng)目提供一個(gè)完善的開發(fā)解決方案選擇。因此，誠邀關(guān)注小程序開發(fā)的你一同參與到 wxa 開源項(xiàng)目中來，我們歡迎任何形式的貢獻(xiàn)，有各種建議或意見可在 GitHub/ gitee / 微信群中提 issue。