最近有点忙，一直没有更新博客了，就拿之前做的一个小项目来说说吧，刷一下存在感。

前言：

之前想做一个手机端的H5站，然后结合打包工具，搞个app。 我们都知道，做太大太全的功能，往往力不从心。

因此，就选一个小功能：优惠券。  它关乎民生工程，切实解决一部分需求，真正的让利消费者。

那么，什么优惠券呢？ 程序员必不可少的应该就是背包吧（电脑不离手）

第一：准备工作

一些细节处理

在细节处理上，其实还有很多要注意的，挑几个实际遇到比较大的问题来说一下：

1. 有时候输入框 focus 以后，会出现软键盘遮挡输入框的情况，这时候可以尝试 input 元素的 scrollIntoView 进行修复。
2. 在 iOS 下使用第三方输入法时，输入法在唤起经常会盖住输入框，只有在输入了一条文字后，输入框才会浮出。目前也不知道有什么好的办法能让唤起输入框时正确显示。这暂时算是 iOS 下的一个坑吧。
...

对于前端开发者来说移动端存在更多的挑战，移动端页面开发过程中会碰到各种各样千奇百怪的问题（我们俗称BUG或坑），那么今天我为大家分享移动端页面开发过程中的一些坑和排坑技巧。

移动端页面在不同设备、不同操作系统 、不同运行环境下都可能造成各种各样的没有碰到过的的坑，相比曾经的IE6坑多了。下面先介绍一下4类具体常见的坑：

1、外观

A、页面高度渲染错误

1. “行为召唤”内容要靠前或居中
2. 让菜单看起来既简洁又亲切
3. 要让用户便于回到主页
4. 别让促销广告抢了你网站的风头
5. 保持搜索功能可见
6. 确保网站搜索结果符合用户预期
7. 使用过滤功能提升网站搜索易用性
8. 指导用户去访问较好的网站搜索结果
9. 不要一上来就让用户在网站上注册
10. 让用户能以访客的身份在你的网站上购物
11. 使用已有信息，最大程度为用户提供便利
12. 对于复杂任务，使用“点击拨打电话”功能
13. 当用户更换不同的移动设备时，确保能够便捷的完成交易
14. 信息输入时做到流线作业
15. 为每一个任务选择最简单的输入方法
16. 在需要选择日期的时候，提供一个可视化日历
17. 通过标签和实时确认，第一时间解决输入错误
18. 设计高效的表格
19. 针对移动终端，整体优化你的网站
20. 不要让用户用手捏放屏幕，去放大或缩小图片
21. 你的产品图像需要支持大图显示
22. 告知用户在哪种屏幕方向上访问网站最舒服
23. 让用户保持在单独一个浏览器窗口里访问你的网站
24. 避免“全网站”标签
25. 你必须要清楚自己为什么需要用户的地址信息