微信小程序初识

小程序的优点

• 快速加载
• 更强大的能力
• 原生的体验
• 易用且安全的微信数据开放
• 高效和简单的开发

了解关于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>