微信小程序3

p16 框架接口_Page内的声明周期及各项函数

.js 里 各个模块 事件的响应

/**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    console.log("监听页面显示")
    // 切后台再切回来会打印
  },
onload和onready可理解成一次性的
onshow 和 onhide 切换页面变换

p17 框架接口_事件函数及setDate用法

小程序框架-视图层-事件系统  

这一节结尾没学好，先跳

wxml

<view wx:for="{{array}}">{{index+1}}.循环4次 {{item}}</view>
<!-- index 索引值  item 内容-->
<!-- 能重命名 wx:for-index = "新名" -->
<!-- wx:key="*this" 不然warning  “index“ 或i
for的嵌套怕乱 -->

<view wx:for="{{listobj}}">
  {{item.name}}是{{item.age}}岁
</view>
<!-- 关于对象的for -->
<view bindtap="mytap" data-title="微信小程序" data-name="微信小程序">请点击我{{name}}</view>
<!-- 没搞清楚，为什么会点一下更换文本内容 -->

js

  data: {
    "array":["zhao","qian","sun","li"],
    listobj:[
      {"name":"han",age:18},
      {"name":"cui",age:80},
      {"name":"xie",age:3},
    ],
    name:"李四"
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    console.log("监听页面显示")
    // 切后台再切回来会打印
  },

  mytap:function(res){
    console.log(res)
    var name=res.currentTarget.dataset.name

    this.setData({
      name:name
  })
},

p18 框架接口_事件与setData详解（选听）

看了这一节课，领悟了很多

p19 API_基础用法

        获取手机型号

        数据加载中 转的圆圈

        提交完成图标

p20 API_路由用法

        navigator不能跳转到tapBar

        用reLaunch可以传参数

        像是a标签 和 div里加事件都能跳转一样

p21 API_布局页面模拟数据请求

        图文下拉列表  css样式

p22 API_request网络请求

        一页一页的图文