未加星标

变脸式应用 : 进入与退出应用

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二05 | 时间 2017 | 作者 红领巾 ] 0人收藏点击收藏

进入应用后,框架会自动设置一些全局变量,如g_args, g_data等。

问:如何在H5应用中获取URL参数?

全局变量g_args保存了H5应用的URL参数。 例如URL为 http://myserver/myproject/index.html?orderId=10&dscr=上门洗车 ,则该对象有以下值:

g_args.orderId=10; // 注意:如果参数是个数值,则自动转为数值类型,不再是字符串。 g_args.dscr="上门洗车"; // 对字符串会自动进行URL解码。

要删除一项值,可以用 delete g_args.orderId .

问:全局数据存放到哪里有规范吗?

全局数据建议都放在变量g_data中,而不是到处创建全局变量,这样查看这个变量就可以了解H5应用状态。 框架也会设置一些全局数据进去(例如userInfo保存登录后的返回数据等)。另外,如果是逻辑页之间传递信息,不要用全局变量,应使用逻辑页接口,后面章节将介绍。

对于全局配置信息,一般统一存到名为g_cfg的全局变量中。

查看H5应用JS文件index.js,有它们的声明,比如:

var g_data = { userInfo : null, // {id, name, uname=phone} }; var g_cfg = { WAIT: 3000, // 3s }; 入口页 [任务]

在地址栏直接输入 http://server/app/#hello ,会发现它会跳转到首页,我们希望可直接进入前面我们制作的hello页面。

打开示例H5应用客户端 index.html 对应的逻辑文件即 index.js ,会发现一开始有如下设置:

$.extend(MUI.options, { appName: "user", homePage: "#home", pageFolder: "page", }); MUI.validateEntry([ "#home", "#me", "#order" ]);

第一句是设置一些框架的选项 MUI.options ,注意框架提供的功能多以MUI开头。 这里设置了H5应用内部名称为"uesr"(表示客户端,以后若有员工端等应用可区分开),首页名称是"#home",逻辑页目录为"page",也即首页实际文件为"page/home.html".

第二句用 MUI.validateEntry 指定允许的入口逻辑页,如果不是从这些逻辑页进入应用,则自动跳转到首页。 如果注释掉这句,则是允许从任意逻辑页进入应用。

要想直接输入URL就能进入hello页,只要将它暴露成入口页即可,把它加到入口页列表中来:

MUI.validateEntry([ "#home", "#me", "#order", "#hello" ]);

注意我们现在制作的是H5应用,不是单纯用于静态展示的网页,很多状态信息(比如已登录的信息)存储在全局变量之中。 如果允许任意逻辑页进入应用,很可能因状态错误而显示出错。 每个入口页都是个对外的接口,可通过URL直接访问,如无必要,尽量不要开放。

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

主题: 数据变量删除
分页:12
转载请注明
本文标题:变脸式应用 : 进入与退出应用
本站链接:http://www.codesec.net/view/533584.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(55)