1.ios h5 app avalon tap事件失效 使用MUI制作app界面,使用avalon.js渲染数据,发现在(Android上正常)ios上运行时容器div的avalon的ms-on-tap被内容遮住不执行.用MUI的on tap事件可以执行但改动较大,于是改为ms-on-click.(但是click事件有300ms延迟,解决方法在标题2处),搜索到以下解决方法: 解决办法有 4 种可供选择:(来自:https://happycoder.net/solve-ios-safari-cl…

来源:景铭巴巴 链接:http://www.jianshu.com/p/03ddcfe5ebd7 iOS H5 容器的一些探究(一):UIWebView 和 WKWebView 的比较和选择 一.前言 NSURLProtocol是iOS中URL Loading System的一部分.如果开发者自定义的一个NSURLProtocol并且注册到app中,那么在这个自定义的NSURLProtocol中我们可以拦截UIWebView,基于系统的NSURLConnection或者NSURLSession进…

来源:景铭巴巴 链接:http://www.jianshu.com/p/84a6b1ac974a 一.Native开发中为什么需要H5容器 Native开发原生应用是手机操作系统厂商(目前主要是苹果的iOS和google的Android)对外界提供的标准化的开发模式,他们对于native开发提供了一套标准化实现和优化方案.但是他们存在一些硬伤,比如App的发版周期偏长.有时无法跟上产品的更新节奏:灵活性差,如果有较大的方案变更,需要发版才能解决:如果存在bug,在当前版本修复的难度比较大(iOS…

一.Native开发中为什么需要H5容器 Native开发原生应用是手机操作系统厂商(目前主要是苹果的iOS和google的Android)对外界提供的标准化的开发模式,他们对于native开发提供了一套标准化实现和优化方案.但是他们存在一些硬伤,比如App的发版周期偏长.有时无法跟上产品的更新节奏:灵活性差,如果有较大的方案变更,需要发版才能解决:如果存在bug,在当前版本修复的难度比较大(iOS的JSPatch方案和Android的Dex修复方案);需要根据不同的平台写不同的代码,iOS主要…

前言:本人原本是ios开发工程师,但由于现今H5的兴起,行内刮起了一阵混合开发的风气,趁着这股劲,我也学了前端开发,不说研究的多深,但也能胜任日常的开发工作.长话短说,现今的混合开发应该还处于摸索阶段,我们的项目主要页面都是由网页做的,只有一些IM.支付.分享.推送.上传照片这些用的是原生功能,大家都知道ios原生app的体验一直是很好的,现在改成了混合开发,无疑中就有些舍弃了ios原生的用户体验,而这个作为一个向来以用户体验为先的开发人员来说,这个真的是难以忍受,所以开始了以优化用户体验的为目…

在IOS整合H5页面的时候,自定义的按钮失去效果,Android系统可以. 如图,确定和取消按钮在IOS系统无效. 解决办法是在两个按钮上加上一个style属性即可 <span class="upper-sp sureExit" style="cursor:pointer">确定</span> <span class="upper-sp upper-sp1 noExit" style="cursor:poi…

前言 最近有一个需求是和在app中前端本地存储相关的,所以恶补了一下相关知识 webView开启支持H5 LocalStorage存储 有些时候我们发现写的本地存储没有起作用,那是因为默认WebView没有开启LocalStorage存储.需要开启 H5使用的Local Storage存的数据,原生要拿到数据有两种方案 用WebView执行js方法来读取数据: 找到Local Storage存储路径,直接读取: 参考 iOS用原生代码读写Webview的Local Storage…

iOS端H5页面打开APP的方式目前主要有两种:URL Scheme和Universal Links.其中Universal Links是iOS9.0以后推出的一种新的方案,由于它需要在iOS9.0以后才使用,而且还要兼容微信和iOS的版本,所以在项目中会采用两种方式结合的方式. 一.URL Scheme scheme是iOS9之前比较主流的一种跳转方案了, 更多的是用在了两个APP相互跳转中.也可以在Safari中输入schema://跳转到App内部,在项目中如下位置可以配置 配置好后安装A…

IOS的移动端/H5/webapp 页面如果滚动到底部或者在页面顶部再往上拉,都会出现一个回弹的效果. 想取消这个效果可以引入一个简单的库就行,不用再写繁琐的样式. github地址 直接引入就行 <script src="inobounce.js"></script> 例子: 因为这个库是禁止了整个页面的滑动,所以如果页面中有其他元素需要滑动的,要给滑动元素设置一个height或max-height,还有overflow: auto; -webkit-over…

问题描述 im聊天H5页面,在iOS系统下,inpu获取焦点弹出系统虚拟键盘时,会出现挡住input的情况,十分影响用户体验. bug图 解决方法: html: <input type="text" v-model="msg" maxlength="500" ref="inputShow" @click="inputShow" /> js: setTimeout(()=>{ this.$r…

 .ios上传会在exif中带一个 Orientation的属性,这个属性在windows中不会生效,在ios浏览器中会生效,造成图片在windows资源管理器中与ios浏览器中方向不一致  为了用户体验,需要把图片矫正成正常的图片. 需要用到一个 exif 插件 地址 https://github.com/exif-js/exif-js/ 代码 function check_file(files){ //校验收集表单数据 // var formdata = new FormData(); ]…

目录 input获取焦点时,页面被放大 ios input输入时白屏 软键盘撑起页面下不来 ios页面滚动不流畅 position:fixed/absolute随屏幕滚动 1.input获取焦点时,页面被放大 设置meta标签 <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=dev…

这几天在测试的时候,忽然发现手机ios 页面中的input 样式出现问题,安卓就没事. 实际应该是第一张图,在ios中出现的结果为第二张图    出现这个原因,主要是ios系统自带的设置,解决方法为 input {-webkit-appearance:none; /*去除input默认样式*/} 是不是很简单,另外搜集了一些其他的去除各浏览器默认设置的页面 http://blog.sina.com.cn/s/blog_7d796c0d0102uyd2.html http://www.tuicoo…

原因1: html,body{ height: 100%; } 删除上述代码即可. 其他原因: *{ -webkit-overflow-scrolling: touch; } 增加上述代码.…

1,安装itunes, 否则无法识别iphone设备 2,开启调试模式 ,打开 iPhone 依次进入 设置 > Safari > 高级 > Web 检查 > 启用 3,下载 ios-webkit-debug-proxy,找到release文件下载 项目地址:https://github.com/artygus/ios-webkit-debug-proxy-win32 4 ,打开命令 ios_webkit_debug_proxy-win32.exe -f chrome-devtoo…

html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}…

对需要禁用的div或者body设置下面样式-webkit-user-select: none;…

1.以前cordova远程调试,Android的直接连接USB后,用chrome打开chrome://inspect网址 IOS的打开Safari的developer下. 这是因为cordova的webView都已经开放了远程调试, 如果是自己的加的webView,要进行远程调试 Android: 在调试WebView需要满足安卓系统版本为Android 4.4+已上.并且需要再你的APP内配置相应的代码,在WebView类中调用静态方法setWebContentsDebuggingEnable…

转自:iOS知识小集 NSURLProtocol类(注意,这个不是协议)经常用于实现一些URL Loading System相关的黑魔法.它可以拦截URL Loading System相关的网络请求,如UIWebView,NSURLSession.MPMoviePlayer等,以自定义一些操作,如自定义网络请求的响应.缓存.重定向网络请求(将域名重定向到IP地址)等. 由于NSURLProtocol是一个抽象类,所以通常是创建一个NSURLProtocol子类,来定制我们所需要的实现.图1.2演…

前言:这里移动端主要指 hybrid app 中的H5页面.app 中对页面 样式和功能 的需求会更精细一点. 1.适配: 手机端的尺寸多样,3.5英寸的 iPhone4应该是最小的,只要考虑 兼容到iPhone4 就可以了.(iPhone4的用户量现在也很少,有时只要 兼容到iPhone5 就可以了)   哪怕有比这个尺寸小的,都不是多人使用的.可能是个位数,甚至是没有.为数不多的几款这样的手机处理能力也很低下.       https://digi.tech.qq.com/a/2015031…

一直做前端工作,却从来没有开发过平板的项目,想来也是有遗憾的,孰知,新公司的第二个项目就是要适配平板,刚开始是懵的,对于兼容,感觉是自己的短板,但庆幸的是这一版只需要兼容iOS系统就可以. 那我现在就说下开发iOS h5项目可能会进到的误区(知道很菜,但是写出来也是对自己加深印象) - ios的专有meta <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name=&…

8.4 Weex 双11会场大规模应用的秒开实战和稳定性保障 前言 Native 开发的诸多亮点中,流畅体验和系统调用是最多被提及的.流畅体验体现在页面滚动/动画的流畅性,背后是更好的内存管理和更接近原生的性能:同时又是 Web 的痛点:资源首次下载.长页面内存溢出和滚动性能.动画性能.传统 web 性能(如JS执行效率).Native 有丰富的系统调用能力,而 Web 痛点在于:W3C 标准太慢,有限的设备访问能力,API 兼容性问题较严重,如 Geolocation 在 Android We…

从九月底内测到现在已经三个半月.凌晨一点睡觉已经习以为常,也正是这样,才让无前端经验的我做微信小程序开发并不感到费劲.最近才开始接微信小程序的外包项目,目前已经签下了五份合同,成品出了两个.加上转给朋友做的,正在谈的,算起来有十来个项目.距离微信正式开放的时间越来越近,接外包的同学也越来越多.@天下雪 让分享下接外包的经验,作为微信小程序联盟 外包版的版主,自然是当仁不让. 经常遇到的几个情况: 1.客户:开发一个微信小程序多少钱? 这是客户最常问到的问题,就跟我问你吃一顿饭多少钱一样.很难回答…

这次来聊聊clojure的并行与并发,如果你还不知clojure为何物,请翻翻我的上一篇推文.“并行”是指clojure对并行计算的支持(parallel computing),“并发”是其并发特性(concurrency).用通俗的话来说,“并行”是同一时间做多件事情,“并发”是同一时间应对多件事情.举个例子,“并行”就类似于GPU做3D绘图,左手画圆.右手画方:“并发”就类似于web 服务器利用服务器的多个内核来同时处理来自用户的多个请求.如果还不够明白,请大家google一下wiki.^_…

事件流事件流是描述的从页面接受事件的顺序,当几个都具有事件的元素层叠在一起的时候,那么你点击其中一个元素,并不是只有当前被点击的元素会触发事件,而层叠在你点击范围的所有元素都会触发事件.事件流包括两种模式:冒泡和捕获. 事件冒泡,是从里往外逐个触发.事件捕获,是从外往里逐个触发.那么现代的浏览器默认情况下都是冒泡模型,而捕获模式则是早期的 Netscape 默认情况.而现在的浏览器要使用 DOM2 级模型的事件绑定机制才能手动定义事件流模式. <script type="text/java…

一.简单介绍 JSCore全称为JavaScriptCore,是苹果公司在iOS中加入的一个新的framework.该framework为OC与JS代码相互操作的提供了极大的便利.该工程默认是没有导入工程中的,需要我们手动添加. 添加完成后,我们可以看到JavaScriptCore.h中包含以下5个主要的文件. 1 2 3 4 5 #import "JSContext.h" #import "JSValue.h" #import "JSManagedVal…

笔者从 2016 年初就因为公司业务需求转战 android sdk 开发, 应用插件化技术将公司 android sdk 重新翻版.先来说说需求. 由于笔者所在一家创业公司, android sdk 实际运营时间并不长, 处于业务成长阶段, 经常会面对各种需求更改以及运营通道稳定性等个方面的问题.由于种种的不稳定性, 会导致 sdk 可能会经常出现小规模修改的问题, 用户对这种行为当然是非常不满意的了.可以想象,每一次 sdk 更新商务部门的同学要扛着多少用户口水去和用户商谈,而技术部门又要承…

1.几种app开发模式概述 Native App 即传统的原生APP开发模式,Android基于Java语言,底层调用Google的 API;iOS基于OC或者Swift语言,底层调用App官方提供的API.体验最好. Web App 即移动端的网站,将页面部署在服务器上,然后用户使用各大浏览器访问.一般泛指 SPA(Single Page Application)模式开发出的网站.体验最差. Hybrid App 即混合开发,由Native通过JSBridge等方法提供统一的API,然后用Ht…

小激动 一年一度的阿里云栖大会是我们开发者的盛会,带着着激动的心情参加了这次开发者盛会,二话不说进入会场就被震感到了,先来张图聊表敬意. 主会场马云爸爸还是很有范的,将未来定义为无法定义,在这里宣布成立阿里三大王牌之一的达摩院.由于本身我自己从事移动技术开发,所有重点关注了阿里的移动开发领域; 移动云 移动十年的回顾,阿里大牛天师进行分享 在阿里的过去十年里,阿里的移动端团对从无到有,由开始的几个人到今天这样的规模,的确是了步起,移动技术的发展日新月异,从最开始的2g时代,到12,13年的爆发式…

分享利用 redis 订阅与发布特性,巧妙的现实高性能im系统.为表诚意,先贴源码地址:https://github.com/2881099/im 下载源码后的运行方法: 运行环境:.NETCore 2.1 + redis-server 2.8 下载Redis-x64-2.8.2402.zip,点击 start.bat 运行:或者修改 imServer.web 下面 appsettings.json redis 配置,指向可用的redis-server cd imServer && dot…