微信小程序开发——基础篇(app.js/app.json/app.wxss)
微信小程序开发——基础篇(app.js/app.json/app.wxss)本篇介绍app.js、app.json和app.wxss三个文件中定义的内容以及创建页面以及页面的组成。
微信开发者工具下载途径:(在其官方API中)
https://developers.weixin.qq.com ... tools/download.html
在app.js、app.json和app.wxss三个文件中定义的内容属于整个小程序的全局内容。
1. app.jsApp()函数用来注册一个小程序,接收object类型的参数,其中onLaunch()会在打开应用时执行。
App({//App实例化,整个小程序只有一个App实例,全部页面共享
onLaunch: function () {
//onLaunch小程序启动之后触发
},
onShow: function () {
//onShow小程序启动,或从后台进入前台显示时触发
},
onHide: function () {
//onHide小程序从前台进入后台时触发
},
onError: function () {
//onError小程序发生脚本错误或 API 调用报错时触发
},
onPageNotFound: function () {
//onPageNotFound小程序要打开的页面不存在时触发
},
onUnhandledRejection: function () {
//onUnhandledRejection小程序有未处理的 Promise 拒绝时触发
},
onThemeChange: function () {
//onThemeChange系统切换主题时触发
},
//可自定义天剑任意类型函数或变量,用this可访问,如:
names:'jack'
})
2. app.jsonapp.json是对整个小程序的全局配置。
我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口颜色,配置导航条样式,配置默认标题等等。
注:.json文件中不可以添加任何的注释,否则会报错。
3. app.wxss整个小程序的公共样式,此处定义的样式在所有界面都可以用。
4. 工具配置 project.config.jsonproject.config.json文件的作用:在对小程序进行的个性化配置,例如界面颜色、编译配置等的操作,都会保存在该配置文件中,当开发人员更换电脑或者重装开发工具时,直接载入该文件,就不用重新编写以上的个性化配置了。
5. 创建页面以及页面的组成创建的页面路径必须在app.json文件中注册。
页面由wxml、js、wxss、json四个文件组成,四个类型的文件名称必须相同。
[*]wxml:组成页面的结构。(必不可少的部分)
[*]js:页面初始化数据和页面逻辑。如点击事件。(必不可少的部分)
[*]wxss:该页面的页面样式,如果与app.wxss的样式冲突,则在该页面中优先选择文件中的样式定义。
[*]json:设置app.json中的window配置项的内容与该项配置内容冲突时,以该项内容优先。
页:
[1]