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

发布网友 发布时间：2022-03-25 12:40

我来回答

共13个回答

懂视网 时间：2022-03-25 17:01

前端开发包括了移动前端开发和web前端开发，即包括了PC端开发和移动端领域的开发，而web前端开发主要指传统的PC端网页开发，这是它们之间最大的区别。

移动前端开发指的是Android和iOS的原生APP开发，移动前端开发属于HTML5开发，包括H5专题页、移动前端网页，广告落地页、Hybrid App等。

WEB前端开发属于HTML5开发，主要偏向PC端的网页开发，包括PC端网页开发、PC端后台管理页面等，也会涉及部分的移动端网页开发。

总结：

前端开发包括了移动前端开发和web前端开发，即包括了PC端开发和移动端领域的开发，而web前端开发主要指传统的PC端网页开发，这是它们之间最大的区别。

热心网友 时间：2022-03-25 14:09

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

热心网友 时间：2022-03-25 15:27

前端前景是很不错的，像前端这样的专业还是一线城市比较好，师资力量跟得上、就业的薪资也是可观的，学习前端可以按照路线图的顺序，

0基础学习前端是没有问题的，关键是找到靠谱的前端培训机构，你可以深度了解机构的口碑情况，问问周围知道这家机构的人，除了口碑再了解机构的以下几方面：

1. 师资力量雄厚

要想有1+1>2的实际效果，很关键的一点是师资队伍，你接下来无论是找个工作还是工作中出任哪些的人物角色，都越来越爱你本身的技术专业前端技术性，也许的技术专业前端技术性则绝大多数来自你的技术专业前端教师，一个好的前端培训机构必须具备雄厚的师资力量。

2. 就业保障完善

实现1+1>2效果的关键在于能够为你提供良好的发展平台，即能够为你提供良好的就业保障，让学员能够学到实在实在的知识，并向前端学员提供一对一的就业指导，确保学员找到自己的心理工作。

3. 学费性价比高

一个好的前端培训机构肯定能给你带来1+1>2的效果，如果你在一个由专业的前端教师领导并由前端培训机构自己提供的平台上工作，你将获得比以往更多的投资。

希望你早日学有所成。

热心网友 时间：2022-03-25 17:02

前端，意思是就是网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。也就是说，前端就是网页给我们能看到的部分。

前端开发理所应当就是这些网页的设计部分，代码的实现。

前端开发是指前端开发的统称，包括web前端开发和移动端前端开发。也就是说，前端开发包括了web前端开发。

Web前端开发，顾名思义就是网页的页面展现部分的开发，但其实，我们平时说的前端开发就是指web前端开发。一般web页面指的是PC端页面，当然也有移动端页面的移动端web开发。

 

这几个概念的意思大概就是这样，不过，无论是什么前端开发，无论前段如何发展，HTML、CSS和JavaScript依然是整个前端开发的三大基石。所以不论题主是想做移动前端开发还是web前端开发，这三样基础技术都必须熟练掌握。

热心网友 时间：2022-03-25 18:53

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

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

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

      前端技术包括4个部分：前端美工、浏览器兼容、CSS、HTML“传统”技术与Adobe
AIR、Google
Gears,以及概念性较强的交互式设计，艺术性较强的视觉设计等。在Web1.0时代，由于网速和终端能力的*，大部分网站只能呈现简单的图文信息，并不能满足用户在界面上的需求，对界面技术的要求也不高。随着硬件的完善、高性能浏览器的出现和宽带的普及，技术可以在用户体验方面实现更多种可能，前端技术领域迸发出旺盛的生命力。

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

热心网友 时间：2022-03-25 21:01

Web前端开发是从网页制作演变而来的
Web前端开发的工作职责
1、使用Div+css并结合Javascript负责产品的前端开发和页面制作；[1]
2、熟悉W3C标准和各主流浏览器在前端开发中的差异，能熟练运用DIV+CSS，提供针对不同浏览器的前端页面解决方案；
3、负责相关产品的需求以及前端程序的实现，提供合理的前端架构；
4、与产品、后台开发人员保持良好沟通，能快速理解、消化各方需求，并落实为具体的开发工作；
5、了解服务器端的相关工作，在交互体验、产品设计等方面有自己的见解。

Web前端优化
尽量减少HTTP请求 (Make Fewer HTTP Requests)
减少 DNS 查找 (Rece DNS Lookups)
避免重定向 (Avoid Redirects)
使得 Ajax 可缓存 (Make Ajax Cacheable)
延迟载入组件 (Post-load Components)
预载入组件 (Preload Components)
减少 DOM 元素数量 (Rece the Number of DOM Elements)
切分组件到多个域 (Split Components Across Domains)
最小化 iframe 的数量 (Minimize the Number of iframes)
杜绝 http 404 错误 (No 404s)

前端开发和web前端开发无区别，叫法不一样

热心网友 时间：2022-03-25 23:26

有区别，但区别不大。

HTML5是HTML标准，它本身是一项标准化协议，然而被炒热后登上了互联网行业的招聘条目，HTML5开发这个名词本身就是不专业的称呼，通常意义上指使用HTML5等较为潮流的技术进行前端开发。

与
Web前端开发不同的是，使用HTML5不仅仅可以开发前端，还有网页游戏，手机APP，使用浏览器进行3D渲染等一系列建立在HTML5标准与搭载其标
准浏览器上的开发，而未来可能会有更多的功能分支并入HTML5标准，况且以上三个例子有可能属于Web，有可能属于前端，但是不属于Web前端

