一、小程序开发框架组成介绍
首先介绍一个小程序宿主环境差异,其中iOS是基于JavaScriptCore,Android是基于X5内核,IDE是基于nwjs。
1.WXML (WeiXin Markup Language)
它是框架设计的一套标签语言,结合组件、WXS和事件系统,可以构建出页面的结构。你需要了解他的相关知识:
1)数据绑定
2)列表渲染
3)条件渲染
4)模板及引用
2.WXSS
它是一套样式语言,用于描述WXML的组件样式。(CSS也是一套样式语言,是一种样式表语言,用来描述HTML或XML文档的呈现)你需要了解它的相关知识:
1)响应式像素
2)样式
3)选择器
3.WXS(Wei Xin Script)
它是它是小程序自己的脚本语言
4.JavaScript
JavaScript是一种轻量的、解释性的、面对对象的头等函数语言,是一种动态的基于原型和多范式的脚本语言,支持面向对象、命令式和函数式的编程风格。
Nodejs中的JavaScript包括三个组成部分1)ECMAScript 2)Native 3) NPM
浏览器中的JavaScript包括三个组成部分1)ECMAScript 2)DOM 3)BOM
二、MINA框架
三、小程序运行和加载机制
1.小程序的启动分为冷启动和热启动。
四、小程序的声明周期
1.小程序的生命周期
1.onLaunch 2)onShow 3)onHide 4)onError
2.小程序界面的声明周期
1)onLoad 2)onShow 3)onReady 4)onHide 5)onUnload
其中viewThread 和AppService Thread两条线程相互配合完成界面的加载
五、小程序的路由
1.初始化 --》新页面入栈
2.打开新页面 --》新页面入栈
3.页面重定向 --》当前页面出栈,新页面入栈
4.页面返回 --》页面不断出栈,直到目标返回页,新页面入栈
4.Tab切换 --》页面全部出栈,只留下新的Tab页面
5.重加载--》页面全部出栈,只留下新的页面
六、小程序的事件流
注意冒泡机制
七、小程序开发组件
建议参考微信开放平台去浏览
八、小程序开发API
主要包括八个模块
- 网络
- 媒体
- 文件
- 数据缓存
- 位置
- 设备
- 界面
- 开放接口
建议去参考微信开发平台小程序开发之API,具体了解每个部分的作用。
九、微信开放功能
1.登录授权
2.微信支付
3.模板消息
4.转发分享
5.打开APP
建议开发者去小程序开发中心查看文档