APP开发的App工具和详细流程介绍，以统软云为例
前端开发
数据处理
APP开发
浏览：472 次
总体介绍：
目的：APP前端开发基于统软云。
1、 了解开发工具
编辑：
一般来说，它是一个为您提供许多组件和API的平台，然后帮助您将html文件打包到Android和Apple安装包中。
2、下载地址
3、 的优点
（Application View Model）是统软云基于标准H5子集设计的DSL中间语言编程框架，它提供了一个包括虚拟DOM和Runtime avm Js的编程框架，以及一个多终端统一编译工具。编译工具将Vue和React相关语法sugar编译成avm。js代码。
Avm核心库只关注终端差异、虚拟DOM、组件化和数据绑定。与其他重量级框架不同，Avm不需要太多外部依赖，只需要更现代的框架的功能，如组件化、数据驱动等。它可以具有以下功能：
1.虚拟DOM：通过虚拟DOM向不同终端进行渲染，充分尊重系统特性，对不同终端进行差异化处理，实现高效渲染；
2.组件化：具有高重用性、可组合性和可维护性的架构设计隐藏了复杂的DOM结构和行为，允许开发人员专注于App的功能和外观；
3.数据绑定：轻松将数据源绑定到App用户界面，降低逻辑复杂性和开发难度；
4.状态管理和路由：有效分离用户界面和数据处理，实现项目的工程管理；
5.类似Vue的语法和React JSX兼容性结合了Vue的轻量级和React的灵活性。
统软云 DSL最终可以编译成标准JS，通过DeepEngine将其渲染到应用端和Web端，或者编译成微信小程序代码，用于微信小App平台发布。
4、 窗口和框架之间的差异。
我们经常通过api切换页面。openWin和api CloseWin，即打开页面并关闭页面。如果我们想在当前页面的某个位置打开一个窗口，也就是前面提到的框架，我们也使用api。openFrame和api CloseFrame。
api。openWin（｛
名称：'page1'， ； ； ； ； ； ；
url:'。/page1.html'， ； ； ； ； ； ；
pageParam:｛
；名称：“测试” ； ； ； ； ； ；
}和nbsp； ； ； ；
});
一旦代码被执行，它将根据url跳转到页面，然后为页面命名。如果它已关闭，只需执行以下代码。
api。closeWin（｛
；name:'page2'
});
我们只需要告诉它要关闭的页面的名称。
5、 CSS框架
清除浏览器默认样式（请参阅CSS重置、Normalize.CSS）
禁用系统长按菜单（-webkit touch callout：无）
禁用自动字体大小调整（-webkit文本大小调整：无）
删除单击高亮显示（-webkit tap highlight-color:rgba（0，0，0））
禁止内容选择（-webkit用户选择：无）
清除浮动（.clearfix）
加载更多默认样式（.loading_more）
JavaScript框架
名称空间是$api。所有方法如下：
1.修剪（）nbsp；描述：删除字符串的第一个空格和最后一个空格
2.trimAll（）；描述：删除字符串中的所有空格
3.isArray（）确定对象是否为数组；isArray（obj）
4.addEvt（）为DOM元素$api绑定事件。addEvt（元素，'click'，function（）{//做点什么}）；
5.rmEvt（）删除绑定到DOM元素的事件。rmEvt（元素，'click'，function（）{//做某事}）；
6..one（）绑定DOM元素的事件。事件仅执行一次api。一个（元素，'click'，function（）{//做某事}）；
7..dom（）选择第一个匹配的dom元素；。Dom（el，selector）从el元素中搜索；El（类型：Element）：DOM元素；选择器（类型：选择器）：CSS选择器
8.domAll（）；选择所有匹配的DOM元素&api.domAll（'.class'）；
9..byId（）按Id $api.byId选择DOM元素（'idStr'）
10..first（）选择DOM元素的第一个子元素
11.last（）选择DOM元素的最后一个子元素
12.eq（）选择子元素的数量。eq（el，指数）；El（类型：Element）：DOM元素；Index（类型：String | Number）：索引值
美元App编程接口。当量（el，2）；$App编程接口。当量（el，'2'）；
