webApp须注意的地方:

1、由于苹果公司带头响应的移动浏览器双击缩放,所以click事件会有300ms延迟,对于webapp来讲这种体验很不好,

  解决办法:【meta中禁用缩放功能】:

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">

2、移动端点击事件出现背景框(对于mint-ui中的popui组件,点击蒙层关闭modal时,会先闪一下才关闭):

  解决办法:

*{
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -moz-tap-highlight-color:rgba(0, 0, 0, 0);
   -ms-tap-highlight-color:rgba(0, 0, 0, 0);
   -o-tap-highlight-color:rgba(0, 0, 0, 0);
   tap-highlight-color:rgba(0, 0, 0, 0);
}

3、移动端禁用长按出现复制、剪切等操作

*{
   -webkit-touch-callout:none;
   -webkit-user-select:none;
   -khtml-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   user-select:none;
}

  

时间: 2024-11-03 20:57:21

webApp须注意的地方:的相关文章

Linux下的crontab命令使用特别须注意的地方

1.如果命令中涉及到了年月日(如:date +%C%y%m%d),其中%必须进行转义,如下: date +\%C\%y\%m\%d 2.使用到的命令必须使用完整的路径: 0 7 * * * /home/yxf/transfile/bin/GetFile file1 file2

Spring+mybatis+struts框架整合的配置具体解释

学了非常久的spring+mybatis+struts.一直都是单个的用他们,或者是两两组合用过,今天总算整合到一起了,配置起来有点麻烦.可是配置完一次之后.就轻松多了,那么框架整合配置具体解释例如以下. 1.导入对应的jar包 由于我们建造的是maven的web项目,全部我们在pom.xml中须要导入这些包. pom.xml 具体凝视 <?xml version="1.0" encoding="UTF-8"?> <project xmlns=&q

atitit.薄伽梵歌overview&#160;&#160;attilax&#160;读后感

atitit.薄伽梵歌overview  attilax 读后感 1. 唯一一本记录神而不是神的代言人或者先知言论的经典 2 2. 篇章规模,字数3 3. 内容摘要3 4. 主要内容3 4.1.1. 第一章(在库如雪查战场上阅兵)3 4.1.2. 第二章(薄伽梵歌内容提要)3 4.1.3. 第三章(行业瑜珈)4 4.1.4. 第四章(超自然的知识)4 4.1.5. 第五章(有为瑜伽——卡摩瑜伽)4 4.1.6. 第六章(数论瑜伽)4 4.1.7. 第七章(对真理的认识)4 4.1.8. 第八章(

SpringMVC入门示例教程(一)

其实之前刚刚学习框架的时候就已经听说过SpringMVC了,那个时候还不知道SpringMVC是干嘛的,感觉作用应该类似于Spring啥的,然后工作当中也很少用到SpringMVC,当然,工作经验本身就蛮少,也就没怎么去了解SpringMVC了,这几天突然想了解一下SpringMVC,然后就是各种度娘了,貌似学习所有的框架技术基本上都是先从一个简单的demo示例开始,例如hello world,像之前了解过的SSH框架,SSI框架.jFinal框架等等,,至少我是这样的,先把一个简单的Demo框

SignalR 循序渐进(四) Hub的生命周期以及IoC

有阵子没更新这个系列了,最近太忙了.本篇带来的是Hub的生命周期以及IoC. 首先,Hub的生命周期,我们用一个Demo来看看: public class TestHub : Hub { public TestHub() { Console.WriteLine(Guid.NewGuid().ToString()); } public void Hello() { } } static HubConnection hubConnection; static IHubProxy hubProxy;

【webapp的优化整理】要做移动前端优化的朋友进来看看吧

单页or多页 本文仅代表个人观点,不足请见谅,欢迎赐教. webapp 小钗从事单页相关的开发一年有余,期间无比的推崇webapp的网站模式,也整理了很多移动开发的知识点,但是现在回过头来看,webapp究竟是好还是不好真是一言难尽哟! webapp使用JavaScript修改页面:紧接着再从服务器传递更多数据然后再修改页面,如此循环. 从性能的角度看,在现代浏览器中单页面Web App已经能够和普通native应用程序相媲美,而且几乎所有的操作系统都支持现代的浏览器. 所以,很多人认为weba

使用React重构百度新闻webapp前端

http://wangfupeng.coding.me/share/2016/08/06/restruct-bdnews-webapp-by-react.html 声明 本文仅仅是对前几个月使用React重构百度新闻webapp项目的一个总结和思考,不会泄露任何项目代码(文章中的代码都是fis3或其他开源产品的配置代码,fis3是百度开源产品),因此“伸手党”可绕行. 现在2016年8月,web前端技术这几年变化太快,因此一些信息的时效性非常重要,还是把时间写上比较好. 项目介绍 百度新闻的 w

总结XX网app中webapp常见的前端错误。

在2016年12月至2017年1月,这一个月的时间内,我参与了易政网app中webapp前端项目的工作,下面将我在此次项目中犯的错误总结起来,以防下次再犯. 注意点 一:复用 可复用的地方一定要复用,不然后期改样式会累死... 二:防止类名冲突 在写类名的时候最好加个前缀,不然在后期可能会有css文件合并,到时候有类名冲突就尴尬了... 三:外链导入 js和css文件最好用外链式导入,如果直接放在html中不好查看,(如果其中有的样式没有用到,jsp会报错). 四:跟标准 项目标准一定要统一好,

webapp优化

小钗从事单页相关的开发一年有余,期间无比的推崇webapp的网站模式,也整理了很多移动开发的知识点,但是现在回过头来看,webapp究竟是好还是不好真是一言难尽哟! webapp使用JavaScript修改页面:紧接着再从服务器传递更多数据然后再修改页面,如此循环. 从性能的角度看,在现代浏览器中单页面Web App已经能够和普通native应用程序相媲美,而且几乎所有的操作系统都支持现代的浏览器. 所以,很多人认为webapp是HTML5流行过程中最大的赢家,那么他有哪些特定呢? SPA(si