小程序2017.11.29笔记
来源:互联网 发布:搜狗五笔for mac下载 编辑:程序博客网 时间:2024/05/18 03:34
一、小程序架构
每个小程序都是由两个主要部分构成:主体部分+各个页面
类似许多框架,主体部分主要用于核心的配置,各个页面主要用于不同业务场景。
1.1 主体部分主要由3个文件构成
1.app.js :小程序逻辑,初始化app
2.app.json: 小程序配置,比如导航、窗口、页面http请求跳转等
3.app.wxss:公共样式配置
主体配置完就是对应的业务开发了,也就是开发者最常操作的页面。小程序页面设计基本上也是遵循MVC结构进行构建
1.2 页面由4个文件组成
1)js:页面逻辑。相当于控制层(C);包括部分的数据(M)
2)wxml:页面结构展示,相当于视图层(V)
3)wxss:页面样式表,纯前端,用与辅助wxml展示
4)json:页面配置,配置一些页面展示的数据,充当部分的模型(M)
二、配置 app.json
简单的介绍核心架构配置
app.json
全局配置页面文件的路径、窗口表现、设置网络超时时间、设置多tab等
有pages:接受一个数组。每一项都是字符串,来指定小程序由哪些页面组成
windows:设置小程序的状态栏、导航条、标题、窗口背景颜色。
tabBar:通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。
tabBar 配置数组,只能配置最少2个、最多5个 tab,tab 按数组的顺序排序。
networkTimeout:可以设置各种网络请求的超时时间。
debug:true/false
可以在开发者工具中开启 debug 模式,在开发者工具的控制台面板,调试信息以 info 的形式给出,其信息有Page的注册,页面路由,数据更新,事件触发 。 可以帮助开发者快速定位一些常见的问题。
page.json
每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。 页面的配置比app.json全局配置简单得多,只是设置 app.json 中的 window 配置项的内容,页面中配置项会覆盖 app.json 的 window 中相同的配置项。
- 小程序2017.11.29笔记
- 微信小程序小笔记
- 笔记:QT小程序
- 小程序笔记
- 小程序学习笔记
- 笔记-程序调试小笔记
- 新手笔记,小程序一
- android小程序整理笔记
- 复制字符串小程序笔记
- JAVA笔记 关于IP的小程序
- VC++6.0 调试程序学习小笔记
- 【C++ 学习笔记小程序01】 输入输出
- 程序猿的C++小笔记
- 笔记10:时时屏幕抓取小程序
- 小程序学习笔记之一(框架结构)
- 小程序学习笔记(一)
- 小程序学习笔记(二)
- 小程序学习笔记(三)
- 随心love博客第一天
- 黑苹果安装总结
- 进程间通信方式2
- 栈的合法输出序列
- 异步回调发送请求
- 小程序2017.11.29笔记
- java 观察者模式
- 使用Spring AOP结合自定义Java注解实现动态数据源设置
- 入门到放弃node系列之微信公众号开发实战一(Express篇)
- Target Sum
- vuex新手教程(完整版整理)
- Oracle 设置表空间自增长
- 详解nohup和& 区别
- CGLIB