<meta name="format-detection" content="telephone=no"> <meta http-equiv="x-rim-auto-match" content="none">…

本篇博客算是一个开头,接下来会持续更新使用Swift3.0开发服务端相关的博客.当然,我们使用目前使用Swift开发服务端较为成熟的框架Perfect来实现.Perfect框架是加拿大一个创业团队开发的,目前是Perfect2.0版本,关于Perfect框架,下方会详细的介绍.本篇博客会演示一个完整的Demo, 该Demo完全由Swift3.0开发,其中包括服务端和iOS客户端,数据库采用的是MySQL. 进一步说,本篇博客将会演示一个使用Swift3.0开发的记事本,当然该记事本的服务端和iO…

转载自:http://www.niutifa.com/?p=561 移动端IOS和androi及浏览器js判断: <script type="text/javascript">     var browser={         versions:function(){             var u = navigator.userAgent, app = navigator.appVersion;             return {              …

H5移动端IOS/Android兼容性总结,持续更新中… 1. IOS不识别日期 new Date("2018-07-01 08:00:00")在Android下正常显示可以直接进行各种操作转化,而在IOS下为invalid date,获取到的时间戳为NaN,确实有点坑啊,只能识别new Date("2018/07/01 08:00:00")这种的,所以需要转化一下,解决方法为统一增加.replace(/-/g,'/'): new Date("2018-0…

移动端iOS点击闪烁 1. $("#id").bind("touchstart click",function(e){ 2. e.stopPropagation() 3. if(e.originalEvent.touches){ 4. //touch 移动端事件处理 5. return false; 6. }else{ 7. // PC端 click事件处理 8. } 9. 10. }) 同时修改了#id 的 css  样式增加: -webkit-tap-highl…

移动端页面,需要复制一段文字码. 在ios中,长按文字区域,默认选中的范围,超出了我长按的文字区域, 把上面的图片和下面的另一个div的文字也给我包含进来了,并不是我想要的! 举个例子: 如下图: 1.我长按的区域是红色方框内的区域,想要复制框里的文字内容. 2.结果却是下图,即便 ios 上能再稍微操作一下.变成我想要的复制区域,但是这样用户体验太差 3.得想办法长按后 立刻变成如下图的情况 那么,想到了平时在其他站点上用到的一键复制,比如博客园的复制博客里的代码:  查了下有关页面复制功能,…

如果您有过移动端的开发经验,那么您是否碰到过这样的问题,一个页面有输入框,当这个输入框聚焦时,输入框在IOS下,被移动到手机屏幕的当中去了,而在Android端,有些浏览器的输入框,会被键盘盖住. 1:前言 接下来就以最常见的顶部和底部固定输入框来看一下,问题的来源,以及折中的解决方案 输入区域,在移动端基本上,只用于三种情况 1:固定在顶部的 2:固定在底部的 3:在文档流中的 我们这里,首先以固定在顶部和底部的为例,来看看它的一些表现. 而这里的问题展示,也是通过一些示例来展示,而在每个示例…

前些天公司要求在微信移动端做上传图片并预览的功能,要求能够调用摄像头拍照并立即预览. 在网上搜了一些方法,开始自己写了个简单的功能实现代码.结果发现移动端拍照出来的图片动不动就2M+,又因为要批量上传,为用户的流量和上传速度考虑,我决定做一下优化,看能不能在预览前就压缩一下图片尺寸. 结果又是一阵百度,发现一个靠谱的封装好的base64图片预览及压缩的方法. 直接上下载地址吧: http://www.imwinlion.com/wp-content/uploads/2016/05/localre…

上周五突然接到现场的一个需求,做一个移动端的劳模展示页面.现场美工把原型图发了过来.这个样子的: 说实在的很想吐槽一下我们美工的审美哈,不过这不是重点. 因为边框是需要特殊花纹的所以打算用border-image实现. .example{ -- border:6px solid transparent; -webkit-border-image:url(../img/border_img.jpg) 6 6 round; border-image:url(../img/border_img.jpg…

一.遇到的问题 移动端开发中,iOS的微信浏览器也好.Safari也好在浏览网页的时候会出现橡皮筋效果.就是当页面拉到尽头的时候还能再继续拉动,露出浏览器的底色,松手会回弹回去. 微信浏览器: Safari: 只有iOS有这个效果,android没有这个问题. 二.解决办法 首先想到event.preventDefault();但是如果直接添加到body上,整个页面就不会滚动了.机智的你立刻想到,只有到达临界值的时候在阻止事件默认行为不就行啦!是这样的,我们只需要判断,页面是否滚动到了顶端和底部…