美文网首页
微信小程序开发

微信小程序开发

作者: beed0c3eb989 | 来源:发表于2017-06-28 15:20 被阅读0次

1.基础:

html,css,Javascript (wxml, wxss, javascript)


2.框架:
①逻辑层:

逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈。

App():用来注册一个小程序。接受一个 object 参数,其指定小程序的生命周期函数等。

object参数说明:

|属性|类型|描述|触发时机|
|:---:|:-----:|:------:|:------:|
|onLaunch|Function|生命周期函数--监听小程序初始化|当小程序初始化完成时,会触发 onLaunch(全局只触发一次)|
|onShow|Function|生命周期函数--监听小程序显示|当小程序启动,或从后台进入前台显示,会触发 onShow|
|onHide| Function |生命周期函数--监听小程序隐藏|当小程序从前台进入后台,会触发 onHide|
|onError|Function|错误监听函数| 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息|
|其他|Any||开发者可以添加任意的函数或数据到 Object 参数中,用 this 可以访问|

Page():用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。

object 参数说明:

|属性|类型|描述|
|:---:|:---:|:---:|
|data|Object|页面的初始数据|
|onLoad|Function|监听页面加载|
|onReady|Function|监听页面初次渲染完成|
|onShow|Function|监听页面显示|
|onHide| Function|监听页面隐藏|
|onUnload|Function|监听页面卸载|
|onPullDownRefresh|Function|页面相关事件处理函数--监听用户下拉动作|
|onReachBottom|Function|页面上拉触底事件的处理函数|
|onShareAppMessage|Function|用户点击右上角转发|
|其他|Any|开发者可以添加任意的函数或数据到 object 参数中,在页面的函数中用 this 可以访问|

②视图层:

视图层由 WXML 与 WXSS 编写,由组件来进行展示。
将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。
WXML(WeiXin Markup language)用于描述页面的结构。
WXSS(WeiXin Style Sheet)用于描述页面的样式。
组件(Component)是视图的基本组成单元。

视图层事件:

|touchstart |手指触摸动作开始|
|:---:|:---:|
|touchmove |手指触摸后移动|
|touchcancel| 手指触摸动作被打断,如来电提醒,弹窗|
|touchend |手指触摸动作结束|
|tap| 手指触摸后马上离开|
|longtap |手指触摸后,超过350ms再离开|

3.组件

map组件:

|属性名|类型|说明|
|:------:|:-----:|:------:|
|longitude|Number|中心经度|
|latitude|Number|中心纬度|
|scale|Number|缩放级别|
|markers|Array|标记点|

|polyline|Array|路线|
|controls|Array|控件|
|show-location|Boolean|现时带有方向的当前定位点|

相关文章

网友评论

      本文标题:微信小程序开发

      本文链接:https://www.haomeiwen.com/subject/cdyqcxtx.html