APP开发平台 > Blog > AVM跨端框架

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多终端的程序包

生成高质量终端代码:根据不同终端特性,生成高质量的目标终端代码,可用性高,有利于二次开发。


立即体验AVM跨端框架


高效的App定制平台,标准化、便宜、快!

提交APP定制开发需求