码迷,mamicode.com
首页 > 微信 > 详细

微信小程序

时间:2020-05-16 23:36:59      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:初始   冒泡事件   htm   列表   特点   css   父类   下标   基本功   

微信小程序的特点:

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

微信小程序

标签:初始   冒泡事件   htm   列表   特点   css   父类   下标   基本功   

原文地址:https://www.cnblogs.com/cczoi/p/12901395.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!