从这篇文章你可以学到:
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
我们后续课程也会详细学习这里的每一个知识点
可以用markdown的编辑器来编辑一下,这样重点更突出呢。
好的
先码后观,发现社区新增的这个学习功能对我来说,还是不错的