移动前端开发与 web 前端开发的区别
如果说非要有区别的话应该就是开发的软件和方式不同,具体来看看下面:
web 前端开发
用最简单粗暴的方式来讲,就是用 html + css + javascript 来构建一个供人浏
览的网页,其中又包括两个主要的分类:pc 端网页开发以及移动端网页开发
(很多时候被称为 h5 开发)。
那么这两者有什么区别呢,依据本人的经验来看,pc 端的网页开发要考虑
更多样式兼容性的问题,ie,火狐,chrome 等各大浏览器内核不一,使用到新
特性的时候需要给样式加上最基础的兼容前缀,所以最好的做法还是尽量避免
使用新样式属性来完成预期的效果。在移动端开发网页就基本不用考虑这种浏
览器间的兼容问题了,手机上的浏览器绝大部分是 webkit 内核的,所以在移动
端网页开发的时候能用到很多新的特性,像是极大简便了页面布局的 ex 布局,
还有各种语义化的标签等。但是由于移动端手机的尺寸种类繁多,所以在这方
面要下点功夫,举个最简单的例子就是一行本来是能显示 3 个目标的 item 但是
在某些小尺寸的手机上只能显示 2 个。其他还有一些细微的区别例如 js 库的选
择(pc 上用 jQuery,移动端用 zepto,PC+移动+安卓+IOS 用 TUOCH UI
等)。
像一个官方网站肯定是需要在 pc 上以及移动端都能有较好的显示效果,为
了解决这个问题的方案主要有 2 种。一是使用像是 bootstrap 这种自适应的网页
UI 框架,根据设备的宽度不同显示不同的效果。但是现在主流还是做 2 套 UI 再
根据 UserAgent 等来分别显示不同的页面,这样在移动端的显示能更灵活一点。
移动前端开发
主流的移动前端开发指的是 Android 一级 iOS 的原生开发,什么是原生开发,
最简单来讲就是 Android 用 java 写 iOS 用 ObjectC(swi&)写。这样做出来的 app
在浏览体验上肯定是优于网页的。
由于原生开发需要两个端开发,开发周期长(原生开发难度比 web 开发要
大),所以最近很多公司都会把产品的一些页面抽出来用 webview 来实现,甚
至还可以使用 phonegap 将你的网页打包成 app(可以理解为纯 webview 的一个
app)。这样的 app 称为 hybrid app,可以说是在开发效率以及用户体验上各有
取舍得出来的产物吧。