JSON
app.json
- 当前小程序的全局配置,包括小程序的所有页面路径、窗口外观、界面表现、底部tab等等
pages:用来记录当前小程序所有页面的路径
window:全局定义小程序所有页面的布局颜色、文字颜色等等
style:全局定义小程序组件所使用的样式本版
sitemapLocation:用来指明sitemap.json的位置
project.config.json
- 项目的配置文件,用来记录我们对小程序开发工具所做的个性化配置,如:
setting:保存了编译相关的配置
projectname:保存的是项目名称
appid:保存的是小程序的账号ID
sitemap.json
- 微信开发小程序内搜索,效果类似于PC网页的SEO,sitemap.json文件用来配置小程序页面是否允许被微信索引。
- 当开发者允许微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。当用户的搜索关键字和页面的索引匹配成功的时候,小程序的页面将可能展示在搜索结果中。
页面私有.json
- 小程序中的每一个页面,可以使用.json文件来对本页面的窗口外观进行配置,页面中的配置项会覆盖app.json的window中系统的配置
WXML和HTML的区别
标签名称不同
HTML (div,span,img,a)
WXML (view,text,image,navigator)
属性节点不同
<a href='#'>超链接</a>
<navigator url=''></navigator>
提供类似Vue中的模板语法
数据绑定、列表渲染、条件渲染
wxss和css的区别
1. 新增rpx尺寸单位,在不同大小的屏幕上小程序会自动进行换算
2. 通过了全局的样式和局部的样式
3. wxss仅支持部分css选择器
.js
1. app.js
整个小程序项目的入口文件,通过App()函数来启动整个小程序
2. 页面的.js
页面的入口文件,通过调用Page()函数来创建并运行页面
3. 普通的.js
普通的功能模块文件,用来封装公共的函数或属性供页面使用
组件
[ 参考文档 ]
API
- [ 参考文档 ]
- 事件监听api
- 特点:以on开头,用来监听某些事件的触发
- 举例:wx.onWindowResize((result) => {}) 监听窗口尺寸变化的事件
- 同步api
- 特点1:以Sync结尾的api都是同步api
- 特点2:同步api的执行结果,可以通过函数返回值直接获取,如果执行错误会抛出异常
- 举例: wx.setStorageSync('key', data) 向本地存储中写入内容
- 异步api
- 特点:类似于jQuery中的$.ajax(options)函数,需要通过success、fail、complete接收调用结果
- 举例:wx.request()发起网络数据请求,通过success回调函数接收数据
协同工作和发布
- ....