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.逻辑层和第三方服务器之间通信:由微信客户端进行转发
小程序启动的过程
- 把小程序的代码包下载到本地
- 解析app.json全局配置文件
- 执行app.js小程序入口文件,调用APP() 创建小程序实例
- 需渲染小程序首页
- 小程序启动完成
小程序页面渲过程
- 加载解析json配置文件
- 加载页面的.wxml模版和.wxss样式
- 执行页面js文件,调用Page() 创建页面实例
- 页面渲染完成
小程序宿主环境分类
- 视图容器
- 基础内容
- 表单组件
- 导航组件
- 媒体组件
- map地图组件
- canvas画布组件
- 开放能力
- 无障碍访问