您的位置:首页 > 移动开发 > 微信开发

微信小程序学习笔记(一)

2018-06-27 16:41 405 查看

    微信小程序,在之前的一次比赛的备赛中曾学习过一段时间,后来因为投资方撤资,不了了之,但是还是收获了一点语法知识。现在再学习一遍,便有了更深的印象。

    从组成来看小程序整体由三大部分组成,分别为配置部分,逻辑部分,视图部分,配置部分就是json文件,逻辑部分就是js与wxs文件,视图部分由wxml与wxss来构成。

    从层次的角度来看,小程序可以分为两层的关系,分别为代表小程序整体的对象app,与小程序中每个页面的对象page。

工作原理:简单的来看,每个小程序被打开时,先将这个app下载到了本地上,然后读取了app.json文件中的配置信息,再按照js中的信息生成了app对象,接着按照app.json中的第一个页面路径打开一个新的页面。新的页面也是先加载了page.json这个配置文件,然后按照page.js中的信息生成了这个页面的对象。最后结合页面对象中的数据,json的配置信息,wxss的样式将page.wxml填充之后,用户就可以看到小程序的第一个页面。

    每个页面的数据集合都是一个对象,所以相对与每个页面,都有它在不同的情况下处理数据的对策,也就是生命周期函数,比如说onload()方法内对应的就是页面在加载时要进行的数据操作,onshow()就是页面被显示的时候,会进行的操作。

具体的见下表

属性类型描述
dataObject页面的初始数据
onLoadFunction生命周期函数--监听页面加载
onReadyFunction生命周期函数--监听页面初次渲染完成
onShowFunction生命周期函数--监听页面显示
onHideFunction生命周期函数--监听页面隐藏
onUnloadFunction生命周期函数--监听页面卸载
onPullDownRefreshFunction页面相关事件处理函数--监听用户下拉动作
onReachBottomFunction页面上拉触底事件的处理函数
onShareAppMessageFunction用户点击右上角转发
onPageScrollFunction页面滚动触发事件的处理函数
onTabItemTapFunction当前是 tab 页时,点击 tab 时触发
其他Any开发者可以添加任意的函数或数据到 object 参数中,在页面的函数中用 
this

除了这些所谓的生命周期函数,开发者还可以定义一些自己的变量或者方法来处理数据。

App.js中主要有这个app()方法

在app对象被创建时,就会调用这个方法,也可以理解为app()方法中的object对象即为app的对象。

page.js同上

在除app()与page()以外,可以调用getApp(),获取app对象的实例

也可以调用getCourrentPages()获取一个数组,数组内时所有页面栈内的页面对象。


阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: