微信小程序入门实战

一、零碎知识

• 调试工具
  调试工具介绍

• 小程序文件类型与目录结构
  目录结构
  其中，应用程序的三个文件app.js、app.json、app.wxss在整个小程序中是唯一的、全局的；页面级别的会覆盖全局的样式、json（配置），即就近原则

• Flex弹性盒子模型（小程序常用）

• 移动端分辨率及小程序自适应单位rpx
  rpx
  一般设备选用iphone6，因为在此设备下1px=2rpx

• 绝对路径和相对路径
  …/表示上一级目录开始
  ./表示当前同级目录开始
  /表示根目录开始

• 全局配置与页面配置
  全局配置app.json中可以配置"pages"，“window”，“tabBar"等项目属性，而页面配置只能配置"window"项目属性，所以页面配置不需要加"window”，只需要一对花括号。

• 页面生命周期
  onLoad：页面加载时
  onReady：页面初次渲染完成
  onShow: 页面显示时
  onHide：页面隐藏时
  onUnload：页面卸载时
  顺序：onload -> onshow -> onready
  不是生命周期函数，小程序执行特定操作会触发的操作：
  onPullDownRefresh：监听用户下拉动作（下拉刷新）
  onReachBottom：页面上拉触底处理函数(上拉加载)
  onShareAppMessage：用户点击右上角分享（三个小点）

二、欢迎页面

• <button>可以用<view>+<text>来模拟
• Flex弹性盒子布局

.container{
   
  display: flex;
  flex-direction: column;//方向：纵向
  align-items: center;//居中
}

• 冒泡事件和非冒泡事件
  1冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。
  2非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。
  3绑定事件：bind与catch，与 bind 不同，其中，catch 会阻止事件向上冒泡。
• 页面跳转（路由）
  路由
  1navigateTo, redirectTo 只能打开非 tabBar 页面。
  2switchTab 只能打开 tabBar 页面。
  3navigateTo, redirectTo 区别在于.navigateTo顶部有返回箭头，redirectTo顶部没有返回箭头，原因是navigateTo执行了页面周期的onHide事件隐藏页面所以还可以返回，redirectTo执行了页面的onUnload事件，卸载了页面，所以不会有返回。
  4跳转分两