一.基础 

; 1.json配置文件

JSON是一种常见的数据表达方式，在软件开发过程中，它通常以配置文件的形式被应用。这些配置文件根据需求，能够实现不同层级的配置设定。

小程序项目中有4种json配置文件：

（1）app.json

小程序的整体设置涵盖了所有页面的路径、窗口的样式、界面的展示效果以及底部的标签页等内容。

（2）..json

在接手项目并进行修改的过程中，务必首先在此文档内对AppID进行更新。

（3）.json

小程序内搜索，等效PC网页SEO；

一旦开发者开启微信的索引功能，微信便会以爬虫的方式，为小程序的页面内容构建索引。只有当用户输入的搜索关键词与页面的索引相吻合，小程序的页面才有可能在搜索结果中呈现。

请注意，索引提示功能是默认开启的，若需关闭此功能，请将..json文件中的相应设置为false。

（4）页面的.json

对当前页面窗口的样式进行设定，此设定将取代app.json文件中相应节点的配置内容。

2.项目结构

（1）pages*

提议将所有小程序的页面统一存放于“Pages”目录下，并分别设立独立的文件夹进行管理。

其中 ，每个页面由4部分组成；

创建小程序页面：

在app.json里 pages 处添加：

拍在第一位的页面当做项目首页进行渲染。

WXML：

这是一套由小程序框架所设计的标签性语言，其功能在于构建小程序的页面结构，其作用与网页开发中的HTML相似。

与HTML的区别： ①标签名称不同

②属性节点不同

③提供了类似于Vue中的模板语法。

WXSS:

与CSS区别：①新增了rpx尺寸单位。支持新的rpx。

②提供了全局的样式和局部样式。

（app.wxss全局 局部.wxss当前页面）

③ WXSS仅支持部分CSS选择器。

（2）utils

用来存放工具性质的模块。

（3）app.js*

js文件分为三大类，分别是

app.js

这是小程序项目的核心入口文件，它通过执行app()函数来启动整个小程序的运行。

页面的js文件

这是页面的初始文件，它通过执行Page函数来构建并启动页面。

普通的js文件

这类文件属于常规的功能模块，其主要作用在于封装共用的函数或属性，以便于页面进行调用。

（4）app.json*

（5）app.wxss

（6）..json

（7）.json

以上4部分见上文。

3.宿主环境

宿主环境是 程序运行所必须的依赖环境。

iOS与是两种不同的操作系统平台，因此，专为安卓系统设计的微信应用程序无法在iOS系统上运行。若软件脱离了其对应的宿主环境，那么它将失去存在的价值。

手机微信是小程序的宿主环境

（1）小程序宿主环境包含的内容

① 通信模型 ② 运行机制 ③ 组件 ④ API

通信模型

通信的主体是 渲染层 和 逻辑层：

WXML模板和WXSS样式工作在 渲染层

JS脚本工作在 逻辑层

渲染层和逻辑层 之间的通信 由微信客户端进行转发

逻辑层和第三方服务器的通信 由微信客户端进行转发

运行机制

小程序的启动过程

页面渲染的过程

组件

小程序中的组件是由 宿主环境 提供的。

总共涵盖了九个类别：包括视图容器、基础内容、表单元素、导航工具、媒体模块、地图应用组件、画布功能、开放性功能以及无障碍支持。