<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          漸進(jìn)式小程序開(kāi)源框架 wxa.js

          共 1988字,需瀏覽 4分鐘

           ·

          2020-09-25 12:58

          ?



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

          ?

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

          ?

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


          目前微眾銀行、小鵝花錢(qián)、微眾銀行汽車(chē)金融、微眾銀行視頻客服等 20 余個(gè)自用小程序產(chǎn)品及眾多合作伙伴小程序已經(jīng)在使用 wxa 開(kāi)源框架。
          ?
          項(xiàng)目地址:
          https://github.com/WeBankFinTech/wxa
          https://gitee.com/webank/wxa


          ?


          wxa 框架優(yōu)勢(shì)


          • 真正零成本接入

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

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

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

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

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

          • 滿(mǎn)足多端兼容需求

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


          wxa?技術(shù)特性


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

          ??

          • Fetch 隊(duì)列管理網(wǎng)絡(luò)請(qǐng)求,單個(gè)請(qǐng)求自動(dòng)防重;

          • Router 簡(jiǎn)潔的 API、預(yù)加載特性;

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

          • Debounnce 防抖動(dòng);

          • Mixin 混合代碼,代碼復(fù)用;

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

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



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

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

          ( 簡(jiǎn)潔明了的 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è)施,我們會(huì)長(zhǎng)期的維護(hù)更新,并希望為大家的小程序項(xiàng)目提供一個(gè)完善的開(kāi)發(fā)解決方案選擇。因此,誠(chéng)邀關(guān)注小程序開(kāi)發(fā)的你一同參與到 wxa 開(kāi)源項(xiàng)目中來(lái),我們歡迎任何形式的貢獻(xiàn),有各種建議或意見(jiàn)可在 GitHub/ gitee / 微信群中提 issue。



          瀏覽 32
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  亚洲无码xx | 青青草原成人 | 亚欧无码| 日本香港台湾三级无码 | 亚洲欧美毛片高清 |