移动端 项目开发经验集锦

移动端 项目开发经验集锦

本次要与大家分享的是，在项目开发过程中，移动端遇到的各种问题~本文主要与大家分享移动端开发经验，主要包括表单兼容（fixed定位的input存在的问题、iPhone、iPad的按钮默认样式、默认高光样式的处理、关闭iOS中键盘自动大写等）、HTML、CSS、JS（移动端禁止电话号码、邮箱的自动识别、click事件的300ms延迟问题、元素点击高亮样式的处理、模拟手机联系人触摸a~z导航）的功能；浏览器内核与内核前缀。

浏览器内核与内核前缀

不同的浏览器有不同的渲染引擎，也就是内核。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是前端工程师需要了解内核的原因。前端工程师在代码中通过一些内核前缀为相应浏览器增加某些功能。换句话说，内核前缀标志着某种类的浏览器，使用内核前缀书写的代码只能够应用于相应浏览器。那么常见的浏览器分别是什么内核，在书写时内核前缀又应当如何书写？请看——>《浏览器内核以及内核前缀》

移动端 表单兼容的开发经验

表单的兼容一直是众多开发工程师心烦的一件事，在《移动端项目经验 表单兼容（上篇）》与《移动端项目经验 表单兼容（下篇）》两篇文章中主要为大家分享了，既介绍了存在哪些问题，也提到了解决问题的方式和方法：

1、fixed定位的input存在的问题；

2、iPhone、iPad的按钮默认样式；

3、IE10的文本框中的关闭按钮；

4、默认高光样式的处理；

5、调用相册的按钮样式处理；

6、占位符 placeholder新属性；

7、关闭iOS中键盘自动大写。

移动端 HTML、CSS、JS开发经验

在《移动端开发经验 HTML与CSS兼容》与《移动端开发经验 JavaScript》两篇文章当中，主要从HTML、CSS、JS角度书写了遇到的开发问题。主要包括：

1、移动端禁止电话号码、邮箱的自动识别；

2、横向rem的相关问题；

3、click事件的300ms延迟问题；

4、元素点击高亮样式的处理；

5、zepto的touch问题。

6、模拟手机联系人触摸a~z导航——《移动端 模拟手机联系人触摸a~z导航》

移动端很常见的效果，类似于手机联系人的快速导航功能，即当触摸a~z的字母时，能够相对应的显示文字。有些手机的音乐导航也类似。

致谢

很感谢电脑前的你，将这篇文章从头读完，我们希望能够为大家建立一个HTML5技术分享平台，欢迎进入“HTML5学堂”沟通交流~~~HTML5学堂~http://www.h5course.com~由多名热爱H5的讲师们组成的一个组织。致力于构建一个前端技术、HTML5知识的分享平台。