移动前端开发和web前端开发的区别?

如果说非要有区别的话应该就是开发的软件和方式不同,因为他们本来就不属于一端的东西,具体来看看下面:

web前端开发

移动前端开发和web前端开发的区别?_第1张图片

 

用最简单粗暴的方式来讲,就是用html + css + javascript来构建一个供人浏览的网页,其中又包括两个主要的分类:pc端网页开发以及移动端网页开发(很多时候被称为h5开发)。

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

移动前端开发和web前端开发的区别?_第2张图片

 

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

移动前端开发

移动前端开发和web前端开发的区别?_第3张图片

 

主流的移动前端开发指的是Android一级iOS的原生开发,什么是原生开发,最简单来讲就是Android用java写iOS用ObjectC(swift)写。这样做出来的app在浏览体验上肯定是优于网页的。

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

想学习web前端找工作这里推荐一下我的学习交流q.u,n: 95694,

0552 ,里面都是学习前端的,如果你想制作酷炫的网页,想学习编程。

自己整理了-份201 8最全面前端学习资料,从最基础的HTML+CSS+JS [炫酷特效,游戏,插件封装,设计模式]到移动端HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴, 有想学习web前端的,或是转行,或是大学生,还有工作中想提升自己能力的,正在学习的小伙伴欢迎加入学习。

你可能感兴趣的:(移动前端开发和web前端开发的区别?)