微信小程序入门篇(二).pdf

微信小程序入门篇（二） 页面的构成还记得我们在上篇文章中讲解如何加入一 个界面吗？在 app.json 中的 pages 加入要加的文件路径就 可以啦，文件路径可以随便起，系统会自动创建出来的，那 么我就接着之前的讲， 我们之前创建了一个页面叫 addPage ， addPage 里面包含四个文件 * addPage.js 、addPage.json 、 addPage.wxml 、addPage.wxss* 这四个对应的作用是什么呐？ addPage.js 页面数据的存储，网络请求的加载都是在这里 addPage.json 用于设置导航栏样式， 和 app.json 性质一样， 如果没设置样式， 默认用 app.json 中的样式 addPage.wxml 页面的效果都在这里面，就是展现给用户的界面 addPage.wxss 页面样式设计，页面的一些样式属性都写在 这里 页面的解析 addPage.js 解析 // pages/addPage/addPage.js Page({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数 --监听页面加载 */ onLoad: function (options) { console.debug(onLoad-- 监听页面加载 ); }, /** * 生命周期函数 --监听页面初次渲染完成 */ onReady: function () { console.debug(onReady-- 监听页面初次渲染完成 ); }, /** * 生命周期函数 --监听页面显示 */ onShow: function () { console.debug(onShow-- 监听页面显示 ); }, /** * 生命周期函数 --监听页面隐藏 */ onHide: function () { console.debug(onHide-- 监听页面隐藏 ); }, /** * 生命周期函数 --监听页面卸载 */ onUnload: function () { console.debug(onUnload-- 监听页面卸载 ); }, /** * 页面相关事件处理函数 --监听用户下拉动作 */ onPullDownRefresh: function () { console.debug(onPullDownRefresh-- 监听用户下拉动 作); }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { console.debug(onReachBottom-- 页面上拉触底事件 的处理函数 ); }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { console.debug(onShareAppMessage-- 用户点击右上 角分享 ); } })123456789101112131415161718192021222324252627 282930313233343536373839404