微信小程序开发目录,微信小程序如何开发目录?
微信小程序开发目录,微信小程序如何开发目录?微信小程序出现后,小程序的开发也成为很多人关注的问题,微信小程序开发目录也是很多人疑问的问题,今天小编就教大家微信小程序如何开发目录?
微信小程序开发目录提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。
微信小程序开发目录分析
学习一个框架,首先应该了解一下他的目录结构,小程序的目录接口如下图:
从demo中可以看到主要分为两部分
1、系统文件或者公用文件
文件必填作用
app.js是小程序逻辑,app启动首先会执行该文件内的部分方法
app.json是小程序公共设置,整个app的系统配置
app.wxss否小程序公共样式表,可以理解为前端中的base.css
2、页面文件(page文件夹)
文件类型必填作用
js是页面逻辑,可以理解为 php或java的controller,主要来处理业务逻辑
wxml是页面结构,可以理解为视图层 html
wxss否页面样式表,可以理解为css文件
json否页面配置,当前页面配置文件
下面分别来学习每个文件的具体用法及作用
app.js
小程序启动先回执行此文件中的方法,此文件为空,程序也可以正常执行,但通常不会这么做,一般用于执行App方法返回app对象。
App({
onLaunch: function () {
console.log('onLaunch')
},
onShow: function () {
console.log('onShow')
},
onHide: function () {
console.log('onHide')
},
other:function(){
}
})
代码中的几个方法,非常类似原生app开发中的生存周期函数,详细解释如下:
属*类型描述触发时机
onLaunchFunction生命周期函数--监听小程序初始化当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
onShowFunction生命周期函数--监听小程序显示当小程序启动,或从后台进入前台显示,会触发 onShow
onHideFunction生命周期函数--监听小程序隐藏当小程序从前台进入后台,会触发 onHide
其他Any开发者可以添加任意的函数或数据到 Object 参数中,用 this 可以访问
当程序启动时,首先会执行onLauch函数,启动成功后会执行onShow,当程序退出活动窗口,会执行onHide函数,程序再次切换到活动窗口会执行onShow。
注意:
App() 必须在 app.js 中注册,且不能注册多个。
不要在定义于 App() 内的函数中调用 getApp() ,使用 this 就可以拿到 app 实例。
不要在 onLaunch 的时候调用 getCurrentPage(),此时 page 还没有生成。
通过 getApp() 获取实例之后,不要私自调用生命周期函数。
以上就是小编整理的微信小程序开发目录,微信小程序如何开发目录的全部内容,希望对大家有所帮助,更多小程序码、小程序资讯请关注微小乔网站。
相关推荐:
关于摩拜单车小程序,摩拜单车小程序是什么?
微信小程序能做游戏吗?微信小程序有些什么游戏?
微信小程序应用号有哪些?微信小程序值得推荐的小程序应用号