首页 > 前端开发 > 正文

前端开发和web开发啥关系 前端开发和web前端开发的区别

2023-09-22 06:13:25 | 我爱编程网

最近经常有小伙伴私信询问前端开发和web开发啥关系 前端开发和web前端开发的区别相关的问题,今天,我爱编程网小编整理了以下内容,希望可以对大家有所帮助。

前端开发和web开发啥关系 前端开发和web前端开发的区别

前端开发和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,QUICK UI,移动端有:Frozen UI,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、具有较高的审美(这个很重要,多去见识一些模板,高端的项目,就能感觉到有多大的差距)。

前端开发和web开发啥关系 前端开发和web前端开发的区别

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

前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互

[1]

。它从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。

??????

移动互联网带来了大量高性能的移动终端设备以及快速的无线网络,HTML5,node.jS的广泛应用,各类框架类库层出不穷。

前端技术的发展是互联网自身发展变化的一个缩影。前端技术指通过浏览器到用户端计算机的统称,存贮于服务器端的统称为后端技术。前端开发主要职能就是把网站的界面更好地呈现给用户。以前会Photoshop和Dreamweaver就可以制作网页,随着网站开发难度加大、开发方式多样,网页制作更接近传统的网站后台开发,网页制作更多被称为Web前端开发。

?????前端技术包括4个部分:前端美工、浏览器兼容、CSS、HTML“传统”技术与Adobe

AIR、Google

????2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。随着手机成为人们生活中不可或缺的一部分,成为人们身体的延伸,人们迎来了体验为王的时代。移动端的前端技术开发前景宽阔。此外,前端技术还能应用于智能电视、智能手表、物联网可视化网页链接甚至人工智能领域。

前端开发和web开发啥关系 前端开发和web前端开发的区别

web前端和web开发有什么区别

我们先来了解一下前端的含义:前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。通俗的话来说,就是网站展示给人看的东西。前端是一个名词。

而前端又分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现。

所以它们之间是包含与被包含的关系。现在前端开发早已不是早年的的网页设计,当时主要是以图片和文字为主,用户使用网站的行为也以浏览为主。而现在的前端开发使得现代网页更加美观,交互效果显著,功能更加强大。所以现在的前端开发,运用到的知识面更加广泛,难度也更大。

不过,无论怎么发展,HTML、CSS和JavaScript依然是整个前端开发的三大基石。所以不论题主是想做移动前端开发还是web前端开发,这三样基础技术都必须熟练掌握。

以上就是我爱编程网小编整理的内容,想要了解更多相关资讯内容敬请关注我爱编程网。
与“前端开发和web开发啥关系 前端开发和web前端开发的区别”相关推荐
前端开发和web的关系 前端开发和web前端开发的区别
前端开发和web的关系 前端开发和web前端开发的区别

前端开发和web前端开发的区别前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互[1]。它从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以

2023-09-30 00:34:05
前端开发和web前端啥区别 前端开发和web前端开发的区别
前端开发和web前端啥区别 前端开发和web前端开发的区别

前端开发和web前端开发的区别前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互[1]。它从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以

2023-09-10 03:28:35
web与前端开发的关系 前端开发和web前端开发的区别
web与前端开发的关系 前端开发和web前端开发的区别

前端开发和web前端开发的区别前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互[1]。它从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以

2023-10-05 02:03:00
web前端和前端开发有啥区别 web前端和web开发有什么区别
web前端和前端开发有啥区别 web前端和web开发有什么区别

前端开发和web前端开发的区别前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互[1]。它从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以

2023-09-22 12:22:58
web开发与前端开发的关系 javaweb开发和web前端开发有什么区别
web开发与前端开发的关系 javaweb开发和web前端开发有什么区别

web前端和web开发有什么区别我们先来了解一下前端的含义:前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。通俗的话来说,就是网站展示给人看的东西。前端是一个名词。而前端又分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现。所以它们之间是包含与被包含的关系。现在前端开发早已不是早年的的网页设计,当时主要是以图片和

2023-09-22 04:31:44
h5前端开发和web前端 HTML5开发和web前端开发有啥区别啊_web开发和前端开发有什么区别
h5前端开发和web前端 HTML5开发和web前端开发有啥区别啊_web开发和前端开发有什么区别

HTML5开发和web前端开发有啥区别啊_web开发和前端开发有什么区别Web前端意思就是网站前台部分,运行在PC端,移动端等浏览器上展现给用户所浏览的网页。前端开发顾名思义就是这些页面设计的实现,代码的实现。而前端开发中需要掌握最基础的技能就是HTML、CSS,JavaScript,在页面的布局时,HTML将元素进行定义,CSS对展示的元素进行定位,再通过JavaScript实现相应的效

2023-09-22 11:45:06
web前端开发和h5前端 HTML5开发和web前端开发有啥区别啊_web开发和前端开发有什么区别
web前端开发和h5前端 HTML5开发和web前端开发有啥区别啊_web开发和前端开发有什么区别

HTML5开发和web前端开发有啥区别啊_web开发和前端开发有什么区别Web前端意思就是网站前台部分,运行在PC端,移动端等浏览器上展现给用户所浏览的网页。前端开发顾名思义就是这些页面设计的实现,代码的实现。而前端开发中需要掌握最基础的技能就是HTML、CSS,JavaScript,在页面的布局时,HTML将元素进行定义,CSS对展示的元素进行定位,再通过JavaScript实现相应的效

2023-09-22 12:58:20
web前端开发和前端h5开发 HTML5开发和web前端开发有啥区别啊_web开发和前端开发有什么区别
web前端开发和前端h5开发 HTML5开发和web前端开发有啥区别啊_web开发和前端开发有什么区别

HTML5开发和web前端开发有啥区别啊_web开发和前端开发有什么区别Web前端意思就是网站前台部分,运行在PC端,移动端等浏览器上展现给用户所浏览的网页。前端开发顾名思义就是这些页面设计的实现,代码的实现。而前端开发中需要掌握最基础的技能就是HTML、CSS,JavaScript,在页面的布局时,HTML将元素进行定义,CSS对展示的元素进行定位,再通过JavaScript实现相应的效

2023-09-22 02:56:48