编辑器介绍

• index.js 小程序逻辑，逻辑层
• index.json 文件是放小程序的配置项，配置层
• index.wxml 描述小程序页面结构的代码，类似 html
• index.wxss 类似于css，就是对样式做修饰，语法与css的一样
• app.js 全局的逻辑设置

页面级别的设置优先级高于全局的设置

app.json

• 属性的配置在官方文档中找
• page 项，配置小程序有几个页面，哪个页面靠前，用户就先访问哪个页

生命周期函数

• 分页面级别的和全局级别的
• 使用找官方文档

视图层

• .wxml 和 .wxss

<!-- bindtap 点击后绑定的事件 -->
<!-- <view bindtap="changea">
    {{a}}
</view> -->
<!-- wx:if 是false时，view组件不会在页面中存在 -->
<!-- <view wx:if="{{showName}}">
    {{name}}
</view> -->
<!-- hidden 是只隐藏了样式 -->
<!-- <view hidden="{{showSay}}">
    {{name}}
</view> -->


<!-- {{}} 花括号围起来才表示是布尔类型值，花括号围起来是js表达式 
 <checkbox checked="{{false}}"></checkbox> -->
<!-- wx:key 循环的每一项都给做一个独特的标识，可以用*this，也可以用属性名-->
<view 
    wx:for="{{users}}"
    wx:key="name"
>
{{item.name}} {{index}}
</view>


<!-- users 有几个数字就循环几次 -->
<!-- block 不会被渲染到页面上 -->
<block wx:for="{{users}}" wx:key="*this" >
<view>hello</view>
<view>world</view>
</block>

.wxss

• 长度单位：rpx。默认整个手机屏幕的宽度是750rpx。