微信小程序

Posted 2020-12-22 cczoi

微信小程序的特点：

1. 体积小

2. 与APP进行互补，可以实现APP的基本功能

3. 微信扫一扫或者是搜索就可以下载

4. 开发周期短，成本较低

 

适配方案：

1. viewport适配， width = device - width

2. 单位: rpx

3. iphone: 1rpx = 1物理像素 = 0.5rpx, dpr = 物理像素 / 设备独立像素

 

重要的文件:

1. wxml view 结构 → html

2. wxss view 样式 → css

3. js view 行为 → js

4. json 文件 → 数据 && 配置

 

注册小程序： App()

注册页面： Page()

 

数据绑定：

1. 在 data 中初始化页面需要的数据，在页面中可以直接使用

 

事件: 

1. 冒泡事件： bind + 事件名（触发父类事件）

2. 非冒泡事件： catch + 事件名 （不触发父类事件）

 

模板template：

1. 定义：template 属性： name（标识模板）

2. 使用： template 属性： is （模板的name）

3. 引入模板结构： <import src = ‘路径‘ />

4. 引入模板样式： @import ‘路径‘

5. 传参： data = ‘ {{ ...item }} ‘

 

列表渲染：

1. wx : for

2. wx : key 为每个个体元素进行标记

3. 遍历的个体： item

4. 遍历的下标： index