2 sinat 33751562 sinat_33751562 于 2016.02.03 12:26 提问

关于HTML5单页应用浏览器压力问题,来大神帮忙看一下啊!!!

做了一个webapp HTML5单页应用 但是用到了好多监听touch事件的代码,同时监听8个Dom会对浏览器产生很大的压力吗?

1个回答

u013129324
u013129324   2016.02.03 13:09

用代理机制啊,把这些DOM放在一个大容器里,监听这个容器的touch事件,用代码判断是里面哪个元素触发的,再执行相应操作

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
单页应用中刷新时保持登录
1,登录之后将用户信息存到 cookies 中 在页面每次加载时候 向后端校验 cookies 中的用户信息是否有效 如果失效 就将登录状态变为登出
大神帮忙看一下问题
public class LianXi3_3 { public static void main(String[] args){ Scanner input=new Scanner(System.in); int month; int choice; int price=5000; do{ System.out.println("请输入您出行的月份:1~12"); ...
HTML5 单页应用/框架 - View.js介绍
什么是单页应用 单页应用,是指将用户视觉上的多个页面在技术上使用一个载体来实现的应用。 换句话来讲,用户视觉效果,与技术实现的载体,并不是一定要一一对应的。采取哪种技术方案,取决于产品设计、技术组成以及方案之间的优劣平衡。 放到 Web 前端环境中,这个承载了多个视觉效果的载体,就是 html 文件(或 asp,jsp 等)。 为便于描述,本文将使用多个术语。其名称及对应的含义如下所示: ...
单页面应用的游览器返回键禁止问题
我们开发SPA应用时,会用到弹窗来提高用户体验。但是在微信等打开网页时会有一个默认返回按钮,当我们点击时会默认跳转URL,路由时没有问题但是在弹窗时就有问题了,我们只想关闭弹窗,其他都不变。这个应用场景是我们经常需要的。以下是解决方法。 ①在打开弹窗时添加一个空的历史状态。 ②监听popstate事件,在点击返回按钮时,判断是否有弹框存在,如果存在则关闭弹框(这里需要有个公共的弹框服务)。
单页应用(SPA)前端javascript如何阻止按下返回键页面回退
这几年单页应用很流行,利用html5新特性history.pushState/replaceState 可以操作URL无刷新动态加载html内容,达到比较好的用户体验。 不过经常会遇到这样一个问题,那就是用户总是习惯于按返回键来返回上一页,移动端页面有弹框的时候,用户期望按下返回键来关闭弹框,这时候却发现返回到了上一页。。。其中的技术原理我们前端同学都知道,不过用户不理解啊,你也没办法解释给他们
详解JavaScript操作URL的方法(单页应用常用)
详解JavaScript操作URL的方法(单页应用常用)JavaScript拥有许多可以操作浏览器历史记录的方法,不管是普通页面跳转,还是单页应用哈希值变化,我们都会经常与这些方法打交道,尤其在单页应用中这些方法几乎是页面路由的核心方法。本文将详细讨论这些方法。1.document.locationlocation是最有用的BOM对象之一,它提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功
单页面应用
什么是单页面应用? 单页Web应用(single page web application,SPA),就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序,是指在浏览器中运行的应用,它们在使用期间不会重新加载页面。像所有的应用一样,它旨在帮助用户完成任务,比如“编写文档”或者“管理Web服务器”。可以认为单页应用是一种从Web服务器加载
HTML5 history API,创造更好的浏览体验
HTML5 history API有什么用呢? 从Ajax翻页的问题说起 请想象你正在看一个视频下面的评论,在翻到十几页的时候,你发现一个写得稍长,但非常有趣的评论。正当你想要停下滚轮细看的时候,手残按到了F5。然后,页面刷新了,评论又回到了第一页,所以你又要重新翻一次。 再或者,你想把这个评论发给别人分享,一面给了别人页面地址(为什么不直接复制呢?因为要连带视频等场景啊),一面又要加一句嘱
单页应用跳转实现浅析-demo篇
单页应用跳转实现浅析demo篇
单页面但缓存和单页面多缓存
1、单页面单缓存 步骤:开启缓存($smarty->caching=true|$smarty->caching=2 设置lifetime生存时间)-->设置缓存目录($smarty->cache_dir='')--> 设置缓存文件的生存时间($smarty->cache_lifetime)-->利用display()或fetch()生成缓存文件 2、单页面多缓存 为了处理同样的显示界面,不