首先，要了解两个事物的好坏，就要知道它们的本质是什么，作用是什么。

无论是前端还是后端，最终的结果还是考虑到了未来的就业问题。所以下面的回答会根据现在的互联网环境，以及两者的技能要求来开发，解决你的疑惑。

Web前端:

1.精通HTML，能够编写语义合理、结构清晰、易于维护的HTML结构。

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

3.熟悉JavaScript，了解ECMAScript的基本内容，掌握1~2个js框架，比如JQuery。

4.对常见的浏览器兼容性问题和可靠的解决方案有清晰的认识。

5.对性能有一定要求，了解雅虎的性能优化建议，并在项目中有效执行。

Web后端:

1.精通jsp、servlet、java bean、JMS、EJB、Jdbc、Flex开发，或熟悉相关工具、类库和框架，如Velocity、Spring、Hibernate、iBatis、OSGI等，并对Web开发的模式有深刻的理解。

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

3.熟悉***ven项目配置管理工具，tomcat，jboss等应用服务器。同时，有高并发处理条件下负载调优相关经验者优先。

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

5.熟悉网络编程，有设计开发外部API接口的经验和能力，有跨平台API规范设计和API高效调用设计的能力。

总而言之，两者的区别在于

职能上，前端主要负责界面的设计；后端主要是制作界面后的功能。形象上，前端注重形式、美观；后端注重功能、实用性（为此，小编还特地去了乔布堂的研发部做了实地考察，发现我们的前端工程师买了2台Macbook，而后端工程师买了2个键盘。惊人的符合！）企业招聘中，前端工程师需要精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发；后端开发人员需要会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。

纵观各大招聘网站，公司对前端开发工程师的要求无非就是熟练掌握HTML、CSS、JS，良好的交互设计能力等。看公司对后端开发工程师的要求:

比如要求Java开发工程师精通Java和Java网络编程；

熟练使用SSH等开源框架；

熟悉互联网开发模式，对缓存、缓存设计和模式有清晰的认识；

精通TCP/IP、HTTP等网络协议，精通socket网络编程，有大流量、高压力的Java网络应用的有益经验；

熟悉Linux/Nginx；；

精通Apache、Tomcat、Resin等应用服务器的配置和维护，掌握shell/awk/python等系统脚本工具；

精通SQL语句和数据库(MySQL、Oracle)；

掌握Html/Javascript/Css/Ajax等页面技术，熟练使用Eclipse/Maven/Ant/SVN等软件开发工具；

Web架构的性质决定了服务器开发的复杂程度，服务器的复杂程度决定了后端开发人员应该掌握的技术。

3.学习成本的差异

学习Web前端开发3年，大部分同学都能成为优秀的Web前端开发工程师。同样，学习后端开发也需要三年时间，大部分学生只能算是初学者。Web前端开发者需要掌握HTML、CSS、JS，学习其他框架只是熟悉下一个框架的用法。这三种语言本身简单易用。对于后台开发者来说，开发语言的多样化，技术框架的选择，平台性能的了解，都需要经验积累。比如Java，你需要精通Java语言，jdk源代码，JVM性能优化，SSH框架，Mysql，还有各种技术，这些都不是短时间内可以用的。

前端Web开发入门门槛低，学习曲线比服务器端开发语言快。注意:晚学是因为晚学已经超出了Web前端开发的范畴，比如SEO，服务器端知识，HTTP协议。这些学习过程本身是缓慢的。

4.钱景与展望

由于互联网行业的快速扩张，各大公司对Web前端工程师的需求非常旺盛，自然钱景也蒸蒸日上。再加上HTML5规范的敲定，一定会引起Web的热潮。NodeJS在服务器端的扩展也让JS大放异彩。

Web前端开发入门门槛低，但需求旺盛，尤其是有经验的Web前端开发人员。

Web前端开发技术越来越成熟，应用范围越来越广。比如HTML5可以替代native APP(性能有待研究)，JavaScript可以用于数据库操作(NoSQL如MongoDB支持JS语法)，NodeJS可以让JavaScript在服务器端运行，只要你懂Js语法，不用后端开发语言就可以开发服务器端程序。

加上节点技术，前端几乎无所不能，现在Web前端开发技术支持全栈开发。

近年来，前端领域新技术不断涌现，旧技术也在不断更新。随着技术的不断进步，前端开发涉及的领域也越来越广。我们来看看前端的几个重要领域。

个人电脑

PC(个人电脑)是指个人电脑。目前电脑端还是一大前端领域，主要分为面向大众的各种网站，如新闻媒体、社交网络、电子商务、论坛，以及面向管理员的各种CMS(内容管理系统)等后端管理系统。

实际上，根本没有“前端工程师”当时的称谓一般叫“网页设计师”或者“美术设计师”。记得我接触的第一个网页设计软件是微软开发的“Frontpage & # 8221，接触到“三个***手”Dreamweaver (Dreamweaver，Fireworks，Flash)，直到现在的各种ide(集成开发环境)，比如Sublime Text，WebStorm，Visual Studio Code，Atom等。

对于前端工程师来说，开发PC端项目最痛苦的就是解决浏览器兼容问题，尤其是IE浏览器不同版本的问题。好在针对现代浏览器不同特性的兼容性，我们可以借助搭建工具的插件，比如Post CSS的Autoprefixer插件，自动添加不同浏览器的特性前缀。

接下来我们来看看PC端的第一个网页是什么样子的:

Web应用程序

Web App是指具有良好用户体验的* * Web应用* *，利用Web开发技术实现。它运行在定位器和桌面浏览。随着定位器网速的提升，Web App给我们提供了极大的便利。此外，近两年谷歌提出了一种新的Web App形式，即PWA(渐进式增强Web APP)。

PWA意在让Web在保留其本质(开放平台、易访问、可索引)的同时，在离线、互动、通知等方面实现类似app的用户体验。PWA的具体技术有服务工作者、Web App Manifest、Cache API、Fetch API、Push API、Web Push协议、通知等。

web的主要优势:

开发成本低内容更新快升级无需通知用户，自动升级能够跨多个平台和终端

Web应用的主要缺点:

用户体验短期内还无法超越原生应用离线工作的能力较弱消息推送不够及时无法获取系统级别的通知，提醒，动效等等

微信

微信(WeChat)是一个拥有大量用户的平台，所以是我们前端开发的另一个重要领域。微信的微信官方账号和订阅号，为营销和自媒体从业者开创了一片新天地。下面以微信微信官方账号为例，分析一下微信微信官方账号的主要功能:

信息推送用户服务用户互动

除了微信官方账号和订阅号，微信还推出了微信小程序。微信小程序是一种全新的连接用户和服务的方式。在微信中可以轻松获取和传播，体验极佳。

微信小程序的主要优势:

不用安装，即开即用相比于 App 开发来说，小程序开发成本更低UI 和操作流程比较统一，降低用户的使用难度基于微信平台，推广更容易、更简单

混合应用程序

* *混合App * *是指介于Web App和native App(主要是Android或iOS)之间的一种App，兼具native App良好的用户交互体验和Web App跨平台开发的优势。

根据Web语言和程序语言的混合程度，混合应用功能通常分为三种类型:多视图混合、单视图混合和基于Web的。最早的混合应用开发技术是基于Phonegap/Cordova技术。Cordova为开发人员提供了一组与设备相关的API。通过这组API，移动应用程序可以用JavaScript访问本机设备功能，如摄像头和麦克风。

目前主流的混合应用开发框架有:React Native、Onsen UI、Ionic、Framework 7、Native Script和Weex等。这里就不赘述了。我将对每个框架进行详细的比较和分析。有兴趣的读者可以自行查阅相关资料。接下来，我们来看看混合应用程序的优缺点。

混合应用的主要优势:

开发成本低节省跨平台的时间和成本可以访问硬件设备的功能可以打包成 App，发布到 App Store 或各大安卓应用平台

混合应用的主要缺点:

用户体验不如原生 App应用性能也不如原生 App技术还未成熟

比赛

自2014年白鹭引擎开发的《猫中神经》引爆朋友圈以来，HTML5游戏一发不可收拾。然而现在游戏开发越来越复杂，既要做出各种炫目的效果，也要做出各种炫目的2D或者3D场景。为了降低难度，加快游戏的开发速度，国内外不同厂商推出了很多游戏开发引擎。

HTML的5个主要开源游戏引擎:

phaserpixi.jsBabylon.jswhs.jsegretcocos2d-html5

桌面

桌面应用软件是我们日常生活中安装在电脑上的各种软件。前期开发桌面应用，需要有专门的语言UI(接口)库支持，如C++中的Qt库、MFC库、Java中的Swing、Python中的PyQT等。否则语言没有办法快速开发接口。

随着Web技术的不断发展，借助NW.js、Electron等开发框架，前端也可以开发桌面应用。其中，口碑不错的开源& # 8211Visual Studio代码是使用electronic开发的。使用Web技术的主要优势是其跨平台能力和开发效率。但它也有其相应的缺点，即运行效率不如用专业语言开发的桌面应用程序。

计算机网络服务器

Node.js一发布，就在前端工程师中引起轩然***。前端工程师几乎立刻对这项技术表现出了相当大的热情和期待。当你看到Node.js这个名字的时候，初学者可能会误认为是一个Javascript应用。其实Node.js是用C++语言写的，是一个Javascript运行环境。

Node.js使JavaScript能够在服务器端运行，这是一个非常棒的想法。这使得前端开发人员不再需要学习PHP、Java、Ruby、C#等服务端开发语言，也可以进入服务端开发领域。当然，对于大多数纯前端开发者来说，学习过程可能是痛苦而漫长的。

Node.js的主要Web开发框架:

ExpressKoaEggNodalSailsLoopback

当然，前端涉及的还不止这些。新领域包括数据可视化、IOT(物联网)、机器学习等。

它是前端和后端实现与视觉表现之间的桥梁，是贯穿整个产品开发过程的纽带，起着承上启下的作用。一个好的Web前端工程师，能够很好的理解产品经理对用户体验的要求，以及后台工程师的数据逻辑。或者程序逻辑分离的需求，并将这些需求转化为前台开发工作。

它是前端网站的门面，其价值远大于其他客户端开发。俗话说，术业有专攻。希望新时代的前端开发者能先专攻某个领域，再拓展其他领域，也就是先有深度再有广度。