多端統一開發框架大前端框架——AVM(APICloud-View-Model)


AVM跨端框架(APICloud-View-Model)是一個跨端的高性能 JavaScript框架,更趨近於原生的編程體驗

它提供簡潔的模型來分離應用的用戶界面、業務邏輯和數據模型,適合高度定制化的項目。

現如今市面上端的形態多種多樣,Web、App 端(React Native)、微信小程序等各種端大行其道,當業務要求同時在不同的端都要求有所表現的時候,針對不同的端去編寫多套代碼的成本顯然非常高,這時候只編寫一套代碼就能夠適配到多端的能力就顯得極為需要。

 

在大前端技術領域,當我們遇到了需要解決重復性的問題時,通常會考慮設計一個DSL(Domain-Specific Language)或者抽象出一個框架層,專門來解決這些類似的問題。使用DSL我們並不需要為特定終端編寫多套代碼,還可以利用宿主語言的抽象能力,確保各終端渲染效果的一致性以及對開發者友好。

 

目前流行DSL有:React支持的JSX語法、Vue定義的SFC結構和v-*指令集、微信小程序的WXML/WXS語法等。這些DSL最終被編譯為目標代碼,直接發布於小程序平台,或者借助JS-Runtime運行於APP和Web瀏覽器。

 

AVM(APICloud View Model)是APICloud基於標准H5子集設計的DSL中間語言編程框架,其可具備如下能力:

 

l   Virtual DOM:通過虛擬DOM,渲染到不同終端,充分尊重系統特性,為不同終端執行差異處理,實現高效渲染;

l   組件化:高可重用性、可組合性、可維護性的架構設計,隱藏了復雜的DOM結構和行為,讓開發者專注於應用的功能和外觀;

l   數據綁定:輕松將數據源綁定到應用用戶界面,降低邏輯復雜性和開發難度;

l   狀態管理和路由:有效分離用戶界面和數據處理,實現項目的工程化管理;

l   類Vue語法和兼容React JSX,兼具Vue的輕巧和React的靈活性。

 

APICloud DSL最終可編譯為標准JS,通過DeepEngine渲染到app端和Web端,或者編譯為微信小程序代碼,用於微信小程序平台發布。

 

APICloud DSL使用Vue方式定義組件或頁面:

 

 

APICloud DSL使用兼容React JSX方式定義組件或頁面:

 

 

多終端代碼自動生成

APICloud多端技術遵循標准 Web Components組件化思想,兼容Vue 、React語法特性,一次編碼

同時發布為Android 、iOS 、小程序、Html5(SPA)多端應用

 

 

使用Html5技術實現多終端開發

通過apicloud的多端技術,無需掌握Android、iOS或者小程序的復雜技術,使用Html5技能即可實現多終端開發。

 

一鍵雲端編譯:無需搭建特定的終端編譯環境,在 APICloud控制台一鍵編譯即可生成 Android、iOS、小程序、Html5多終端的程序包

生成高質量終端代碼:根據不同終端特性,生成高質量的目標終端代碼,可用性高,有利於二次開發

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM