本文档针对移动前端开发，包括 Hybrid 里面的web页面，非 Native 应用，适用于iOS6.0+, Android4.0+，是多年积累的经验，分享给大家。 在 iOS 上，如果将输入框 disabled，此时输入框内的文字颜色将比 color 所定义的要浅，并且无法通…

作者：yana@alloyteam 输入在移动端是一个很常用的功能，那么输入框必然是一个很重要的部分。然而，移动端输入框总会遇到各种各样的问题，无论是样式还是 ios 和 android 两端体验不一致都是很让我们头疼的问题，那么如何使移动 web 的输入框体验更贴近原生也成了一个需要我们…

移动开发时代，前端同学刚刚送别了让人头秃的IE浏览器，却发现憧憬已久的移动互联网时代并不是想象中那般美好。各种棘手的系统兼容问题和浏览器兼容问题怎么也让人高兴不起来。作为一名工作不足3年的前端程序媛，始终相信好记性不如烂笔头。每次在项目开发过程中踩到的坑，都习惯性地记录了下来。…

在 H5 项目中，我们会经常遇到页面中存在单个甚至多个 input/textarea 输入框与底部固定元素的布局情况。在 input/textarea 输入框获取焦点时，会自动触发键盘弹起，而键盘弹出在 ios 与 android 的 webview 中表现并非一致，同时当我们…

滚动穿透是指在移动端当有 fixed 遮罩背景和弹出层时，在屏幕上滑动能够滑动背景下面的内容。网上整理了解决方案，但有些还是存在一定的问题： 即当弹出层弹出时在html上添加.modal-open,禁用 html 和 body 的滚动条,但实际用上就会发现： 由于 html 和…

移动端 web 开发技巧的小总结

目前支持的格式化类型有: 信用卡号，电话号码，日期，数字 以及自定义格式化选项。不需要写任何正则表达式。并且提供 ReactJS 组件。

开发中遇到ios的浏览器中input控件获取焦点，需要一定的点击时长，所以用户经常无法一次成功获取焦点。改进方法非常的简单。在input控件外面包裹一层div，然后 在div上添加点击事件，为input手动获取焦点。

上个月火爆各大头条新闻的微信小程序，已经让很多前端朋友们激动不已，而月底发布的这份设计指南，也终于可以让设计师朋友们躁动起来了。这份指南目前包括了四条设计原则（友好礼貌、清晰明确、便捷优雅、统一稳定）和一系列视觉规范，虽然内容不多，但也有值得我们去参考学习的地方。