前端如何低门槛开发iOS、Android、小程序多端应用

现如今跨平台开发技术已不是什么新鲜话题了，在市面上也有一些开源的框架可供选择，然而技术成熟、产品服务健全的平台并不多，其中也不乏推陈出新的框架值得关注。

比如最近使用的AVM，由APICloud迭代推出的多端开发框架，基于JavaScript，兼容多语法，如果是Vue、React的用户，可直接上手，没什么学习成本，具备虚拟DOM，可一次编写多端渲染。主要是APICloud上线已有7年，相对已经成熟，所以我把自己的一些认知和实践结合AVM官方文档的内容做了一下整理，希望能对需要使用跨平台开发技术的开发者有所帮助。

为什么学习AVM框架？

结合AVM官网的介绍和我自己的一些实践经验，我总结了一系列AVM的特性，我想这些内容足以让你主动去学习AVM框架了。

1. 一套代码可编译为对应Android 、iOS 、微信小程序、iOS 轻App、H5端的安装包或代码包。

2. 兼容APICloud2.0技术栈，这意味着平台上上千款Android iOS原生模块可供使用。或者在老项目里部分引入3.0的技术，对APP局部进行优化。

3. 原生引擎渲染。如果使用 avm.js 进行开发，App 将使用无 webView 的原生引擎 3.0 进行渲染，所有组件及视图与 Android & iOS 系统原生组件和视图百分百对齐。

4. 类Vue语法和兼容 React JSX。有Vue或React基础的用户可以很快上手。

5. 组件化开发，提升代码复用率。

AVM中的页面介绍：

AVM中的页面称为stml页面，一个典型的 stml 文件代码如下：

1.	<template>  
2.	    <view>  
3.	        <view class="header">  
4.	            <text>{title}</text>  
5.	        </view>  
6.	        <view class="content">  
7.	            <text>{content}</text>  
8.	        </view>  
9.	        <view class="footer">  
10.	            <text>{footer}</text>  
11.	        </view>  
12.	    </view>  
13.	</template>  
14.	<style>  
15.	    .header {  
16.	      height: 45px;  
17.	    }  
18.	    .content {  
19.	      flex-direction:row;  
20.	    }  
21.	    .footer {  
22.	      height: 55px;  
23.	    }  
24.	</s