这段代码在release包的情况是，buttons是空的，是由于if (child.type.name === 'FlowSendButton')这是判断根本不会为true，因为在release模式下，child.type根本没有name这个属性，只有在debug模式下才有，所以这样来进行判断的 ，统统不会有true的情况，自然buttons中没有值，也就不会展示了。
在 iOS Safari （其他浏览器和 Android 均不会）上会对那些看起来像是电话号码的数字处理为电话链接，比如：
前言 在平时的H5移动端开发时，我们难免会遇到各种各样的坑点，这篇文章就带着大家来看看怎么解决，文章较长，建议收藏方便以后查阅！
刚入门前端的时候写过很多的微信H5页面，时隔多年感觉应该是手到擒来，不曾想竟很是费了一些功夫。现在把本次开发过程中遇到的问题以及我是如何解决的，做个记录。防止自己以后再去解决解决过的问题。
公司APP的文章详情，之前是将所有的HTML内容全部从接口中返回，然后APP的webview将其载入到内中，然后渲染并展示出来。
原理说明 辅助原理： 用adb获取手机截图并拉取到项目中 对图片进行二值化 根据棋子的RGB值获取当前位置 通过adb模拟屏幕点击 文末有推荐选择 开源列表 Prinsphield/Wechat_AutoJump 链接：Prinsphield/Wechat_AutoJump 说明：一个优秀的python项目；作者利用Opencv实现了图片的特征识别，并且在代码中实现了，根据调用命令区分安卓还是IOS，并进行相应的处理，根据项目代码分析，作者解析了跳一跳大部分的盒子图片，并利用到了游戏中的特定盒子加分的
由于给热门测试这个div的margin-bottom失效，第二个测试活动没有显示完全，如左图所示期望效果是右图样式
需求描述 上上周接到了新的项目，移动端需要做一个底部有五个导航，点击不同的导航页面主体显示不同的页面，其中两个页面是自己做，而另外三个页面是引用另外三个网址，其中两个网址为内部项目，另外一个为外部（涉及跨域）。 问题 考虑再三后最省时间成本的就是使用iframe，虽然在移动端使用，我的内心是很拒绝的，不过其他方案调研了下都不太符合现状。每点击一次加载一个新的iframe，比较懒，所以两个新页面也做成了iframe，在做的过程中出现了如下问题，这里总结一下： 1.嵌入的iframe页面无法滚动 2.met
在ios手机中，当页面中包含有输入框时，点击输入框，键盘弹起，会让页面中被fixed的元素失效。所以造成了底部吸底和顶部吸顶的元素错位的问题。下面的视频中就出现了这个问题，吸顶元素被推到可视区之外去了，而吸底元素也被推到了键盘之上。
而AjaxFileUpload插件的上传文件处理方式是，获取返回的实体内容，直接进行eval 解析，解析失败，报错，则无法上传
Safari下使用border-image，不能设置border-color: transparent。
网上讲粘贴复制的很多，讲清楚复制异步数据得很少，在真机上真正验证过得凤毛麟角，正巧工作上遇到了复制接口返回的数据这个问题，求助了很多人，没有太好的解决办法，最终通过修改交互实现了这个复制功能，故写篇文档记录一下，也分享给大家。
long long ago~ 我们只能在微信内的网页中使用微信开发标签-小程序跳转按钮 <wx-open-launch-weapp>打开小程序，只有这样一种单一的场景。
由于目前UIWebView 已经被抛弃了，因此推荐使用WKWebView的WKScriptMessageHandler实现iOS与JS交互
前端页面开发或是现在日渐增多的Hybird APP应用开发中，经常遇到模拟原生APP界面效果不佳情况，固定header、footer便是其中一种。
相信大家搜css touch-action很容易搜到一批文章，但感觉自己还是需要写下自己这这个过程中的一些探索经历。
简单介绍自己使用Ionic3开发的过程，涉及到的知识点如下： Angular Ionic Cordova ES6 TypeScript Scss 环境搭建 引用插件 调试 Android打包 Android签名 IOS打包
这是一篇有故事的文章 --- 来自一个weex在生产环境中相爱相杀的小码农 故事一: Build 虽然weex的口号是一次撰写，多端运行, 但其实build环节是有差异的, native端构建需要使用weex-loader, 而web端则是使用vue-loader,除此以外还有不少差异点, 所以webpack需要两套配置。 最佳实践 使用webpack生成两套bundle,一套是基于vue-router的web spa, 另一套是native端的多入口的bundlejs 首先假设我们在src/views下开
代码组织： 目录结构： . ├── components //组成应用的各个组件 │ ├── Routers.android.js //每个组件若实现不一样，分为android的实现和ios的实现。 │ ├── Routers.ios.js │ ├── common //公共组件 │ ├── issues //议题页面 │ ├── navigation //导航组件，android用侧边栏，ios准备用tab │ └── project
在移动端中，如果我们使用了一个固定定位的遮罩层，且其下方的dom结构的宽度|高度超出屏幕的宽度|高度，那么即使遮罩层弹出后铺满了整个屏幕，其下方的dom结构依然可以滚动，这就是大家所说的“滚动穿透”。
为了提高开发效率，开发人员往往会使用原生app里面嵌套前端h5页面的快速开发方式，这就要涉及到h5和原生的相互调用，互相传递数据，接下来就实践项目中的交互方式做一个简单的记录分享，废话不多说，直接上正文：
问题：然后利用new Date() 转换时间戳时，使用微信开发工具、安卓都没问题，ios中无法展示并报错 “invalid date”。
众所周知，RN经常遇到无可奈何的超级Bug, 那么对于这些问题的终极解决办法是什么呢？
前段时间在处理 iOS 端的 HTTPDNS 相关 SDK，在接入和测试环节发现大家对 HTTP 的整体请求流程包括 HTTP 劫持原理以及 HTTPDNS 的工作原理并不是太清楚，所以写下这边文章帮助大家深入 web 请求过程：如何发起请求，HTTP 协议解析，DNS 域名解析。
我们之前讲过要在Creator原生环境下使用protobufjs，使用伪装者的方式模拟nodejs的fs和path模块可以完美解决问题。 但随着creator1.7的到来，Shawn也尝了下鲜，但发现在Creator模拟器环境下，原来的伪装方案失效了。
根据需求需要将老项目中的 WebView 替换成 WKWebView，期间查阅了不少文档和资料，之前也发布了几篇 WKWebView 相关的优秀文章。
安装宝塔面板，跳过宝塔面板的推荐安装（用不到）、并且打开软件商店 -> 运行环境 -> 安装PM2管理器
详见官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/client-lib/client.html
在App开发中，内嵌WebView始终占有着一席之地。它能以较低的成本实现Android、iOS和Web的复用，也可以冠冕堂皇的突破苹果对热更新的封锁。 然而便利性的同时，WebView的性能体验却备受质疑，导致很多客户端中需要动态更新等页面时不得不采用其他方案。 以发展的眼光来看，功能的动态加载以及三端的融合将会是大趋势。那么如何克服WebView固有的问题呢？我们将从性能、内存消耗、体验、安全几个维度，来系统的分析客户端默认WebView的问题，以及对应的优化方案。 性能 对于WebView的性能，给人
前言 上一篇文章React Native探索之环境搭建与Hello World（Windows/Mac）我们搭建了开发环境，并写了个Hello World。这一节我们来学习React Native的开发IDE：Atom+Nuclide的安装、配置与调试。本文所讲的内容只适用于Mac平台。 1.开发IDE选择 React Native的开发IDE有很多种，比如FaceBook 官方推荐的 Atom＋Nuclide、Android Studio的同门WebStorm（收费）、Sublime Text 3、V
前言 上一篇文章我们搭建了开发环境，并写了个Hello World。这一节我们来学习React Native的开发IDE：Atom+Nuclide的安装、配置与调试。本文所讲的内容只适用于Mac平台。 1.开发IDE选择 React Native的开发IDE有很多种，比如FaceBook 官方推荐的 Atom＋Nuclide、Android Studio的同门WebStorm（收费）、Sublime Text 3、Visual Studio Code和Deco。这里Atom＋Nuclide和Deco目前并不
导语 WKWebView 是苹果在 WWDC 2014 上推出的新一代 webView 组件，用以替代 UIKit 中笨重难用、内存泄漏的 UIWebView。WKWebView 拥有60fps滚动刷新率、和 safari 相同的 JavaScript 引擎等优势。 简单的适配方法本文不再赘述，主要来说说适配 WKWebView 过程中填过的坑以及善待解决的技术难题。 1、WKWebView 白屏问题 WKWebView 自诩拥有更快的加载速度，更低的内存占用，但实际上 WKWebView 是一个多进程组件
前言：通过快照的方式加速 Node.js 的启动，除了快照，V8 还提供了另一种技术加速代码的执行，那就是代码缓存。通过 V8 第一次执行 JS 的时候，V8 需要即时进行解析和编译 JS代码，这个是需要一定时间的，代码缓存可以把这个过程的一些信息保存下来，下次执行的时候，通过这个缓存的信息就可以加速 JS 代码的执行。本文介绍在 Node.js 里如何利用代码缓存技术加速 Node.js 的启动。
最近在一个移动端的 Web 项目中踩了很多的坑，感觉有必要把它们记录下来，分享给即将踏入移动端 Web 开发大门的朋友们，更好的解决ios和android兼容。
前言：之前的文章介绍了通过快照的方式加速 Node.js 的启动，除了快照，V8 还提供了另一种技术加速代码的执行，那就是代码缓存。通过 V8 第一次执行 JS 的时候，V8 需要即时进行解析和编译 JS代码，这个是需要一定时间的，代码缓存可以把这个过程的一些信息保存下来，下次执行的时候，通过这个缓存的信息就可以加速 JS 代码的执行。本文介绍在 Node.js 里如何利用代码缓存技术加速 Node.js 的启动。
meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 忽略将页面中的数字识别为电话号码 <meta name="format-detection" content="telephone=no" /> 忽略Android平台中对邮箱地址的识
按照往年新系统发布的时间规律，新的系统预计在9月20日左右发布，目前beta版本已经更新到beta6。
吸顶元素的初始位置一般靠近页面顶部，但与顶部有一定距离，这块区域放的是最醒目的元素，比如Banner图。页面向下滚动超过吸顶元素初始位置时，把吸顶元素固定在顶部
到目前为止，互联网行业里，手机越来越智能化，移动端占有的比例越来越高，尤其实在电商，新闻，广告，游戏领域。用户要求越来越高，网站功能越来越好，效果越来越炫酷，这就要求我们产品质量越来越高，web前端开发而言是一个挑战，是一个难题，也是一个机遇。如何让我们所开发的手机页面能有更好的交互体验，就是这篇文章的主旨：移动web开发问题和优化小结。这个只是我自己在开发的时候知道的坑，如果大家有遇到什么别的坑，欢迎补充，或者觉得我哪里写错了，欢迎指点！
经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960*640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3的。
背景： 当你的App中有 WebView 或者有 Text 文本的时候，毫无疑问，系统默认地会在你进行长按的时候，弹出一个框，来让你拷贝、粘贴、剪切文本等，亦或是弹出一个放大镜。 而当你进行开发的时候，往往很明确的知道自己的 WebView 希望展示的是什么东西，这个时候，你可能会希望自定义长按手势（LongPressGesture）的功能，而不是任由系统“智能”地帮助你。 然而当你做了一系列工作自定义了长按手势之后，却发现它的优先级是低于系统默认的弹出框的。
前言 当你的网站或者APP访问量日渐增多，用户体验却持续下降，服务器性能严重不足的时候，选择接入CDN是大多数情况要必须做的，当你在众多CDN厂商中好不容易选择了一家（不知怎么选择，可以闭眼选择腾讯云CDN🙂），进行配置的时候，不要简单的认为按照入门文档配置完就觉得万事大吉了。很多案例证明，接入CDN只是一小步，后面出现的各种问题，会让你抓狂。下面我们就来讲讲如何用好CDN，让它发挥出最佳效能。以下涉及到的CDN事项，将以腾讯云CDN作为案例，仅供参考。 Step1. 资源划分
前言 当你的网站或者APP访问量日渐增多，用户体验却持续下降，服务器性能严重不足的时候，选择接入CDN是大多数情况要必须做的，当你在众多CDN厂商中好不容易选择了一家（不知怎么选择，可以闭眼选择腾讯云CDN🙂），进行配置的时候，不要简单的认为按照入门文档配置完就觉得万事大吉了。很多案例证明，接入CDN只是一小步，后面出现的各种问题，会让你抓狂。下面我们就来讲讲如何用好CDN，让它发挥出最佳效能。以下涉及到的CDN事项，将以腾讯云CDN作为案例。 Step1. 资源划分
IT派 - {技术青年圈} 持续关注互联网、大数据、人工智能领域 移动端UI框架 Mint UI（饿了么团队） 中文官网：http://mint-ui.github.io/#!/zh-cn 描述
关于iOS屏蔽系统升级的描述文件在几个月前失效的事情大家都清楚了，苹果先是让描述文件失效，然后重新分享的屏蔽升级描述文件也相继的失效，之后也没有新的文件出来。
移动端H5知识[系列] - 固定像素的实现方法 HTML5学堂：随着对移动端的探索，而今我们逐渐形成了“横向百分比，纵向rem”。日前看网易对移动端的操作，发现网易的lofter采用了固定像素进行制作。今天我们就来剖析一下这种方法。 2015.08.19 测试手记：在魅族4当中的内置浏览器进行测试时，无论是我们书写的页面还是网易的lofter页面，都出现了bug问题，主要bug现象如下：当手指滑过部分文字的时候，文字的大小会出问题。经过排查之后，发现，在网页中的a标签会出现这个问题。当鼠标移动到a标签上的时
emmm…… 先说个题外话，时隔一年，再遇RN，较之以前唯一不同的一点就是遇到的坑终于有人先踩了?本文会通过原生与RN页面相互跳转、方法间的相互调用、以及H5页面调用原生页面进而调用RN页面等方面来阐
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
云直播
对象存储
