2.初识微信小程序
小程序是完全的组件开发
什么叫组件？
组件是对数据和方法简单的封装，组件拥有自己的属性和方法。属性是组件数据的简单访问，方法是组件简单可见的功能
前段组件：组成页面内容的零件，封装起来的具有独立功能的UI部件并且小的组件通过组合或者嵌套的方式可以共存大的组件
组件的特征
- 可组合
- 可重用
- 可维护
- 可测试
导航栏，标题配置
在.json文件里面配置window选项
（官方文档—》框架—》配置—》window）
px和rpx的区别
rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0
使用rpx，小程序会自动在不同的分辨率下进行转换，实现自适应
wxml语言的特性
- 数据绑定 2.列表渲染 3.条件渲染 4.模板引用
数据绑定
wxml中动态数据来自对应页面js文件中Page的data对象
实现方式：data里面配置属性，视图利用双大括号访问属性变量，可以绑定属性还可以进行运算。
注意
- 关键字true/false（需要放在双引号之内）
小程序会解析字符串，再去将字符串转化为Boolean值空字符串转化为true，非空字符串转化为false。
- 如果data里面的属性是一个对象，那么该对象的数据则可以通过对象的属性访问
条件渲染
在小程序框架中，使用wx:if=”{{****}}”来判断是否需要渲染代码块
Wx:if和hidden的区别
Block标签他仅仅是一个包装元素，不会再页面中做任何一个渲染，只接受控制属性
如果要一次性判断多个组件标签，可以使用一个block标签将多个组件包装起来，并在block标签上使用wx:if控制属性
列表渲染
在组件上使用wx:for属性绑定一个数值或对象，可使用数组或对象中各项的数据重复渲染该组件
默认数组的当前项的下标变量名默认为index，数组当前项的变量默认为item
若绑定的是对象则当前项的键（key）变量名默认为index，当前键对应的值的变量名默认为item
名字可以通过wx:for-item和wx:for-index指定
也可以利用block标签渲染一个包含多节点的结构块
模板引用
wxml提供模板（template）可以在模板中定义代码块，然后在不同的地方调用
第一步：定义模板
用template标签定义一个代码片段，使用name属性指定模板的名称
第二步：使用模板
使用is属性，声明需要的使用模板，利用data属性扩展运算符向模板传入需要的数据信息
- wxml文件可以定义多个模块，只需要通过name区分
- 模板的数据都是展开之后的属性（data=“{{...item}}”是ES6的写法，item是当前项，。。。是展开运算符那么模板中不需要在用{{item.name}}进行绑定数据，而是直接{{name}}即可）
- is属性可以使用mustache语法来动态决定具体需要渲染那个模板
模板引入方法
- import:
import只能引用模板文件里面定义的模板内容块
- inclucle
incluck引用目标文件内除了模板代码块的其他内容
- import
import引用wxss文件
