一,什么是微信小程序
在生活中随处可见,传播以微信为主体,微信二维码小程序推广以及小程序入口,连接,方便 快捷,不需要下载app,
二、 微信小程序目前的优势是什么?
1、移动端:微信小程序依赖于微信手机APP,在微信生态圈中跑;现在的互联网用户中非PC端用户远远大于PC端用户。
2、不需下载安装,快速获取,立马消费:相对于原生的APP和webapp的产品来说,微信小程序不需要下载程序的安装包进行安装,也不存在版本的升级对于消费端产生的需要更新的负担;微信小程序基于微信,只要有安装微信,点击一下屏幕就可以打开微信小程序,退出的时候返回到微信App或者直接关闭微信程序的主线程即可;安装了微信就可以拥有所有的小程序。
3、用户体验好: 开发采用微信自己的一套体系,媲美原生APP;所有使用过的微信小程序会记录在微信APP中方便下一次的使用。
4、基于腾讯微信平台有良好和庞大的用户,推广方面有先天的优势。
一、小程序开发框架组成介绍
首先介绍一个小程序宿主环境差异,其中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
建议开发者去小程序开发中心查看文档
配置小程序
全局配置
pages
app.json中配置相当于vue中的路由
直接在pages选项中写页面路径,即可创建相应的页面
{
"pages": [
"pages/kind/kind",
"pages/home/home",
"pages/cart/cart",
"pages/user/user",
"pages/details/details",
"pages/map/map"
],
"window": {
"navigationBarBackgroundColor": "#f66",
"navigationBarTextStyle": "white",
"navigationBarTitleText": "乐购",
"backgroundColor": "#efefef",
"backgroundTextStyle": "dark",
"backgroundColorTop": "#0f0",
"onReachBottomDistance": 50
},