小程序开发知识点
开发组成
页面结构:WXML
页面样式:WXSS
页面脚本:JS+WXS
开发准备
页面组成
app对象 -> page对象 -> component对象
#页面结构
app对象
app.js
非必须
作用:
- 监听app对象的生命周期
- 存储全局数据,类似vue中vuex
app.wxss
非必须
作用:
- 全局样式
app.json
必须,必须至少注册一个page
作用:
- 全局配置、2. 注册pages、3. window窗口,导航栏、4. tabbar选项卡
pages对象
page.js
作用:
- 监听page的生命周期、2. 页面逻辑、3. 页面数据
page.wxml
作用:1. 数据渲染、2. 页面结构、3. 事件绑定
page.wxss
作用:
- 页面样式
page.json
作用:
1.页面配置:component注册、导航栏、上/下拉刷新
component对象
复用性高的页面组件部分,和page大致相同
page.json
"component":true
配置
分类:
- 项目开发配置
简易设置:小程序开发软件->详情->本地配置
project.config.json
- 小程序收录配置
作用:sitemap功能,默认收录小程序的页面内容,用于微信搜索,增加曝光度,类似百度收录
sitemap 配置文档
sitemap.json
- 全局配置
作用:页面文件的路径,窗口设置,网络超时时间,tabbar选项设置
app.json
- 页面配置
可以覆盖全局配置