Hi，大家好！大熊君又和大家见面了，从这篇文章开始我要和大家聊聊移动开发的话题，这部分文章共8季，分别从不同角度来讲解什么是移动开发？移动开发涉及到什么方面的技术点以及移动开发中的常见问题和疑难杂症。
我们指的移动开发，实际上就是使用web技术------它主要包含“ h5，css3，javascript ”等技术，通过（Phonegap / Cordova-一个跨平台的并且已经有一整套相关生态系统包括工具，论坛，开发者。你能通过它来利用HTML5的API以及原生API。
开发出一个真正的移动应用。此平台也遵从HTML5规范以协助web应用的转化。） 在跨平台性，可移植性方面，具有无可比拟的优势。
背景了解：下面是一张信息图，为我们详细对比了纯web（HTML5），混合App（Hybrid）和原生App（Native）三种移动开发路线的差异。
一些重点差异：
开发难度移动web和混合App开发难度对于web开发者来说相对较低，而且可以充分利用现有的web开发工具和工作流程
发布渠道和更新方式------混合App可以在应用商店App Store发布，但可以自主更新，而原生App的更新必须通过应用商店App
移动设备本地API访问------混合App可以通过JavaScript API访问到移动设备的摄像头，GPS，而原生App可以通过原生编程语言访问设备所有功能。
跨平台和可移植性------基于浏览器的移动web最好的可移植性和跨平台表现；混合App也能节省跨平台的时间和成本，只需编写一次核心代码就可部署到多个平台，而原生App的跨平台性能
搜索引擎友好------只有移动web对搜索引擎友好，可与在线营销
货币化------混合App除广告外，还支持付费下载及程序内购买；原生App的程序内购买金额2012年首次超过
消息推送------只有混合App和原生App支持消息推送，这能增加用户忠诚度。
二，进入移动开发话题
就基于web技术的移动应用开发来说，其实本质是不变的，与PC端开发很类似，所以说换汤不换药，不管什么类型的应用，必须有一个友好的界面交互，首先就是布局的问题，移动布局和传统的基于PC
浏览器布局方式还是有区别的，所以今天就从布局说起，由浅入深逐步提高。好了进入重点部分，先看一个小栗子，如下好比这样：
我们分为三步骤去做这件事：
（1），准备测试虚拟设备，我这里用的是chrome自带的小工具
（2），建立一个html页面，如“bb.html”bb.html
1 2 3 4 5 6 7 8 9 大熊君移动开发之旅 10 11 12 13 大熊君移动开发之旅 14 1516
17
哈哈哈，我是大熊君{{bb}} (●'?'●))18
哈哈哈，我是大熊君{{bb}} (●'?'●)) 19
哈哈哈，我是大熊君{{bb}} (●'?'●)) 20
哈哈哈，我是大熊君{{bb}} (●'?'●)) 21
哈哈哈，我是大熊君{{bb}} (●'?'●)) 22
哈哈哈，我是大熊君{{bb}} (●'?'●)) 23
哈哈哈，我是大熊君{{bb}} (●'?'●)) 24
哈哈哈，我是大熊君{{bb}} (●'?'●)) 25
哈哈哈，我是大熊君{{bb}} (●'?'●)) 26
哈哈哈，我是大熊君{{bb}} (●'?'●)) 27
哈哈哈，我是大熊君{{bb}} (●'?'●)) 28
哈哈哈，我是大熊君{{bb}} (●'?'●)) 29
哈哈哈，我是大熊君{{bb}} (●'?'●)) 30
哈哈哈，我是大熊君{{bb}} (●'?'●)) 31
哈哈哈，我是大熊君{{bb}} (●'?'●)) 32
哈哈哈，我是大熊君{{bb}} (●'?'●)) 33
哈哈哈，我是大熊君{{bb}} (●'?'●)) 34
哈哈哈，我是大熊君{{bb}} (●'?'●)) 35
哈哈哈，我是大熊君{{bb}} (●'?'●)) 36
哈哈哈，我是大熊君{{bb}} (●'?'●)) 37
哈哈哈，我是大熊君{{bb}} (●'?'●)) 38
哈哈哈，我是大熊君{{bb}} (●'?'●)) 39
哈哈哈，我是大熊君{{bb}} (●'?'●)) 40
哈哈哈，我是大熊君{{bb}} (●'?'●)) 41
查看更多关于大熊君{{bb}}移动开发之旅（第一季）_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did107064