移动端开发html5,移动端开发和web前端的区别

移动端HTML5如何开发

1. 移动端不需要 300ms 的单击确认，所以不要监听 click 事件

2. 移动端网络一般较慢，如何减小页面体积及请求数，利用好缓存？

3. 移动端需要点击的元素及其间隔不能太小，考虑手指的面积？

4. 横屏和竖屏下的表现？

5. 不同浏览器间的兼容性（太多了，如 position:fixed）？

6. Retina 屏图片会不会模糊？

7. 输入状态键盘会不会挡住输入内容？

8. 在浏览器上点击后退的行为？

9. 某些浏览器（如 Safari）的隐私模式下 cookie 和 localStorage 的替代方案？

相关问答

Q1: 移动开发中HTML5能否替代本地程序？

替代是不可能的。最多是本地程序加个webview框架，套一个h5代码的网页，现实中有很多都这样搞的。

Q2: HTML5开发需要学习哪些内容

首先不建议自学，慢，有问题不知道如何解决，很快就会失去耐心和信心

其次软件开发是有很多分类的，如果你偏重应用软件，不需要从最基础的东西学起。比如什么编译原理、计算机原理等等都不用学

再次软件开发属于多学科整合，需要相关知识。比如做游戏开发起码要会打游戏，知道一般应该怎么操作才好开发。比如做财务软件，应该有基本的财务知识，不然只做个收入减支出，不能真正实用。

最后搞软件开发是有捷径的。先看下书，对照开发工具有个最基本概念。然后找本有实例的书，边学边练，第三步从网上找别人编好的源代码，分析学习，加深概念。很快就能初步掌握开发技巧，然后边实践边学习，就改变了枯燥的背语法、背函数的学习方式。

Q3: 为什么说HTML5是最适合移动端开发的语言

1.离线缓存为HTML5全栈开发移动应用提供了基础

2.音频视频自由嵌入，多媒体形式更为灵活

原生开发方式对于文字和音视频混排的多媒体内容处理相对麻烦，需要拆分开文字、图片、音频、视频，解析对应的URL并分别用不同的方式处理。

HTML5在这个方面完全不受限制，可以完全放在一起进行处理。

3.地理定位，随时随地分享位置

充分发挥移动设备对定位上的优势，推动LBS应用发展。

可以综合使用GPS、wifi、手机等方式让定位更为精准、灵活。

地理位置定位，让定位和导航不再专属导航软件，地图也不用下载非常大的地图包，可以通过缓存来解决，到哪儿下哪儿，更灵活。

4.Canvas绘图，提升移动平台的绘图能力

使用Canvas API可以简单绘制热点图收集用户体验资料

支持图片的移动、旋转、缩放等常规编辑

5.专为移动平台定制的表单元素

6.丰富的交互方式支持

提升互动能力：拖拽、撤销历史操作、文本选择等

7.HTML5使用上的优势

更低的开发及维护成本；

使页面变得更小，减少了用户不必要的支出；而且，性能更好使耗电量更低；

方便升级，打开即可使用最新版本，免去重新下载升级包的麻烦，使用过程中就直接更新了离线缓存。

Q4: 利用HTML5开发移动应用有哪些优点

优点主要有下面几个

离线缓存为HTML5开发移动应用提供了基础

音频视频自由嵌入，多媒体形式更为灵活

地理定位，随时随地分享位置

Canvas绘图，提升移动平台的绘图能力

Q5: 移动端HTML5如何开发？跟PC端有什么区别

pc，我们需要考虑五大浏览器，ie6-11，firefox，chrome，safari都得兼容的吧。css还是js，以及各种框架。

mobile的网页开发，我们需要考虑什么呢？

就目前来说，我们只需要考虑webkit内核的浏览器和chrome，uc，qq，小米手机浏览器就好了

1、PC端在开发过程中考虑的是浏览器兼容性，移动端开发中考虑的是手机兼容性问题，做移动端开发，更多考虑的是手机分辨率的自适应和不同手机操作系统的略微差异化；

2、在部分事件的处理上，移动端自然是偏向于触屏的，另外包括移动端弹出的手机键盘该如何处理，这样的问题在PC上肯定不会遇到，但在移动端，如果你没有经验，处理起来是相当麻烦的；

3、布局上，移动端开发是要做到页面布局自适应的，而PC端页面布局的比例会相对固定；

4、在动画效果处理上，PC端要考虑IE的兼容性，通常用JS做动画的通用性会好一些，但相比CSS3却牺牲了较大的性能，而在手机端，如果要做一些动画、特效等，第一选择肯定是CSS3，既简单，效率又高。

在实际中肯定还有其他一些不常见的问题