用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

微信小程序学习笔记《一》:页面的生命周期与参数传递

纸飞机 2018-3-8 09:37

作者:BillyJiang,来自原文地址页面的生命周期 页面跳转的数据传递1.了解页面的生命周期(利用quickstart项目) index.wxml 文章1 文章2 index.jsPage ...

作者:BillyJiang,来自

原文地址

页面的生命周期
页面跳转的数据传递

1.了解页面的生命周期(利用quickstart项目)
index.wxml

  1. class="container">
  2. class="usermotto">
  3. class="user-motto" >文章1
  4. class="usermotto">
  5. class="user-motto">文章2

index.js

  1. Page({
  2. data:{
  3. },
  4. onLoad:function(options){
  5. // 生命周期函数--监听页面加载
  6. console.log("index onLoad")
  7. },
  8. onReady:function(){
  9. // 生命周期函数--监听页面初次渲染完成
  10. console.log("index onReady")
  11. },
  12. onShow:function(){
  13. // 生命周期函数--监听页面显示
  14. console.log("index onShow")
  15. },
  16. onHide:function(){
  17. // 生命周期函数--监听页面隐藏
  18. console.log("index onHide")
  19. },
  20. onUnload:function(){
  21. // 生命周期函数--监听页面卸载
  22. console.log("index onUnload")
  23. },
  24. onPullDownRefresh: function() {
  25. // 页面相关事件处理函数--监听用户下拉动作
  26. String7
  27. },
  28. onReachBottom: function() {
  29. // 页面上拉触底事件的处理函数
  30. String8
  31. },
  32. onShareAppMessage: function() {
  33. // 用户点击右上角分享
  34. return {
  35. title: 'title', // 分享标题
  36. desc: 'desc', // 分享描述
  37. path: 'path' // 分享路径
  38. }
  39. }
  40. })

logs.js

  1. Page({
  2. data:{
  3. },
  4. onLoad:function(options){
  5. // 生命周期函数--监听页面加载
  6. console.log("log onLoad")
  7. },
  8. onReady:function(){
  9. // 生命周期函数--监听页面初次渲染完成
  10. console.log("log onReady")
  11. },
  12. onShow:function(){
  13. // 生命周期函数--监听页面显示
  14. console.log("log onShow")
  15. },
  16. onHide:function(){
  17. // 生命周期函数--监听页面隐藏
  18. console.log("log onHide")
  19. },
鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