小程序开发周期函数(QQ小程序开发与QQ小程序介绍)
:
几个小程序关键文件的应用
1.app,也就是小程序代码的剧本。用非常专业的语言来说,这个文件的主要功能是监控和处理小程序的生命周期函数和全局变量的声明。框架提供的丰富API可以通过它调用。
2.appon,这是小程序的全局配置文件。这个文件的主要功能决定了徽章页面的组成。窗口背景颜色可以由它配置,导航栏样式和默认标题也可以由它配置。此文件不允许添加任何注释。
3.app.wxss,这是整体的公共样式表微信小程序。其功能是实现类似于。CSS通过直接使用app.wxss中声明的样式规则!
4.创建基础页面是小程序制作的一个主要环节。
微信小程序目录结构介绍
1,app.js文件。app.js文件用于定义全局数据和函数的使用。它可以指定微信小程序的生命周期函数。生命周期函数可以理解为微信小程序自定义函数,如onlaunch(监控小程序初始化)、onshow(监控小程序显示)、onhide(监控小程序隐藏)等。在不同的app.js中也可以定义一些全局函数和数据,其他页面引用app.js文件后可以直接使用全局函数和数据。
2.app.json文件。app.json是当前全局配置小程序,包括所有页面路径小程序,性能界面,网络超时,底部tab等。在这个文件中,我们可以配置小程序由哪些页面组成,小程序的窗口和背景颜色,导航栏样式和默认标题。请注意,不能向该文件添加任何注释。
3.app.wxss文件,app.wxss: global界面美化代码,没必要。它的优先级也没有wxss在框架中的优先级高。比如在index.wxss中,就有头像外边距的设置。
:
实例目录结构
1.app.js是小程序代码(必选)的脚本,可以在这个文件中进行监控和处理小程序的生命周期函数,全局变量的声明,框架提供的丰富API的调用。
2.app.json是整体的全局配置小程序(必选)。用于微信小程序全局配置,确定页面文件路径,窗口性能,设置网络超时,设置多个选项卡等。接受一个数组,每一项都是一个字符串,指定哪些页面小程序是由。微信小程序中每个页面的【路径页面名称】需要用app.json的pages来写,pages中的第一页就是小程序的首页。
3.app.wxss是整体的公共样式表小程序(非必需)。
4.index.js是页面的脚本文件(必选)。在这个文件中,我们可以监控和处理页面的生命周期函数,获取小程序实例,声明和处理数据,响应页面交互事件等。
5.index.wxml是一个页面结构文件(必需)。
6.index.wxss是一个页面样式表文件(不需要)。当有页面样式表时,页面样式表中的样式规则会叠加app.wxss中的样式规则如果不指定页面的样式表,也可以在页面的结构文件中直接使用app.wxss中指定的样式规则。
7.编辑配置完成后,点击真机进行调试。