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

前言：

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

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

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

第一：准备工作

a,input等元素在android原生浏览器下获得焦点时，元素外围会出现一个橙色的高亮边框（如下图）。

若要去除它，通常的办法是：

a:focus,input:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); }

一、基础知识

1.手机APP的类型

移动端的应用有这几种：WebApp，NativeApp，HybridApp。

WebApp 就是手机网站，需要用手机浏览器访问。

NativeApp是用原生语言开发，用户需要下载安装的手机应用。 NativeApp的开发成本很高，每个平台的开发语言都不一样， 比如IOS的开发语言是object C ， Android系统的APP需要用Java开发， WindowsPhone 则需要用 C# 开发。那么我们如果需要做一个多平台都能运行的APP，需要用多种语言

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. 你必须要清楚自己为什么需要用户的地址信息

以下是iOS6已经安装的字体：

手机开发火了很久了，各种app玲琅满目，一直开发pc web版的前端人员，怎么转到移动开发上呢？wap站？好老了，现代浏览器，很大的特点是：webkit内核， 支持html5，css3，国内主流的手机浏览器UC、海豚等，因此pc转移动，也就是要会html5、css3,自然js、html4、css2也是必须的。

高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂，我们总结为以下几点： 流量、功耗与流畅度。 在PC时代我们更多的是考虑体验上的流畅度，而在Mobile端本身丰富的场景下，需要额外关注对用户基站网络流量使用的情况，设备耗电量的情况。

...

判断当前访问网站的设备是否是PC

//平台、设备和操作系统
        var system ={
        win : false,
        mac : false,
        xll : false
        };
        //检测平台
        var p = navigator.platform;
...