阿里小程序开发语言

阿里小程序是一款基于阿里巴巴的移动开发框架Alibaba MiniApp实现的,小程序提供了一种更加轻量化的应用体验,并且开发者也可以使用同样的开发工具、基础组件和API,极大地减轻了开发工作量。在这篇文章中,我们将详细介绍阿里小程序的开发语言及其原理。

开发语言

阿里小程序使用了混合应用开发技术,主要的开发语言包括 HTML、CSS 和 JavaScript。

1. HTML

HTML是阿里小程序的页面结构。和Web页面一样,小程序的页面需要使用HTML标签进行描述。这些标签包括

, , 等等。和Web页面一样,小程序的HTML也具有嵌套、继承的特性。

2. CSS

CSS是阿里小程序的样式表。小程序的样式表用于控制页面的样式,包括颜色、字体、布局等。和Web页面一样,小程序的样式表也可以通过class和id来控制样式。除了传统的CSS,小程序还支持一些新的属性,例如rpx、vw、vh等。

3. JavaScript

JavaScript是小程序中最为重要的部分。小程序的页面和交互都是由JavaScript编写的。JavaScript主要实现了页面的渲染和交互,包括数据的获取、运算和展示等。小程序的JavaScript还可以和系统API进行交互,例如地理位置、摄像头、麦克风、网络等等。

原理

阿里小程序的原理基本与微信小程序相同,都是采用浏览器渲染方式实现。

在渲染方式上,小程序采用了WebView。这里的WebView并不是完整浏览器,而是一种精简版WebView。和原生小程序不同,小程序的WebView不需要加载网络资源,因此WebView只会与开发者的业务代码打交道,也就是说,WebView内部没有浏览器内核、没有网络协议等,**只保留了最核心的HTML、CSS和JavaScript渲染引擎。**这样就能实现简单的页面渲染,而且不会给设备带来过多的压力,操作也会更加顺畅。以小程序的启动为例,启动阶段需要完成的步骤如下:

1. 客户端通常会预热WebView,也就是现将WebView的配置、环境设置好。

2. 依次开启URLLoader、JSBridgeLoader、JSInvoker等运行时。

3. 通常会检测网络环境、用户session状态等信息,并做相应处理。

4. 载入应用代码,注入必要的全局变量,初始化应用基础数据结构。

5. 载入应用全局样式等,准备启动应用。

当小程序运行起来后,依托于渲染引擎,将根据开发者的业务需求,开始展示小程序的不同页面,执行相应的脚本逻辑和数据交互,完成用户能看到,能感觉到的业务流程。

总结

阿里小程序使用HTML、CSS和JavaScript作为开发语言,采用了浏览器渲染方式实现。在实现方式上,小程序使用了精简版的WebView,去除了浏览器内核、网络协议等,保留了核心的HTML、CSS和JavaScript渲染引擎。这种实现方式可以减小设备的压力,提高小程序的运行效率。