<ol>
小程序的基本目录结构与文件作用剖析
- 小程序框架系统分为两部分:
- 逻辑层(App Service)
- 视图层(View)
- 小程序框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原⽣ APP 体验的服务。
- 小程序框架提供了自己的视图层描述语言
WXML
和WXSS
,以及JavaScript
,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑。
小程序文件结构和传统 web 对比
传统 web | 微信小程序 | |
---|---|---|
项目骨架、结构 | HTML | WXML |
页面样式 | CSS | WXSS |
项目逻辑 | Javascript | Javascript |
配置 | 无 | JSON |
- 通过以上对比得出传统 web 是三层结构.而微信小程序是四层结构,多了一层配置.json
- 当这几个文件在同一级目录下且命名相同(后缀不同),可以互相引用却不用导入
项目目录解释
- 项目目录解释
- 1 个 page 由四个配置文件组成
- 以 app 开头的文件是应用程序级别的文件,更改一处全局生效。
- 页面 pages 的配置优先级高于全局配置(就近原则)
- 小程序是允许修改文件目录名
小程序配置文件
- 全局的 app.json
- 页面自己的 page.json
调试
- console.log(‘logs 的值是:’+logs)
- 断点调试
转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达,可以邮件至 963614756@qq.com。