移动端Web开发详解-优快云博客

移动端开发

做完pc端，再到移动端，突然一脸懵比。PC端好不容易入门了，移动端又是什么鬼？小白一脸茫然不知所措，赶紧问度娘。什么移动端开发教程啦，移动端web开发啦，搜索一大堆，然而知识零散，还是没告诉我到底区别在哪儿，需要技术有哪些。读到这里，你以为我知道了，那你就太天真了，我不过是通过写文章引导自我思考而已….接下来，按照惯例就是先解决大概念问题…十万个为什么接踵而至。

1、移动端web开发是什么？

移动端web开发，自然基于的媒体设备是移动设备，通俗点说，也就是手机，平板。那移动端web就是运行在移动设备的网页。

2、移动端和PC端有何差别?

**内核：**PC端浏览器内核比较多Trident,Gecko,Presto,Webkit等，而Trident也就是IE的内核，我形容它为web界的毒瘤，恶心死人不偿命。而移动端就单一多了，基本被webkit统治。
设备：移动端和pc端最大的区别是由设备的不同引起的，这句话貌似废话。一是移动设备屏幕大小远小于pc端，设备的分辨率也参差不齐；二是移动设备拥有自己的操作方式，pc主要为鼠标，而现在的移动设备，基本都靠触摸。

3、技术上有何不同？

开发所用基础的技术来讲，别什么差别，都是通过HTML+CSS+JS来完成的。依照他们俩的差别，移动端开发的关键在于适配，需要匹配不同分辨率的移动设备，使网页能够在多样的移动设备中优雅地展示。再者就是需要对用户的操作进行反馈，这就对应到不同的事件，触摸、横屏等。由于移动设备内核基本为webkit，而此内核对html5及css3的支持非常好，因此可以放开的使用H5和CSS3的新特性，这就是常说的HTML5开发。它并不是什么高大上的东西，只不过定义了一些新标签和新属性而已，基本的元素依然是h4的那些，啥div，span,a…

4、移动web和web app?

刚准备开始写移动端的Hello World!了，度娘又出来一个web app?脑子已经快炸了，还没迎娶白富美，走上人生巅峰呢。移动web已经上面已经做了介绍，web app ?web+app?web形式的app?赶紧摆渡。个人理解为体验和形式介于web网页和app之间的东西，由于web app所用技术为HTML5和CSS3,因此，本质上它还是一个web。这的app只是一个模型（也就是框架），用户安装只是这个框架，每次使用的时候都需要用户在联网状态，然后动态去请求这个这web网页，然后呈现给用户。

说完这一段又扯到app？那这个web app和传统app有什么区别？传统app也称为原生app(Native app)

5、web app / Native app?

web app由于本质是基于HTML5+CSS3的网页，因此具有很好的跨平台型。而Native app，用智能手机的人都知道，Android市场的app跟apple store里面的app是不一样的，因为他们采用不同的开发环境，不同的sdk,已经不同的开发语言，因此不具有跨平台型。web app比Native app轻量化，但因此也受到制约，只能使用部分硬件设备，而Native app在体验上也更优于web app，但Native app开发成本自然很高，需要不同的研发团队，技术也会更复杂。更多…

经常在招聘上会看到一个叫“混合开发”的词儿，又是什么东西呢？