微信小程序-框架详解(1)
配置
-app.json文件对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、tab等
{
"pages": [ //决定页面文件的路径
"pages/index/index", //第一项配置为默认打开时显示的页面,不需要后缀名,因为其包含.js文件、.wxml文件、.wxss文件以及.json文件,
"pages/logs/logs"
],
"window": { //窗口默认的表现
"backgroundTextStyle": "light", //下拉背景字体、loading 图的样式,仅支持 dark/ligh,默认值为dark
"navigationBarBackgroundColor": "#fff", //导航栏背景颜色
"navigationBarTitleText": "导航栏文本", //导航栏显示的文本内容
"navigationBarTextStyle": "black" //导航栏标题颜色,仅支持 black/white,默认值white
},
"tabBar": { //设置tab栏,tabBar是一个数组,若是配置,最少2个,最多5个,tab按数组的顺序排序
"list": [
{
"pagePath": "pages/index/index",
"text": "首页"
},
{
"pagePath": "pages/logs/logs",
"text": "日志"
}
]
},
"networkTimeout": { //设置各自网络请求的超时时间单位为毫秒
"request": 10000,
"downloadFile": 10000
},
"debug": true //可以在开发者工具中开启debug模式
}
-每一个页面也可以使用.json文件来对本页面的窗口进行配置
--pages.json会覆盖app.json中window配置项中同的内容,若配置内容不相同,则不覆盖
--页面的.json只能设置window相关的配置项,以决定页面窗口的表现,因此不需写window这个键
{
"navigationBarBackgroundColor": "#f00",
"navigationBarTextStyle": "white",
"navigationBarTitleText": "具体页面导航栏演示",
"backgroundColor": "#eeeeee",
"backgroundTextStyle": "light"
}
逻辑
-小程序开发框架的逻辑层是由javascript编写
-逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈
--增加App和Page方法,进行程序和页面的注册
--增加getApp和getCurrentPages方法,分别用来获取App实例和当前页面栈
--每个页面有独立的作用域,并提供模块化能力
--框架并非运行在浏览器中,不存在DOM等,所以javascript在web中的一些功能不能使用
--开发者写的所有代码最终将会打包成一份javascript,并在小程序启动时运行,直到小程序销毁,类似serviceWorker,所以逻辑层也称之为App Service
微信小程序-框架详解(1)的更多相关文章
- 微信小程序组件——详解wx:if elif else的用法
背景 在学习微信小程序开发wxml页面时,需要使用if,else来判断组件是否进行展示,代码如下 <view wx:if="{{is_login==1}}">成功登录& ...
- 微信小程序开发详解——小程序,大颠覆!
微信小程序开发 联系 苏念 188.1414.7927 微信小程序系统开发 微信新功能开发 小程序开发 小程序怎么开发 app小程序开发 简化小程序开发 微信小程序定制 小程序制作 开发微信小程序 ...
- 微信小程序配置详解
在之前已经通过微信公众平台的官方网站https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html,注册好小程序并且登录成功后(这里主 ...
- 网页程序迁移至微信小程序web-view详解
小程序现在越来越流行,但是公司的很多项目都是用网页写的,小程序语法不兼容原生网页,使得旧有项目迁移至小程序代价很高: 小程序之前开放了webview功能,可以说是网页应用的一大福音了,但是微信的web ...
- 微信小程序-video详解
在小程序火热的今天,作为IT行业的一员,我也来凑了一下热闹,话不多说了,接下来看看视频上传,和跨页面获取值的相关案例吧!! 视频上传部分代码: 视频播放 随机颜色的产生: 颜色页面的选择:
- 【微信小程序】详解wx:if elif else的用法(搭配view、block)
1.搭配view <view wx:if="{{boolean==true}}"> <view class="bg_black">< ...
- 微信小程序框架探究和解析
何为框架 你对微信小程序的技术框架了解多少? 对wepy 框架进行一系列的深入了解 微信小程序框架解析和探究 小程序组件化框架WePY 在性能调优上做出的探究 开发者培训班上海专场PPT分享:小程序框 ...
- [转] 扩展微信小程序框架功能
通过第三方 JavaScript 库,扩展微信小程序框架功能. 扩展微信小程序框架功能(1)——Promise ES6 对 Promise 有了原生的支持,但微信开发者工具更新版本(0.11.1122 ...
- 微信小程序框架
框架 小程序开发框架的目标是通过尽可能简单.高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务. 框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的 ...
随机推荐
- Java异常处理示例
翻译人员: 铁锚 翻译日期: 2013年11月22日 原文链接: Java Exception Handling Example 本文中有两个示例, 第一个演示了所有调用其他方法的地方,都必须处理被调 ...
- 《java入门第一季》集合框架引入与面试题
注:在开始的几篇集合介绍里,不包含泛型的概念.泛型在讲述所有集合后再加入进去. 集合的由来: 我们学习的是面向对象语言,而面向对象语言对事物的描述是通过对象体现的,为了方便对多个对象进行操作,我 ...
- python 去掉 pyc
python 去掉 .pyc 在开发的机器上(Ubuntu),python自动生成的pyc文件太影响心情,把下面的语句添加到 /etc/profile中: # do not produce .pyc ...
- 广义线性模型 R--glm函数
R语言glm函数学习: [转载时请注明来源]:http://www.cnblogs.com/runner-ljt/ Ljt 作为一个初学者,水平有限,欢迎交流指正. glm函数介绍: glm(for ...
- React Native之携程Moles框架
因为支持用javascript开发原生应用,React Native一推出就受到不少公司热捧,各家都跃跃欲试.但有一个痛点是,在移动端,我们是否有必要开发多套程序:iOS.Android和H5?本次将 ...
- 移动App设计的十条建议
原文链接: 10 Key Design Tips for Great Mobile Apps 原文日期: 2014年03月24日 翻译日期: 2014年04月01日 使用Android和iOS编写一个 ...
- Windows Mobile和Wince(Windows Embedded CE)的字符集问题
背景 开发过Windows Mobile和Wince(Windows Embedded CE)的开发者,特别是Native C++开发者,或多或少都遇到过ANSI字符集和Unicode字符集的转换问题 ...
- LeetCode之“链表”:Reverse Nodes in k-Group
题目链接 题目要求: Given a linked list, reverse the nodes of a linked list k at a time and return its modifi ...
- 修改Tomcat访问的端口号
修改Tomcat端口号步骤: 1.找到Tomcat目录下的conf文件夹 2.进入conf文件夹里面找到server.xml文件 3.打开server.xml文件 4.在server.xml文件里面找 ...
- Debian系列软件管理(第二版)
Debian系列软件管理 1.搜索软件包信息 apt-cache search apt-cache search yum 2.查看软件包信息 apt-cache show rpm 3.安装软件 apt ...