虽然文档上讲的很详细,但个人决定还是把文档整体的总结一下,也就是自己看的东西,原来以为小程序用的是html5,看了文档之后,觉得很像ReactNative开发,用的应该是mvvm结构。所以有了一下内容。希望对看到的码友们有帮助。
小程序中最主要的三个文件:
.js后缀的文件---------脚本文件-------逻辑层
.json后缀的文件------配置文件-------设置
.wxss后缀的文件------样式文件-------视图层
小程序的文件结构:
images文件中是小程序所有的图片
pages文件中是小程序所有的页面信息
utils文件中是小程序用到的公交
app.js、app.json、app.wxss为小程序的配置文件
一、配置文件的位置
1.app.js文件
a.监听并处理小程序的生命周期函数
b.声明全局变量
c.调用API,如数据的存储
API文档地址: (https://mp.weixin.qq.com/debug/wxadoc/dev/api/?t=1476197480996)
2.app.json文件
a.配置小程序的页面
b.配置小程序的窗口背景色
c.配置导航条
d.配置默认标题
......
配置列表:
配置详解地址:
(https://mp.weixin.qq.com/debug/wxadoc/dev/api/?t=1476197480996)
注意:不能有任何注释
3.app.wxss公共样式表
在页面组件class属性直接调用