公司有人反馈，iOS 12.0的手机上，H5页面有个地方键盘弹出了，关闭之后，再次点击输入框，没有反应了，其实是界面上移了之后，没有回到原来的位置。所以导致再次点击输入框时，没有反应
在 iOS Safari （其他浏览器和 Android 均不会）上会对那些看起来像是电话号码的数字处理为电话链接，比如：
前言 在平时的H5移动端开发时，我们难免会遇到各种各样的坑点，这篇文章就带着大家来看看怎么解决，文章较长，建议收藏方便以后查阅！
H5页面在iOS系统微信浏览器中，input focus 聚焦时页面会被上推，导致页面整体上移。blur 失焦后不能恢复，再次点击 input 时没反应，不能聚焦，无法输入内容，这时候需要滑动一下页面才能恢复正常。
使用phonegap开发APP的优劣在此不必细说，快速，简单，跨平台，以及随着iOS，Android本身对webview优化所带来的不错的性能，便是其独有的优势。而且私以为在目前激烈而又变化快速的移动APP市场环境下，用phonegap来开发APP未尝不是一种低成本mvp的方案，快速发布，成王败寇^-^
问题：然后利用new Date() 转换时间戳时，使用微信开发工具、安卓都没问题，ios中无法展示并报错 “invalid date”。
React Native 和iOS Simulator 那点事 尊重版权,未经授权不得转载 本文出自:贾鹏辉的技术博客(http://www.devio.org) 本文出自《React Native学习笔记》@http://www.devio.org系列文章。 问题1：使用React Native时按cmd+r无法reload js，cmd+d无法唤起 React Native开发菜单？ 不知大家是否有过这样的经历，用 React Native开发应用正不亦乐乎的时候，突然发现，cmd+r，cmd+
遇到应用层无法解决的问题，如果能确定需要引擎和模块支持的，不要自己想办法绕过去，要第一时间在开发者社区提交问题，或找 APICloud 项目经理提出。
在开发DeveMobile 与EaseMobile 主题 的时候积累了一些移动Web 开发的前端知识，本着记录总结的目的，特写这篇文章备忘一下。 要说移动Web 开发与传统的PC 端开发，感觉也没什么不同，但得益于苹果对于智能机的推动，CSS3+HTML5几乎可以毫无顾忌的使用，然后浏览器端考虑webkit内核的就差不多了。 webkit内核中一些私有的meta标签 <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="vi
前面刚发了这个技巧总结系列的第四篇文章，这篇文章总结的一些日常开发中的技巧或更偏向于Cocos2d方向，因为最近在游戏中有原生的一个客服系统需要加进来，就涉及到一个游戏和原生界面的交互以及各种各样的BUG，游戏是属于在别人代码的基础上进行的二次开发，属于一个非ARC的情况，而我们现在的三方应该都是ARC，还有那些让人头疼的屏幕旋转键盘等等的问题，最近爬的坑有点多，所有这篇就主要来总结这些坑！当然在我们的普通应用中遇到这些问题我们还是同样可以依照这些技巧总结的。
使用[_webView loadHTMLString:html baseURL:baseURL]; 进行代码加载
fixed定位的元素是相对于屏幕视口(viewport)进行定位的，当H5嵌入到app的webview中进行展示时，可以理解为：fixed是相对于webview进行定位的。
在App开发中，内嵌WebView始终占有着一席之地。它能以较低的成本实现Android、iOS和Web的复用，也可以冠冕堂皇的突破苹果对热更新的封锁。 然而便利性的同时，WebView的性能体验却备受质疑，导致很多客户端中需要动态更新等页面时不得不采用其他方案。 以发展的眼光来看，功能的动态加载以及三端的融合将会是大趋势。那么如何克服WebView固有的问题呢？我们将从性能、内存消耗、体验、安全几个维度，来系统的分析客户端默认WebView的问题，以及对应的优化方案。 性能 对于WebView的性能，给人
作者：yana 输入在移动端是一个很常用的功能，那么输入框必然是一个很重要的部分。然而，移动端输入框总会遇到各种各样的问题，无论是样式还是ios和android两端体验不一致都是很让我们头疼的问题，那
如果你关闭自动识别后 ，又希望某些电话号码能够链接到 iPhone 的拨号功能 ，那么可以通过这样来声明电话链接 ,
在ios手机中，当页面中包含有输入框时，点击输入框，键盘弹起，会让页面中被fixed的元素失效。所以造成了底部吸底和顶部吸顶的元素错位的问题。下面的视频中就出现了这个问题，吸顶元素被推到可视区之外去了，而吸底元素也被推到了键盘之上。
IOS7无疑是史上升级速度最快的IOS系统，但部分稍旧的设备例如iPhone 4和iPhone 4S在升级到IOS7之后却遇到了不少性能问题。下面给大家带来了几点建议，通过修改系统设置在一定程度上提高IOS7的性能。
（现在大部分移动浏览器包括wp都支持viewport的width选项），这些meta标签在开发webapp时起到非常重要的作用，可以给用户提供更好的体验
【系列】移动端项目经验 表单兼容（下篇） HTML5学堂：本文，我们将继续为大家总结介绍移动端的常见兼容问题，今天要提的是关于表单的一些兼容问题，主要包括调用相册的按钮样式处理；占位符placeholder属性的行高问题；关闭iOS中键盘自动大写。 对于移动端的兼容问题，由于内容较多，决定书写成一个系列。在这些杂乱知识的发现与整理，主要来源于几个讲师平时的积累，而自己的学生们也为内容的充实做出了很大的贡献，在此非常感谢~！不再多说，一起进入今天的主要内容。 移动端兼容 - 调用相册的按钮样式处理 具体情形：
在部分android机型上测试点击靠下的输入框时遇到弹出的软键盘挡住输入框问题，ios可自身弹起（ios自身的调整偶尔也会出问题，例如第三方键盘会遮挡，原因是第三方输入法的tool bar或者键盘也被当做可视区域，这里不做讨论）
如果你还是第一次与app合作开发webview的页面，那么对于如何调试，可能有哪些问题可能是不够了解的。本文尝试性的根据自己的经验给大家一个入门级别的了解，如果是大佬级别的，可以绕路了。
不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准和未知特性多得难以快速掌握。
早在 2007 年初，苹果公司在发布首款 iPhone 前夕，遇到一个问题：当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定，应对 iPhone 这种小屏幕浏览桌面端站点的问题。
最近在项目中碰到了移动端 IOS 下的一些问题，就打算完整总结一下，以便后续碰到相关问题就不用浪费时间了
1 点击300ms 使用fastclick 2 移动端1px 在ios中使用0.5px 3 js中获取浏览器高度，获取scrollTOP等属性需要兼容 4 H5 的audio在ios上autoplay播放 一般使用进入页面后，使用js控制播放 5 在html上加overflow：hidden属性的时候，好多移动端浏览器都不支持 要实现超出范围隐藏，滚动条不显示，一般使用js获取高度来动态设置html高度 6 ios系统中在移动浏览器的页面中给按钮加JS事件，其按钮必须是原生HTML按钮或者
AirPlay：AirPlay 是指将iOS设备或者Mac设备上的音视频，同步到另一个设备中播放。比如：将iPhone上的音乐通过蓝牙的方式在汽车的蓝牙音响上播放。此功能一般用于多端及多屏的交互。 画中画的视频播放：画中画是 iPad 版本的iOS 9新增加的功能，可以在 iOS 的桌面，或者其他应用的界面的上面播放视频，从而该视频区域所属的应用就可以后台运行了。此功能现在只在 iPad 应用中提供。
微信内网页不可使用 local/sessionStorage 储存，因为它只是一个 webview 组件，并不是一个浏览器。 但是我们可以使用 cookie 储存的方式
扩展 (Extension) 是 iOS 8 和 OSX 10.10 加入的一个非常大的功能点，开发者可以通过系统提供给我们的扩展接入点 (Extension point) 来为系统特定的服务提供某些附加的功能。
随着每次新的操作系统更新，都会有关于电池寿命的抱怨，iOS 16也不例外。由于幕后同步和更新，更新后经常会出现电池快速耗尽的情况，但有时问题可能会持续更长时间。
作者最近一段时间在做 H5 聊天项目，过程中踩过一个大坑：输入框获取焦点，软键盘弹起，要求输入框吸附（或顶）在输入法框上。需求很明确，看似很简单，其实不然。作者实验了一些机型，发现了一些问题，并且逐一探索了解决方案分享给大家。
最近一段时间在做 H5 聊天项目，踩过其中一大坑：输入框获取焦点，软键盘弹起，要求输入框吸附（或顶）在输入法框上。需求很明确，看似很简单，其实不然。从实验过一些机型上看，发现主要存在以下问题：
Swipebox是一款支持桌面、移动触摸手机和平板电脑的jquery Lightbox插件。该lightbox插件支持手机的触摸手势，支持桌面电脑的键盘导航，并且支持视频的播放。
网络相关 网络连接 AFNetworking - ASI不升级以后，最多人用的网络连接开源库，iOS的网络编程之AFNetworking使用，iOS的开发下载文件速度计算 ， AFNetworking 3.0迁移指南 ， AFNetworking2.0源码解析<一> ，AFNetworking2.0源码解析<二>，AFNetworking源码解析<三>，AFNetworking源码解析<四>。 Alamofire.swift - Alamofire是AFNetworking的作者mattt
绑定tap方法的dom元素，触发该方法时，该dom元素下方同一位置的dom元素会触发click事件或者有浏览器认为可以被点击交互的dom元素（input的focus事件），称为tap击穿现象。
当点击输入的时候，光标的高度和父盒子的高度一样。例如下图，左图是正常所期待的输入框光标，右边是ios的input光标。
最近给公司微信公众号，写了微信h5业务页面，总结分享一下前端开发过程中的几个兼容性坑，项目直接拿的公司页面，所以下文涉及图片都模糊处理了。
这是一个最好的时代，因为我们站在潮流中；但也是一个最坏的时代，因为我们站在潮头上。 META相关
本篇博客将介绍如何开发一款简易的ReactNative小应用汇率换算器。本应用仅作为学习使用，其支持在人民币与美元间进行汇率计算。汇率计算器应用主要分为两部分：键盘与显示屏。键盘提供给与用户进行输入，在显示屏上进行汇率换算结果的显示。复杂的界面无非是简单组件的组合使用，因此，在进行开发之前，我们可以思考可能需要使用到的独立组件的开发，例如键盘按钮的开发，有键盘按钮组成的键盘的开发，显示屏开发等。首先创建一个初始的ReactNative工程，将index.ios.js与index.android.js文件中的内容全部删掉。在项目根目录中新建4个目录，分别为const、controller、image和view。这4个目录用于存放后面我们需要新建的静态文件，控制器文件，图片素材和视图文件。
在现实世界中，iPhone 走入了千家万户，但是你是否深入了解了 iPhone 这部功能强大的个人设备呢！本篇文章带你领略一下iOS设计的一些神细节。
iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师，都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率，保证用户良好的体验。 iOS设计规范系列共10篇。本文是第10篇，介绍拓展程序（Extensions)。
简要介绍今天的分享大纲，罗马不是一天建成的，小程序也不是一天发明的；小程序这种介于H5和Native App之间的特殊应用形态，从探索到成熟，经历了哪些过程，我们首先带大家回顾梳理一下，然后从现有技术架构出发，分析小程序当下几个主要性能坑点，各家小程序引擎为解决这些坑点，做了哪些完善工作；比如大家知道小程序是以web渲染为主、原生渲染为辅，那引入原生渲染后，引发了哪些新的问题？为解决这些，微信提出了同层渲染的方案，同层渲染在技术层面上又是如何实现的？最后从当前已知问题出发，对于小程序未来的技术更迭，抛出一些我们认为的可能方向，供大家参考。
1 概述 TextInput组件和Text组件类似，内部都没有使用FlexBox布局，不同的是TextInput组件支持文字的输入，因为支持文字输入， TextInput组件要比Text组件多了一些属性和方法。TextInput组件支持Text组件所有的Style属性，而TextInput组件本身是没有特有的Style属性的。 2 属性 TextInput组件支持所有的View组件的属性，除此之外，它还有许多其他属性。 2.1 onChangeText 当输入框的内容发生变化时，就会调用onChangeT
1、UIWebView加载网页后，点击网页内的链接在UIWebView内进行跳转时，键盘自动弹起；
根据彭博社报道，苹果下一代移动操作系统iOS 13将会多达20项的调整升级，主要有：
现代移动应用程序在入门过程中经常涉及一个步骤，你需要输入发送到你的电子邮件或手机号码的验证码 PIN。有时，你需要使用类似于分割 OTP 输入字段的东西来输入 PIN。另一种输入验证码 PIN 的方式是使用拨号盘。
2015年10月16日Hipo 2.0.0正式上线App Store，似乎倏忽间就将这大半年的躁郁一扫而光。上线全新版本，~~限时免费，限时免费，限时免费~~（已经结束限免）^_^
https://juejin.im/post/5d759f706fb9a06afa32adec
来源：https://juejin.im/post/5d759f706fb9a06afa32adec
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
