前端开发和web前端开发的区别

kranky

30天以前 3浏览
前端开发和web前端开发的区别

移动前端开发和web前端开发都属于前端开发,具体有以下区别。

1、业务的应用场景

web前端开发主要指传统的PC端网页开发,页面主要是运行在PC端浏览器中,移动前端开发出来的页面主要是运行在手机上。

直观上会感觉,PC端页面大一些,移动端页面小一些,但是根据开发经验,页面大可并不代表书写的代码复杂,页面小也并不意味着开发简单,难与易主要还是取决于具体的业务需求。

2、新技术的使用

由于在移动端主要以webkit内核为主,对于HTML5等新技术支持的更好,所以可以更大范围的使用新技术,而PC端开发由于很多场景下要求兼容IE等老版本浏览器,出于浏览器兼容性的考虑,有些情况下限制了新技术的使用。

3、页面的适配性

传统PC端的页面开发一般都会选择给页面设定一个固定宽度,两侧有留白,但是移动端的页面由于其载体手机屏幕比PC要小很多,一般都会选择尽可能多的在手机屏幕上显示内容,这就要求移动端页面要能够充分适应各种屏幕尺寸的手机并进行最大程度的利用。

从这一点上来说移动端页面的适配难度更高一些。

4、页面的性能

PC端的网络情况一般比较稳定,都是通过网线或者Wi-Fi连接网络,但是移动端就比较复杂,除了Wi-Fi,还有2G、3G、4G甚至是在几种不同的网络连接中交替切换也经常发生。

不稳定的网络连接对页面性能带来的挑战是移动端的页面资源不能太大,否则在恶劣网络情况下时,页面将会无法访问,严重影响用户体验。

5、框架选型

由于移动端网络情况的不稳定,导致我们在移动端页面框架选型时,一般只考虑小而美的框架,例如像zepto.js这样的压缩之后只有9.6K,就能满足一般业务的需要,如果是想要构建更复杂的单页面应用,可以选择像vue.js这样的框架,功能强大,但体积压缩后却只有20多K。

而web端相对选择的范围就比较大,一些比较重型的框架也可以根据项目需求加以考虑,例如古老但庞大的ext.js,依然凭借着众多UI组件活跃在一些企业的后台管理系统项目中。

扩展资料

Web前端开发需要掌握的技术:

1、熟练掌握前端开发技术(HTML5、JS、JSON、XHTML、CSS3),了解各项技术的相关标准。

2、掌握Ajax异步编程,能够写出高性能、可复用的前端组件。

3、对OO、MVC、MVVM等编程思想、前端框架有深刻理解,熟练掌握一个前端框架(常用前端框架Vuejs,AngularJS,React,Bootstrap,QUICKUI,移动端有:FrozenUI,weUI,SUI,MUI,AUI)了解其原理(框架有很多,选择两三个主流的框架,熟练,深度了解才可以)。

4、善于Web性能优化,可访问性、对SEO等有良好的体验;理解表现层与数据层分离的概念、Web语义化(这些也是在找工作中,很有用的加分项)。

5、了解前端安全机制,熟悉HTTP协议以及浏览器缓存策略。

6、熟悉常见JS开发框架源码实现,(如:prototype、jQuery、Mootools,Ext,Dojo,underscore、YUI、Kissy),至少熟练一种(当然也不要去选一些用的人很少的框架,要明白大项目都是团队做,不能自己搞一套)。

7、拥有良好的代码编写,设计文档撰写的经验,熟练使用Git等版本控制工具。

8、对常见的浏览器兼容问题有清晰的理解,并有可靠的解决方案,如IE6/7/8/9、Firefox、Safari、Chrome。

9、具有较高的审美(这个很重要,多去见识一些模板,高端的项目,就能感觉到有多大的差距)。

本文仅代表作者观点,版权归属原创作者,如需转载请在文中标注来源及作则名字。

免责声明:本文系转载编辑文章,仅做分享只用,如有疑问请联系邮箱:110@zbj.com

前端开发
大家都在看
不会做动画的前端不是好开发

随着终端设备以及业务的快速发展,前端工程也越来越复杂,所以分工也进一步精细化,有侧重做工具化与模块化架构的,有侧重无线体验或者 Web 与 Native 融合方面的,也有侧重复杂的商家后台或者数据可视化的,甚至有部分公司把 HTML+CSS 与 JS 的工作也分开的。

前端开发
6浏览
2024年Web前端开发市场怎么样?

2024年Web前端开发市场怎么样?

前端开发
5浏览
前端开发的工作职责有哪些?

前端开发的工作职责有哪些?

前端开发
8浏览
前端开发和后端开发哪个好学?

前端开发和后端开发哪个好学?

前端开发
6浏览
web前端开发中需要掌握哪些技术?

web前端开发中需要掌握哪些技术?

前端开发
9浏览
初学web前端开发用什么软件

初学web前端开发用什么软件

前端开发
33浏览
前端web案例_web前端开发 简单网页案例

案例开发前端开发web前端开发网页简单web前端
80浏览
前端开发导航栏案例

案例开发前端开发前端导航
113浏览
app后台开发 案例,app前端开发

案例app开发前端开发前端后台app前端后台开发
79浏览
有趣的web前端案例,web前端开发 简单网页案例

案例开发前端开发web前端开发网页简单web前端有趣
66浏览
web前端技术开发哪家好,web前端开发前景

技术开发前端开发web前端开发哪家好web前端技术开发前端技术
99浏览
如何成为一名合格前端开发工程师?

如何成为一名合格前端开发工程师?

前端开发
1浏览
初学web前端开发用什么软件

初学web前端开发用什么软件

前端开发
0浏览
前端开发用什么工具比较好啊?

前端开发用什么工具比较好啊?

前端开发
2浏览
前端开发是做什么的,后端是做什么的?

前端开发是做什么的,后端是做什么的?

前端开发
0浏览
学前端开发需要掌握哪些编程语言呢?

学前端开发需要掌握哪些编程语言呢?

前端开发
3浏览
前端开发工程师主要是做什么的?

前端开发工程师主要是做什么的?

前端开发
4浏览
全栈开发和前端开发该如何选择?

全栈开发和前端开发该如何选择?

前端开发
2浏览
程序员是做前端开发好,还是后端开发好呢?

程序员是做前端开发好,还是后端开发好呢?

前端开发
4浏览
前端开发用什么编辑器最好?

前端开发用什么编辑器最好?

前端开发
3浏览
点赞
收藏
分享