认识小程序

1、下载小程序开发工具：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

2、根据开发工具创建一个小程序快速模板：（需要appid,如没有需要注册：

微信公众平台：https://mp.weixin.qq.com

小程序开发者账号注册：https://mp.weixin.qq.com/wxopen/waregister?action=step1

）

3、JSON 配置 JavaScript Object Notation

• WXML 结构 WeiXin Markup Language

• WXSS 样式 Weixin Style SheetJS 脚本 JavaScript

4、app.json：文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

5、app.json 全局配置

 

属性	类型	必填	描述
pages	String Array	是	设置页面路径
window	Object	否	设置默认页面的窗口表现
tabBar	Object	否	设置底部 tab 的表现
networkTimeout	Object	否	设置网络超时时间
debug	Boolean	否	设置是否开启 debug 模式

6、pages:是我们平时写的页面存放的地方，window:用于设置小程序的状态栏、导航条、标题、窗口背景色。tabBar:用于设置底部导航的链接

7、书写规范：双标签<组件名> 内容 </组件名> 单标签 <组件名 /> <view> 相当于div </view> <text>文字书写位置  </text> <image src="图片资源地址" />（背景图片引用本地路径无法识别，但是可以使用base64解决或者image标签）

8、在小程序里建议用flex布局，更灵活，更方便。

9、获取事件对象的传参需要使用data-*传参，用dataset获取；冒泡用bind绑定事件函数，catch用与阻止冒泡绑定事件函数。

10、生命周期函数：

onlaunch:级别最高，监听小程序的变化

onload:打开页面执行一次（只执行一次）（参数options:传给的页面的参数url等 ）

onReady:页面渲染完成执行一次（只执行一次）

onshow:页面显示执行一次（重复执行）

onhide:离开本页面执行一次（重复执行）

11、app.js中可以配置全局变量，任何页面都能访问，获取全局变量方法const app = getApp();

12、wx.request请求数据与ajax相似，一般我们都在onload函数中发送请求，在更新异步数据时我们使用setdata()更新视图和数据。小程序的场景值。

13、在一个页面上想要使用组件的三个流程：引入组件、在config中注册组件，使用组件

14、想要跳转到底部tabbar页面，必须制定open-type类型，

15、使用wepy框架的时候页面必须引入wepy,页面必须在app.js中注册，小程序的传值：props, 使用.sync修饰符可以同步影响数据，达到数据双向绑定效果