微信小程序
限制大小2MB,大多数APP都应该配套一个小程序,软件成面的地面推广,用二维码,线下的情景交易
项目上线流程
本地开发:在微信web开发工具中预览和编辑
开发版:开发者可以真机测试
体验版:供开发者和体验者进行上线前的测试
提交审核:提交微信审核
线上版:微信审核完成后
团队开发职责划分
管理员:开发、测试、发布
开发者:开发、测试
体验者:测试权限
这三个文件是针对整个程序而言的逻辑,配置和样式
app.js:小程序的整体逻辑和公用的逻辑放在这里,
app.json:小程序的一些配置,
app.wxss:公用的样式
index文件夹负责单个页面的逻辑、配置和样式,index.js等等,index.wxml,首页结构的展示,小程序全局通用文件包含app.js,app.json,app.wxss,而小程序页面级别文件包含index.js,index.json,index.wxss,index.wxml
js文件:逻辑文件,逻辑层
json文件:配置文件,配置层
wxml文件:布局文件,视图层
wxss文件:样式文件,视图层
当全局和页面级别文件都有一个共同的样式的时候,优先页面级别样式
app.json
全局配置文件,详细配置信息到微信小程序网站学习
pages,设置页面路径,有先后顺序,在前面的首先显示
windows,设置默认页面的窗口表现,
tabBar 设置底部tab的表现
networkTimeout 设置网络超时时间,默认超时时间1分钟
debug,设置是否开启debug模式,开发的时候使用
在配置颜色的时候最好不要用red yellow这种单词格式,使用#ff0000格式可以让发布版本在手机上测试的时候不出现bug
index.json
每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖
逻辑层
增加 App 和 Page 方法,进行程序注册和页面注册。
增加 getApp 和 getCurrentPages 方法,分别用来获取 App 实例和当前页面栈。
提供丰富的 API,如微信用户数据,扫一扫,支付等微信特有能力。
提供模块化能力,每个页面有独立的作用域。
视图层
wxml:WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。
wxss:WXSS 用来决定 WXML 的组件应该怎么显示。