移动前端开发与web前端开发的区别

　　若是说非要有区别的话应该就是开发的软件和方式不一样，具体来看看下面：

　　web前端开发

　　用最简单粗暴的方式来说，就是用html + css + javascript来构建一个供人浏览的网页，其中又包括两个主要的分类：pc端网页开发以及移动端网页开发（不少时候被称为h5开发）。

　　那么这二者有什么区别呢，依据本人的经验来看，pc端的网页开发要考虑更多样式兼容性的问题，ie，火狐，chrome等各大浏览器内核不一，使用到新特性的时候须要给样式加上最基础的兼容前缀，因此最好的作法仍是尽可能避免使用新样式属性来完成预期的效果。在移动端开发网页就基本不用考虑这种浏览器间的兼容问题了，手机上的浏览器绝大部分是webkit内核的，因此在移动端网页开发的时候能用到不少新的特性，像是极大简便了页面布局的flex布局，还有各类语义化的标签等。可是因为移动端手机的尺寸种类繁多，因此在这方面要下点功夫，举个最简单的例子就是一行原本是能显示3个目标的item可是在某些小尺寸的手机上只能显示2个。其余还有一些细微的区别例如js库的选择（pc上用jQuery，移动端用zepto，PC+移动+安卓+IOS用TUOCH UI等）。

　　像一个官方网站确定是须要在pc上以及移动端都能有较好的显示效果，为了解决这个问题的方案主要有2种。一是使用像是bootstrap这种自适应的网页UI框架，根据设备的宽度不一样显示不一样的效果。可是如今主流仍是作2套UI再根据UserAgent等来分别显示不一样的页面，这样在移动端的显示能更灵活一点。

　　移动前端开发

　　主流的移动前端开发指的是Android一级iOS的原生开发，什么是原生开发，最简单来说就是Android用java写iOS用ObjectC（swift）写。这样作出来的app在浏览体验上确定是优于网页的。

　　因为原生开发须要两个端开发，开发周期长（原生开发难度比web开发要大），因此最近不少公司都会把产品的一些页面抽出来用webview来实现，甚至还可使用phonegap将你的网页打包成app（能够理解为纯webview的一个app）。这样的app称为hybrid app，能够说是在开发效率以及用户体验上各有取舍得出来的产物吧。

来源：知乎 阿尔法汪