微信小程序基础知识

一.基础

1.json配置文件

 

json是一种数据格式，在实际开发中，json总是以配置文件的形式出现。不同的json配置文件，可以进行不同级别的配置。

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

 

（1）app.json

小程序的全局配置，包括了小程序的 所有页面路径、窗口外观、界面表现、底部tab 等。

（2）project.config.json

注意事项：拿到项目需要修改的时候，第一时间在此文件下修改AppID。

 

（3）sitemap.json

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

当开发者允许微信索引的时候，微信会通过爬虫的形式，为小程序的页面内容建立索引。当用户的搜索关键字和页面的索引匹配成功的时候，小程序的页面将可能展示在搜索结果中。

注意事项：sitemap的索引提示是默认开启的，要关闭需要将project.config.json中setting的checkSiteMap为false；

（4）页面的.json

对本页面的窗口外观进行配置，页面中的配置会覆盖app.json的window节点的相同配置。

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）project.config.json

（7）sitemap.json

以上4部分见上文。

3.宿主环境

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

IOS和Android是俩个不同的宿主环境，安卓版的微信APP不可在iOS下运行，脱离了宿主环境的软件是无意义的。

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

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

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

通信模型

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

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

JS脚本工作在 逻辑层

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

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

运行机制

小程序的启动过程

 

页面渲染的过程

 

组件

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

一共分为9类：视图容器、基础内容、表单组件、导航组件、媒体组件、map地图组件、canvas画布组件、开放能力、无障碍访问。