总的来说,移动前端开发的难度相对于PC会小一些。Pc需要考虑ie、火狐、chrome、safari的兼容性,不论是css还是js都够费上很大劲了。在移动端上,只需要考虑webkit内核的浏览器、chrome、uc等国产浏览器就好。简单来说,移动端的网页开发比pc端的更简单一些,因为页面小,交互也简单,但并不绝对,主要还是看业务需求。一般来说,pc端的前端转移动端都没什么问题,能很快上手。
最直接的差别便是,移动前端开发是做手机网页的前端开发,web前端开发是桌面网页的前端开发。服务器端开发也叫做后台开发,它是唯一的且对应不同的平台,负责数据的分发与存储,和一些逻辑的处理。
Web平台的规范是键盘+鼠标,开发技术主要是html+css+JavaScript等。移动平台的规范主要是键盘(触摸)+手势,开发技术上,iphone主要是objective-C,android是Java。
业界内很说用移动web前端开发,主要都用移动web开发,而web app特指的是用html5技术开发,之所以叫web app是因为他相对来说更接近客户端应用程序的用户体验,能够和系统深度融合,比如在移动设备上可以利用html5网页访问电话、摄像头等本地功能。
分条来梳理的话就是:
1. 应用场景:web前端主要指传统PC端网页开发,页面主要在PC端浏览器运行。移动前端则主要是运行在手机上。
2. 新技术的应用:由于移动端主要以webkit内核为主,对html5等新技术的支持更好,适用范围因而更大。PC端由于在某些场景下要求兼容老版本浏览器,新技术的使用有一定限制。
3. 页面适配:PC端网页往往会有固定宽度,两侧留白。但移动端的页面往往都选择在手机屏幕上显示足够多的内容,因此要能够充分适用不同尺寸的屏幕并进行最大化利用。
4. 页面性能:PC的网络情况一般比较稳定,但是相比之下,移动端就复杂许多。除了Wi-Fi,还有3G、4G、5G,甚至会发生多种连接方式交替使用的情况。不稳定的网络连接对页面性能带来的挑战是移动端的页面资源不能太大,否则在恶劣网络情况下时,页面将会无法访问 ,严重影响用户体验。
5. 框架选择:移动端的网络情况决定了其框架选型时受限较多,一般使用较小的如zepto.js等就能满足一般业务需要。在更复杂的单页面应用时,vue.js也是很好的选择。但是在web端的选择范围就大很多,比较重型的框架也可以考虑。像ext.js这样古老、庞大的框架在一些企业后台管理中仍在使用,就是看中它众多的UI组件。
我们简单地梳理了一下移动前端开发和web前端开发的区别,如果想要深入了解更多,可以移步我们的官网,有很多前端开发的免费课程,还有试听课程哦~