本文详细介绍了微信小程序的开发基础知识，包括项目结构、页面组成、JSON配置文件的作用和类型，如app.json、project.config.json、sitemap.json等。此外，还讲解了WXML和WXSS的区别，以及JS文件在小程序中的角色。
欢迎来到博主 Apeiron 的博客，祝您旅程愉快 ！ 时止则止，时行则行。动静不失其时，其道光明。
目录
1、缘起
清晰地了解小程序代码的构成，在小程序开发的过程中就有了自顶向下的全局视野，知道这些文件在小程序中起着什么样的作用，存储着哪些文件，开发起来也会得心应手。
2、了解项目的基本组成结构
① pages 用来存放小程序里面的所有页面路径 ，即小程序中的每一个页面都必须在 pages 下登记一下，其文件名不需要写文件后缀，框架会自动取寻找对应位置的 .json、.js、.wxml，.wxss 四个文件进行处理。
② utils 用来存放工具性质的模块（例如：格式化时间的自定义模块）
③ app.js 小程序项目的入口文件 （首先被执行的文件）
④ app.json 小程序项目的全局配置文件（通过 app.json 可以对小程序例的页面和窗口等这些选项进行全局性的配置，例如：小程序首页、界面表现、网络超时时间、底部 tab、......等配置）
⑤ app.wxss 小程序项目的全局样式文件 ，在这里配置的样式会全局生效，会应用到每一个页面。小程序中，.wxss 文件中不支持使用本地路径的资源，比如背景图片是不允许使用本地图片路径的，必须使用网络路径（https:// 或 http// 开头）或者转换成 base64 编码。
⑥ project.config.json 小程序项目的配置文件
⑦ sitemap.json 小程序搜索优化
⑧ project.private.config.json 项目的私有配置文件（用于存储私密信息和开发者的个性化配置）
3、小程序页面的组成部分
小程序官方建议把所有小程序的页面，都存放在 pages 目录 中，以 单独的文件夹 存在，如图所示：
其中，每个页面是以单独的文件夹形式存在，每个页面有 4 个基本文件组成，它们分别是：
① .js 文件（页面的脚本文件，存放页面的数据，事件处理函数等，主要实现业务逻辑）
② .json 文件（当前页面的配置文件，配置窗口的外观，表现等）
③ .wxml 文件（页面的模版结构文件，在里面写标签来定义页面上的 UI 结构）
④ .wxss 文件（当前页面的样式表文件）
最低0.47元/天 解锁文章
扫一扫
2486
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
