评论

视频教程,中级篇二:掌握一个微信小程序页面的开发内容

原文地址:https://mp.weixin.qq.com/s/xVhzJzvgk5xi3xCjO4yaxg

从这篇文章你可以学到:
1、微信小程序核心:页面的创建、编译、配置
2、如何使用data渲染数据,app使用全局变量、函数
3、页面的基本函数调用顺序,onLoad、onShow等
4、小程序预览、真机调试等

视频下载链接:
https://pan.baidu.com/s/10sxcb6CZH5PujrQKFNKrmg
提取码:ekgg

视频内容精要

一、微信小程序核心:页面的创建、编译、配置
微信小程序开发者基本的工作就是开发页面。
在创建页面的时候,先创建目录,再创建page,目录名称和page的名称最好是一致的,这样方便管理和阅读。
页面创建完成之后,会在app.json中的pages数组中添加这个页面的路径。普通编译,编译的是pages数组中的第一个页面,所以你可以调换位置实现默认编译。当然,也可以通过添加“编译模式”,来实现多个页面随时编译随时切换。

二、如何使用data渲染数据,app使用全局变量、函数
在上篇文章中讲解了data数据的渲染和使用:this.setData来实现。
app=getApp() ,获取的全局应用(app),不同页面共享一些值或者函数的时候,非常有用。
当然如果你现在还不是很了解这些函数或者使用,先不求甚解吧。知道或者记住就是这么做才可以实现页面的数据修改和展示,学完中级篇后续的内容,再回来看你就会明白了。

三、页面的基本函数调用顺序,onLoad、onShow等
页面默认创建的函数如下,可以通过文档先对它们有个简单的了解。
onLoad 生命周期函数–监听页面的加载
onShow 生命周期函数–监听页面显示
onReady 生命周期函数–监听页面初次渲染完成
onHide 生命周期函数–监听页面隐藏
onUnload 生命周期函数–监听页面卸载

四、页面的预览、真机调试等
简单介绍了如何通过手机预览小程序,你也可以尝试一下如何通过手机打开“调试模式”,看一下console.log的输出;
当然,通过真机调试看log是非常直观的,我们再开发过程中如果遇到bug,使用这个模式是非常高效的

关于页面的基本用法可以参考官方文档:
https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html
我们后续课程也会详细学习这里的每一个知识点

最后一次编辑于  03-01  
点赞 0
收藏
评论

2 个评论

  • 冰如
    冰如
    02-26

    可以用markdown的编辑器来编辑一下,这样重点更突出呢。

    02-26
    赞同 1
    回复 1
    • 祁聪
      祁聪
      02-26

      好的

      02-26
      回复
  • 烟雨海花 lwl
    烟雨海花 lwl
    03-01

    先码后观,发现社区新增的这个学习功能对我来说,还是不错的

    03-01
    赞同
    回复