下哉ZY:https://www.97yrbl.com/t-1504.html
1.业务应用场景
Web前端开发主要是指传统的PC端网页开发,页面主要在PC端浏览器中运行,移动前端开发的页面主要在手机上运行。
直观来看,PC页面更大,移动页面更小。但是根据开发经验,页面大不代表写的代码复杂,页面小不代表开发简单。难易程度主要取决于具体的业务需求。
2.新技术的使用
由于webkit内核主要用在移动端,对HTML5等新技术的支持更好,所以新技术可以用的范围更广。然而,由于许多场景要求与IE等旧浏览器兼容,新技术的使用在某些情况下因浏览器兼容性而受到限制。
3.页面的适应性
传统的PC端页面开发一般选择为页面设置固定的宽度,两边留有页边距。但由于移动端页面的屏幕比PC小得多,一般会选择在移动端屏幕上显示尽可能多的内容,这就要求移动端页面要能够完全适应各种屏幕尺寸的手机,并最大限度的利用。
从这个角度来说,移动页面的适配难度更大。
4.页面的性能
一般PC端的网络情况比较稳定,都是通过网线或者Wi-Fi连接网络,但是移动端比较复杂。除了Wi-Fi,还有2G、3G、4G,甚至几种不同网络连接之间的交替切换。
网络连接不稳定对页面性能的挑战是移动端的页面资源不能太大,否则在网络条件不好的情况下页面无法访问,严重影响用户体验。
5.框架选择
由于移动网络不稳定的情况,我们在选择移动页面框架时一般只考虑小巧美观的框架。比如只有像zepto.js这样压缩后的9.6K才能满足一般业务的需求。如果想构建更复杂的单页应用,可以选择vue.js这样的框架,功能强大,但是卷压缩后只有20k多。
而web端的选择范围相对较广,根据项目需求也可以考虑一些较重的框架,比如虽然古老但庞大的ext.js,它仍然活跃在一些企业的后台管理系统项目中,有很多UI组件。