小程序的优点
- 快速加载
- 更强大的能力
- 原生的体验
- 易用且安全的微信数据开放
- 高效和简单的开发
了解关于pages里的对象含义
- pages相当于路由配置文件
"pages": [
"pages/index/index",// 表示根目录pages下的index文件夹下的index文件
"pages/mail/mail",// 表示根目录pages下的mail文件夹下的mail文件
"pages/find/find",// ... 上述同理
"pages/my/my"
],
- pages下的window对象表示配置页面的顶部导航
javascript
"window":
"navigationBarBackgroundColor": "#565656",// 配置小程序的顶部背景,只支持这种书写颜色的格式,HexColor格式
"navigationBarTitleText": "微信",// 小程序的标题内容
"navigationBarTextStyle": "white",// 小程序标题字体的颜
// 下面是于下拉刷新有关的样式
"enablePullDownRefresh": true,// 最开始程序是不允许下拉刷新的,这里设置为true允许用户下拉刷新
"backgroundColor": "#fff",// 控制下拉刷新的背景颜色,只支持HexColor格式颜色书写
"backgroundTextStyle": "dark",// 控制下拉刷新的字体颜色,这里只支持dark和light
}
小程序中的列表渲染
语法wx:for="{{列表名}}"
如果需要key可以wx:key="index"
如果遍历的是数组这个写被遍历的元素<text>{{item}}<text/>
如果遍历的是一个数组嵌套多个对象的形式的数组可哪个item就是当前遍历出的的单个对象形式要想拿到具体的值还得通过<text>{{item.键}}<text/>
来遍历出其中的值
不用考虑item和index是哪里来的,这是小程序定义的规则,人家制定咱们执行就好了
小程序中的条件渲染
条件渲染主要有主要有以下
<view wx:if="{{判断条件}}"> 如果if判断条件为True我显示 </view>
<view wx:elif="{{判断条件}}"> 这该怎么解释,如果判断上面if不匹配然后再判断elif中的条件是否满足如果满足就显示 </view>
<view wx:else> 如果上面if或elif的判断都无法通过那么就显示这里的内容 </view>