结构 <form action=‘#’> <input type='search' /> <button>搜索</button> </form> 在这种情况下即使给button加上事件,按enter键也会执行点击事件中的代码(pc-移动web皆可以)。(action需为javascript:; 并且 ...
分类:
其他好文 时间:
2018-02-09 15:00:57
阅读次数:
150
后台准备模板对象vartempaltePoint=_.template($(‘#templata_point‘).html());传入数据varabc={model:data};varpointHtml=tempaltePoint(abc);传入数据后,这时候已经将模板解析成HTML字符,最后添加到页面结构中$(‘.carousel-indicators‘).htm
分类:
移动开发 时间:
2018-02-07 17:00:41
阅读次数:
204
微金所一、媒体查询在响应式开发中使用媒体查询中的screen查询浏览器的宽度来定义不同宽度区间的样式和布局。代码:@mediascreenand(min-width:768px){}@mediascreenand(min-width:992px){}@mediascreenand(min-width:1200px){}或者@media(max-width:767px){}@media(min-wi
分类:
移动开发 时间:
2018-02-06 16:37:53
阅读次数:
200
一、响应式开发1、响应式布局,就是一个网站能够兼容多个终端。2、响应式开发的原理CSS3中的MediaQuery(媒介查询,and之后一定要加空格@mediascreenand(min-width:768px)and(max-width:992px){};通过查询screen的宽度来指定某个宽度区间的网页布局。超小屏幕(移动设备)768px以下小屏设备768px-992px中等屏幕992px-12
分类:
移动开发 时间:
2018-02-05 10:34:02
阅读次数:
182
长按press事件会导致浏览器弹出菜单: 方法一: 苹果禁止: 安卓的不行。禁止弹出只能用js来控制: 方法二: 将<a>标签换成其他的标签,如<button>,<div>,<p>。然后绑定touchstart,click事件js跳转。 如果想要禁止文本被选中,可以加上css ...
分类:
移动开发 时间:
2018-02-02 14:30:40
阅读次数:
1957
一、Touch事件touchstart:当手指触碰到屏幕的时候触发绑定事件的方法:dom.addEventListener("touchstart",function(e){});事件返回的e对象包含那些移动端特有的属性:targetTouches目标元素的所有当前触摸changedTouches页面上最新更改的所有触摸touches页面上的所有触摸touchmove:当手指在
分类:
移动开发 时间:
2018-02-02 11:48:24
阅读次数:
200
原文:ASP.NET没有魔法——ASP.NET MVC使用Oauth2.0实现身份验证 随着软件的不断发展,出现了更多的身份验证使用场景,除了典型的服务器与客户端之间的身份验证外还有,如服务与服务之间的(如微服务架构)、服务器与多种客户端的(如PC、移动、Web等),甚至还有需要以服务的形式开放给第... ...
分类:
Web程序 时间:
2018-01-24 19:57:55
阅读次数:
237
1、移动web页面上click事件响应有300ms延迟 原因:移动设备访问的web页面都是PC上的页面。在默认viewport(980px)的页面往往需要“双击”或“捏开”放大页面。而正是为了确认用户是“双击”还是“单击”。 safari 需要300ms 的延迟来判断。而后来的iphone,andr ...
分类:
移动开发 时间:
2018-01-21 13:53:06
阅读次数:
185
情况是帮朋友调试Webapp,在Android下显示正常,用iphone查看时输入文本框发现输入的文字都空白,加入背景上仍然看不到文字。代码如下:<divclass="phone"><inputtype="number"value=""placeholder="请输入验证码"></div&
分类:
移动开发 时间:
2018-01-18 18:00:01
阅读次数:
1101
基本介绍 1、bootstrap有轮播图的模板,我们只需要改动下就行。 2、这里我们将介绍桌面版本和移动版本最后是综合版本 桌面版本 1、这里的图片设置是有窍门的,不再去添加img标签,而是作为a标签的背景图片 2、背景图片的设置必须是两边很长,中间是内容,设置cover,居中 移动版本 1、移动版 ...
分类:
移动开发 时间:
2018-01-16 18:36:29
阅读次数:
378