热心网友 时间：2022-03-26 02:07

一个是全栈一个是web，不一样范围。

热心网友 时间：2022-03-26 05:22

前面包含后面的岗位

热心网友 时间：2022-03-26 08:53

前端开发是创建WEB页面或APP等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互 [1] 。
前端开发从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。 [2]
前端开发跟随移动互联网发展带来了大量高性能的移动终端设备应用。HTML5，Node.js的广泛应用，各类UI框架，JS类库层出不穷，开发难度也在逐步提升。 [1]

热心网友 时间：2022-03-26 12:41

1、Bootstrap
Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。
2、蓝湖
蓝湖用于查看标注和切图下载非常方便
3、Cloud9IDE
Cloud9IDE是一个基于Node.JS构建的JavaScript程序开发WebIDE。它拥有一个非常快的文本编辑器，支持为JS，HTML，CSS和这几种的混合代码进行着色显示。Cloud9IDE还为node.js和GoogleChrome集成调试器，可以在IDE中启动、暂停和停止。
4、Notepad++
Notepad++是一款非常有特色的编辑器，是开源软件，可以免费使用。我们开发人员都是必备的。支持的语言:C,C++,Java,C#,XML,HTML,PHP,Javascript!
5、VisualStudioCode
VisualStudioCode是一个运行于OSX，Windows和Linux之上的，针对于编写现代web和云应用的跨平台编辑器。
6、GIMP
GIMP是GNU图像处理程序(GNUImageManipulationProgram)的缩写。包括几乎所有图象处理所需的功能，号称Linux下的PhotoShop。GIMP在Linux系统推出时就风靡了绘图爱好者圈。
7、SecureHeaders
SecureHeaders是Twitter送给Web开发者的一份大礼，作为一款Web安全开发工具，Secureheaders能够自动实施安全相关的header规则，包括内容安全*(CSP)，防止XSS、HSTS等攻击，防止火绵羊(Firesheep)攻击以及XFO点击劫持等。
8、Fontello
Fontello是个图标字体生成器。这个工具允许用户把这些图标web字体放到自己的项目中。主要特性如下：缩小字形集合，减小字体大小;合并一些字体标记到单个文件中；访问大量专业级的开源图标。

热心网友 时间：2022-03-26 16:46

在互联网行业，前端有WEB前端、HTML前端等，随着互联网技术发展，就业方向也有很多。web前端的就业方向有web架构师、web前端工程师、HTML前端开发工程师、网页设计师等等。一般情况下，网页设计和网页美工也是前端工作的一部分。
web开发是WEB前端工作，web前端包括web架构师、网页设计师、网页美工、前端开发等工作岗位。
web前端容易入门，相对后端编程量不大，随着技术和经验积累，从初级web开发可以达到高级web开发工程师级别，需要不断学习各技术。

热心网友 时间：2022-03-26 21:07

首先，网页设计师是对网页的架构、色彩以及网站的整体页面代码负责，网页美工只针对UI设计，比如网站是否做的漂亮，Web前端开发工程师是负责交互设计的，需要和程序猿进行交互设计的配合。

出色的Web前端开发工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。那么如何系统的学企业实用的Web前端技术呢，重点不在于讲解技术，而是更侧重于对技巧的讲解。技术非黑即白，只有对和错，而技巧则见仁见智。

WEB前端开发

Web前端需要掌握的有脚本技术javascript DIV+CSS，页面搭建技术，ajax和jquery以及简单的后端程序等。

后端的话可供开发的语言有 asp、php、jsp、.NET这些后端开发语言的话搭建环境都不一样。后端开发如果有一定的条件的话可以转为软件开发。不过要有一定的语言基础，类似java语言。C#等。

WEB前端开发

前端开发和后端开发的定向：

1)前端开发人员：精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。

2)后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。

我们来看下网上对Web前端开发、Web后端开发分别是什么?

Web前端：我们这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。

Web后端：后端更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。

WEB前端开发

我们再来看看大公司对前后端人员招聘的要求，通过这个角度看看前端、后端的技术要求：

Web前端：

1)精通HTML，能够书写语义合理，结构清晰，易维护的HTML结构。

2)精通CSS，能够还原视觉设计，并兼容业界承认的主流浏览器。

3)熟悉JavaScript，了解ECMAScript基础内容，掌握1~2种js框架，如JQuery.

4)对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案。

5)对性能有一定的要求，了解yahoo的性能优化建议，并可以在项目中有效实施。

WEB前端开发

Web后端：

1)精通jsp，servlet，java bean，JMS，EJB，Jdbc，Flex开发，或者对相关的工具、类库以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，对Web开发的模式有较深的理解.

2)练使用oracle、sqlserver、mysql等常用的数据库系统，对数据库有较强的设计能力.

3)熟悉maven项目配置管理工具，熟悉tomcat、jboss等应用服务器，同时对在高并发处理情况下的负载调优有相关经验者优先考虑.

4)精通面向对象分析和设计技术，包括设计模式、UML建模等.

5)熟悉网络编程，具有设计和开发对外API接口经验和能力，同时具备跨平台的.
————————————————
版权声明：本文为CSDN博主「牛耳IT教育」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_43664270/article/details/88756260