小程序的文件配置
小程序的四种文件类型:
- .json 后缀的 JSON 配置文件
- .wxml 后缀的 WXML 模板文件
- .wxss 后缀的 WXSS 样式文件
- .js 后缀的 JS 脚本逻辑文件
pages
代表微信小程序的页面,该文件是防止一个一个小程序页面。
pages: 小程序内的某一个页面(某一个组件)的交互,模板结构和模板样式分别放在不同的文件中。
JS文件:用来放置组件的交互类型代码比如:网络请求、数据渲染、事件回调。
**wxml文件:**用来放置组件对应的模板结构。
注意:小程序属于微信官方封装的组件。因此微信小程序内不能直接使用html标签,只能使用微信小程序官方封装的组件。因此该文件称为wxml。
wxss文件:用来放置组件当中的css样式,但是该样式继承了css样式的内容也加入了微信官方特有的属性。也属于微信官方所有,因此文件成为wxss。
json文件:用来设置组件偏好设置,比如设置页面组件的导航设置,或者配置自定义组件的路径。
utils
微信小程序的内置测试单元,不需要我们操作。
app
代表小程序的入口,该入口存在js、json、wxss三部分。js程序的入口交互代码,用来初始化时获取一些小程序的初始信息。json用来封装对小程序的全局的偏好设置。但是注意全局设置的优先级低于页面设置。wxss用来对小程序进行样式的全局设置。注意:wxss的优先级也低于页面设置。
- app.js 微信小程序JS交互的入口文件,该文件中通常用来进行全局数据的设置,或者提前获取一些固定组件的信息,比如气泡的高度
- app.json 该文件是小程序的全局配置文件,用来进行小程序的全局配置,比如说配置小程序的导航条、页面路径、TabBar、全局组件等路径。
- app.wxss 等价于H5的css文件,用来设置小程序的全局样式
project.config.json
项目配置 一般不需要操作
sitemap.json
储存项目的基本信息,一般也不需要操作。
小程序的全局配置
enterPagePath :用来配置小程序默认加载的首页路径。
window:用来配置窗口的特性(比如导航条文字,颜色,背景颜色,下拉刷新等)。
tab:用来配置小程序 tabBar 。
netwworkTimeout 用来配置超时时间(网络请求,文件上传,文件下载等)。
pages用来配置小程序所有的页面路径
小白的第一天学习总结!!