微信小程序开发前言

在这里，将介绍开发小程序的前期准备，和开发框架的了解

本人博客：更多教程点这里

第一步 注册微信小程序账号：https://mp.weixin.qq.com/wxopen/waregister?action=step1

第二步 开发环境安装： https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=18081317

第三步 小程序开发架构的了解，将是本文的重点

目录结构

进入开发工具，可见如下图的目文件：

utils中的文件处理全局配置
pages下还有文件夹，每个文件夹对应一个页面，每个文件加下的文件管理对应的页面

• app.json: 是当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等
• project.config.json: 在工具上做的任何配置都会写入到这个文件，当你重新安装工具或者换电脑工作时，你只要载入同一个项目的代码包，开发 者工具就自动会帮你恢复到当时你开发项目时的个性化配置，其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。
• page.json: 可以独立定义每个页面的一些属性，例如顶部颜色、是否允许下拉刷新等等
• wxml：相当于web开发中的html文件，用来描叙页面的结构
• wxss: 相当于web开发中的css文件,兼容大部分css的特性
• Js: 负责用户交互,响应用户的点击、获取用户的位置等等

分层

• 逻辑层：逻辑层使用 JavaScript 引擎为小程序提供开发者 JavaScript 代码的运行环境以及微信小程序的特有功能。逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈。这一行为类似 ServiceWorker，所以逻辑层也称之为 App Service。
• 开发者写的所有代码最终将会打包成一份 JavaScript 文件，并在小程序启动的时候运行，直到小程序销毁。
  视图层：框架的视图层由 WXML 与 WXSS 编写，由组件来进行展示；将逻辑层的数据反应成视图，同时将视图层的事件发送给逻辑层。