小程序开发框架提供丰富的微信原生 API,可以方便的调起微信提供的能力,如获取用户信息,本地存储,支付功能等。详细介绍请参考 API 文档。
- 随笔109
- JavaScript98
- 小程序67
- Python52
- Linux48
- 设计29
- CSS28
- TypeScript28
- HTML25
- Vue23
- 基础21
- 软件19
- Git19
- VS Code19
- 面试题14
- GitHub14
- 物理13
- Markdown12
- jQuery9
- 摘记8
- 其他8
- Android7
- Node.js7
- 快速上手5
- dart5
- Node5
- HTML54
- JS4
- Vue组件4
- 前端3
- Emmet3
- 硬件2
- 服务器2
- 教程2
- Liunx2
- 数据库2
- 介绍1
- 题库1
- 笔记1
- 后端1
- GIT1
- Canvas1
- video1
- Vue知识点1
- C1
- Cpp1
- Java1
- JSON1
- PHP1
- YAML1
- Liunx cat命令1
- Liunx指令1
- WINDOWS1
- Xshell1
- 脚手架1
开发框架优点
-
将界面开发的复杂过程转换为编写简单的 yaml 文件。开发门槛低,
-
拥有详细的开发文档说明,简单易懂,页面文件自述性高,没有开发基础的人也可以经过简单阅读后看懂页面文件大体描述内容。查看例子点这里
-
开发者无需着眼于界面样式或是功能的实现,只需着眼于在 yaml 文件中添加渲染界面所需参数并赋值,即可完成界面编写。开发者只需在开发过程中按照开发说明录入参数,并注意格式即可。
小程序使用 JSON 文件来描述自身的配置,小程序的配置主要分为全局配置、页面配置两种。
提示
为了补充全局配置、页面配置的缺失,小程序配置还包括项目配置与 sitemap 配置。
小程序开发框架的逻辑层 (App Service) 使用 JavaScript 引擎为小程序提供开发者 JavaScript 代码的运行环境以及微信小程序的特有功能。
逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈。
开发者写的所有代码最终将会打包成一份 JavaScript 文件,并在小程序启动的时候运行,直到小程序销毁。这一行为类似 ServiceWorker,所以逻辑层也称之为 App Service。
框架的视图层由 WXML 与 WXSS 编写,由组件来进行展示。
将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。
-
WXML (WeiXin Markup language) 用于描述页面的结构。
-
WXS (WeiXin Script) 是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。
-
WXSS (WeiXin Style Sheet) 用于描述页面的样式。
-
组件 (Component) 是视图的基本组成单元。
Behavior
注册一个 behavior,接受一个 Object 类型的参数。
参数
定义段 | 类型 | 是否必填 | 描述 |
---|---|---|---|
properties | Object Map | 否 | 同组件的属性 |
data | Object | 否 | 同组件的数据 |
methods | Object | 否 | 同自定义组件的方法 |
behaviors | String Array | 否 | 引入其它的 behavior |
created | Function | 否 | 生命周期函数 |
attached | Function | 否 | 生命周期函数 |
ready | Function | 否 | 生命周期函数 |
moved | Function | 否 | 生命周期函数 |
detached | Function | 否 | 生命周期函数 |