文档：https://developers.weixin.qq.com/miniprogram/dev/framework/
vscode相关插件：小程序开发助手
1.全局配置文件 app.json
2.局部配置文件 .json
3.sitemap.json文件
4.语法和数据绑定
<!-- <text></text>相当于span标签 行内元素 --> <!-- <view></view>相当于div -->
<view>{{title}}</view>
<!-- 使用布尔类型充当属性 -->
<checkbox checked="{{flag}}"></checkbox> //important
data： {
title: "数据绑定"，
flag: true
}
5.表达式 （数字运算，字符串拼接，三元表达式）
<view>{{person.name + "今年" + person.age + "岁"}}</view>
<view>{{num1 + num2}}</view>
<view>{{flag === true ? "男" : "女"}}</view>
data: {
person: {
name: "范顺",
age: 19,
sex: "男"
},
flag: true
}
6.列表渲染
<!-- wx:for="{{数组或对象}}" wx:for-item="循环项" wx:for-index="循环项的索引" --> <!-- 当数组为这种时，[1,2,3] 循环的时候要 wx:key = "*this" 表示数组是一个普通的数组， *this 表示是循环项相当于item --> <!-- 当嵌套循环的时候要注意 --> <!-- wx:for-item="item" wx:for-index="index" 一层循环的时候可以不写 --> <view class="itemlist" wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="id"> {{item.id + "-" + item.Fversion}} <image class="img" src="{{item.Fpic}}"></image> </view> <!-- 循环对象是要注意 --> <view class="person" wx:for="{{person}}" wx:for-item="value" wx:for-index="key" wx:key="age"> {{key + "=" + value}}
</view>
.生命周期