微信小程序开发：1.微信开发者工具应用

app.json文件作用

pages

记录所有的页面路经

window

全局定义小程序样式

style

v2代表使用全新样式

sitemapLocation

指名sitemap.json存放路经

Project.config.json

是项目配置文件，用来记录我们对小程序个性化配置

• setting保存了编辑相关配置
• projectname中保存的是项目名称
• appid中保存的是小程序账号ID

sitemap.json

微信开放了小程序内搜索，类似于PC网页的SEO操作

每个页面中json作用

小程序中的每个页面，可以使用.json文件来对本页的窗口外观进行配置，页面中的配置项会覆盖app.json的window中相同的配置项

创建一个页面

直接可以在app.json文件中，写入页面目录路经，微信开发者工具就可以新建页面

修改项目首页

只需要调整app.json->pages数组中页面路径的前后顺序，即可修改项目的首页，小程序会把排在第一位的页面，当作项目首页进行渲染

什么是WXML

WXML是小程序设置的一种标签语言，类似于HTML

WXSS

类似于css，wxss可以使用rpx进行效果定义，app.wxss可以支持全局样式，wxss支持部分选择器，.clss and #id element ::after and ::before等伪类选择器

js文件

js文件可以进行小程序交互

• app.js
  • 是整个项目的入口文件，用于启动小程序
• 页面js文件控制当前页面文件
• 普通js文件
  • 用来控制一些工具类，比如放在utils文件夹

小程序宿主环境

通信主体

• 渲染层

小程序中通信的主体是渲染层和逻辑层，其中wxml模版

小程序通信模型

小程序通信模型分两个部分：
1.渲染层和逻辑层之间通信：微信客户端进行转发
2.逻辑层和第三方服务器之间通信：由微信客户端进行转发

小程序启动的过程

1. 把小程序的代码包下载到本地
2. 解析app.json全局配置文件
3. 执行app.js小程序入口文件，调用APP() 创建小程序实例
4. 需渲染小程序首页
5. 小程序启动完成

小程序页面渲过程

1. 加载解析json配置文件
2. 加载页面的.wxml模版和.wxss样式
3. 执行页面js文件，调用Page() 创建页面实例
4. 页面渲染完成

小程序宿主环境分类

1. 视图容器
2. 基础内容
3. 表单组件
4. 导航组件
5. 媒体组件
6. map地图组件
7. canvas画布组件
8. 开放能力
9. 无障碍访问