web前端和后端的不同点是什么呢
前端开发主要做的是用户所能看到的前端展示界面；后端开发主要做的是逻辑功能等模块。其实主要区别体现在以下两个方面：知识结构与实现和工作职责。
对于如何学习WEB前端或后端，或者在学习过程中遇见问题自己无法解决，可以到我的学习交流裙，里面有最新的学习路线和教程，可以跟着学，有什么不懂的地方可以随时在里面问。
1、知识结构
（1）展示的方式不同
前端指的是用户可见的界面，网站前端页面也就是网页的页面开发，比如网页上的特效、布局、图片、视频，音频等内容。前端的工作内容就是将美工设计的效果图的设计成浏览器可以运行的网页，并配合后端做网页的数据显示和交互等可视方面的工作内容。
后端是指用户看不见的东西，通常是与前端工程师进行数据交互及网站数据的保存和读取，相对来说后端涉及到的逻辑代码比前端要多的多，后端考虑的是底层业务逻辑的实现，平台的稳定性与性能等。
（2）所用的技术、技能与工具不同
前端开发，就是要创造上面提到的网站面向用户的部分背后的代码，并通过建立框架，构建沉浸性的用户体验。为了实现这个目标，开发需要熟练运用下列语言、框架、工具库：
后端开发者使用这些工具编写干净、可移植、具有良好文档支持的代码来创建或更新Web应用。但在写代码之前，他们需要与客户沟通，了解其实际需求并转化为技术目标，制定最有效且精简的方案来进行实现。
（3）所用技术不同
前端开发用到的技术包括但不限于html5、css3、javascript、jquery、Bootstrap、Node.js、Webpack，AngularJs，ReactJs，VueJs等技术。
后端开发以java为例主要用到的是包括但不限于StrutsspringspringmvcHibernateHttp协议ServletTomcat服务器等技术。
2、工作职责
前端工程师主要的工作职责分为三大部分，分别是传统的Web前端开发，移动端开发和大数据呈现端开发。Web前端开发主要针对的是PC端开发任务；
移动端开发则包括Android开发、iOS开发和各种小程序开发，在移动互联网迅速发展的带动下，移动端的开发任务量是比较大的，随着5G标准的落地，未来移动端的开发任务将得到进一步的拓展；大数据呈现则主要是基于已有的平台完成最终分析结果的呈现，呈现方式通常也有多种选择，比如大屏展示等。
后端工程师的主要职责也集中在三大部分，分别是平台设计、接口设计和功能实现。平台设计主要是搭建后端的支撑服务容器；接口设计主要针对于不同行业进行相应的功能接口设计，通常一个平台有多套接口，就像卫星导航平台设有民用和军用两套接口一样；功能实现则是完成具体的业务逻辑实现。
扩展资料：
前端和后端的应用范围
1、PC(PersonalComputer)即个人电脑。
目前电脑端仍是前端一个主要的领域，主要分为面向大众的各类网站，如新闻媒体、社交、电商、论坛等和面向管理员的各种CMS(内容管理系统)和其它的后台管理系统。
2、WebApp是指使用Web开发技术，实现的有较好用户体验的Web应用程序。
它是运行在手机和桌面端浏览中，随着移动端网络速度的提升，WebApp为我们提供了很大的便利。此外近两年Google提出了一种新的WebApp形态，即PWA(渐进增强WebAPP)。
3、WeChat(微信)这个平台，拥有大量的用户群体，因此它也是我们前端开发另一个重要的领域。微信的公众号与订阅号为市场营销和自媒体从业者，打造了一个新的天地。
4、HybridApp(混合应用)是指介于WebApp、原生App(主要是Android或iOS)之间的App，它兼具原生App良好用户交互体验的优势和WebApp跨平台开发的优势。
5、Game（游戏），HTML5游戏从2014年Egret引擎开发的神经猫引爆朋友圈之后，就开始一发不可收拾。不过现在游戏开发变得越来越复杂，需要制作各种炫丽炫丽的效果，还要制作各炫丽于2D或者3D的场景。
6、Desktop桌面应用软件，就是我们日常生活中电脑中安装的各类软件。早期要开发桌面应用程序，就需要有专门的语言UI(界面)库支持，如C中的Qt库、MFC库，Java的Swing、Python的PyQT等，否则语言是没办法进行快速界面开发。
7、ServerNode.js一发布，立刻在前端工程师中引起了轩然大波，前端工程师们几乎立刻对这一项技术表露出了相当大的热情和期待。看到Node.js这个名字，初学者可能会误以为这是一个Java应用，事实上，Node.js采用C语言编写而成，是一个Java的运行环境。
绛旓細鐢变簬鍓嶇鍜屽悗绔殑鍏虫敞鐐涓嶅悓锛屽洜姝ゅ畠浠箣闂寸殑鍚堜綔鏂瑰紡涔熸槸涓嶅悓鐨勩傚墠绔紑鍙戣呴渶瑕佹牴鎹悗绔彁渚涚殑API鍜屾暟鎹帴鍙ｆ潵瀹炵幇鐢ㄦ埛鐣岄潰鐨勪氦浜掑姛鑳斤紝鑰屽悗绔紑鍙戣呭垯闇瑕佸鐞嗗墠绔彁浜ょ殑鏁版嵁锛屽苟瀵瑰叾杩涜鐩稿簲鐨勯昏緫澶勭悊鍜屽瓨鍌ㄣ備袱鑰呴渶瑕佸瘑鍒囧悎浣滐紝浠ョ‘淇濈敤鎴风晫闈㈠拰鏁版嵁澶勭悊涔嬮棿鐨勬棤缂濆鎺ャ傜患涓婃墍杩帮紝鍓嶇鍜屽悗绔湪Web寮鍙戜腑...
绛旓細1銆佽瑷涓嶅悓web鍓嶇锛氫唬鐮佷富瑕佸湪瀹㈡埛绔紙pc銆佹墜鏈恒乸ad锛夎繍琛岋紱web鍚庣鐨浠ｇ爜涓昏鍦ㄦ湇鍔＄锛堟煇鍙版満鎴挎湇鍔″櫒绛夛級杩愯 2銆佹濊冪殑鏂瑰悜鏄笌鐢ㄦ埛浜や簰涓嶅悓鍓嶆涓昏鏄冭檻鎬庢牱鑳借鐢ㄦ埛瑙夊緱鐢ㄨ捣鏉ユ洿鑸掓湇锛岃冭檻鐣岄潰甯冨眬銆佷氦浜掓晥鏋溿侀〉闈㈠姞杞介熷害绛夌瓑锛屼富瑕佹槸鍋忓悜鐢ㄦ埛鐪嬪緱瑙佺殑閮ㄥ垎锛屽鎴风锛坧c銆佹墜鏈恒乸ad锛変笂娴忚web...
绛旓細1銆佸墠绔紑鍙戠幇鍦ㄤ竴鑸寚鐨勫氨鏄web鍓嶇寮鍙戝伐绋嬪笀锛屽叾璐熻矗鏄綉绔欏墠绔〉闈篃灏辨槸缃戦〉鐨勯〉闈㈠紑鍙戯紝绠鍗曠殑璇寸綉绔欏墠绔礋璐ｆ槸涓滆タ鏄綉绔欑敤鎴峰彲瑙佺殑涓滆タ锛屽缃戦〉涓婄殑鐗规晥銆佺綉椤电殑甯冨眬銆佸浘鐗囥佽棰戠瓑鍐呭銆傜綉绔欏墠绔伐绋嬪笀鐨勫伐浣滃唴瀹瑰氨鏄皢缇庡伐璁捐鐨勬晥鏋滃浘鐨勮璁℃垚娴忚鍣ㄥ彲浠ヨ繍琛岀殑缃戦〉锛屽苟鍜屽悗绔寮鍙戝伐绋嬪笀閰嶅悎鍋氱綉椤...
绛旓細WEB寮鍙戜腑鈥滃墠绔濆拰鈥鍚庣鈥鐨勫尯鍒濡備笅锛氫竴銆Web鍓嶇锛1锛夌簿閫欻TML锛岃兘澶熶功鍐欒涔夊悎鐞嗭紝缁撴瀯娓呮櫚锛屾槗缁存姢鐨凥TML缁撴瀯銆2锛夌簿閫欳SS锛岃兘澶熻繕鍘熻瑙夎璁★紝骞跺吋瀹逛笟鐣屾壙璁ょ殑涓绘祦娴忚鍣ㄣ3锛夌啛鎮塉avaScript锛屼簡瑙CMAScript鍩虹鍐呭锛屾帉鎻1~2绉峧s妗嗘灦锛屽JQuery 4锛夊甯歌鐨勬祻瑙堝櫒鍏煎闂鏈夋竻鏅扮殑鐞嗚В锛屽苟鏈夊彲闈...
绛旓細1銆佷粠涓夋柟闈㈠叿浣撴潵璇磋Web鍓嶇鍜屽悗绔殑鍖哄埆銆傚睍绀烘柟寮忓墠绔槸鐢ㄦ埛鍙鐨勭晫闈紝缃戠珯鍓嶇椤甸潰涔熷氨鏄綉椤电殑椤甸潰寮鍙戯紝姣斿缃戦〉涓婄殑鐗规晥銆佸竷灞銆佸浘鐗囥佽棰戯紝闊抽绛夊唴瀹广2銆佺綉椤佃璁″墠绔富瑕佽礋璐ｉ〉闈㈢殑灞曠ず锛屽悗绔垯鏄笟鍔￠昏緫鐨勫疄鐜般傚闇瀛︿範缃戦〉璁捐鎺ㄨ崘閫夋嫨銆愯揪鍐呮暀鑲层戙3銆佸悗绔竴鑸寚鐨勫氨鏄垜浠綉绔欑殑鏈嶅姟...
绛旓細鍓嶇鍜屽悗绔湁浠涔堝尯鍒?鍓嶇鍜屽悗绔槸鎸Web搴旂敤绋嬪簭寮鍙戜腑鐨勪袱涓富瑕侀鍩燂紝瀹冧滑鐨勪富瑕佸尯鍒湪浜庡叾鑱岃矗鍜屾妧鏈噸鐐逛笉鍚屻傜畝鍗曟潵璇达紝鍓嶇寮鍙戝叧娉ㄧ殑鏄敤鎴峰浣曚笌Web搴旂敤绋嬪簭浜や簰锛屽浣曞睍绀烘暟鎹拰鍐呭缁欑敤鎴凤紝鑰屽悗绔紑鍙戝叧娉ㄧ殑鏄浣曞鐞嗗拰瀛樺偍鏁版嵁锛屼互鍙婂浣曞皢鏁版嵁浼犻掔粰鍓嶇灞曠ず缁欑敤鎴枫1銆 瀹氫箟鏂归潰 鍓嶇缁熺О涓衡...
绛旓細淇濊瘉鏁版嵁鍚炲悙鐨勬ц兘 3銆佺ǔ瀹氭涓嶅悓锛鍓嶇涓昏鎬曡璁＄鐨勯绻佸彉鏇达紝甯冨眬鏍峰紡銆佷氦浜掓晥鏋滅殑闇姹傚彉鏇达紱鍚庣涓昏鎬曚笟鍔￠昏緫鍙樻洿锛屾垨鑰呭綋浣跨敤瑙勬ā澧炲ぇ涔嬪悗鐨勭ǔ瀹氭 鍓嶇寮鍙鏄粈涔 鍓嶇鍗崇綉绔欏墠鍙伴儴鍒嗭紝杩愯鍦≒C绔紝绉诲姩绔瓑娴忚鍣ㄤ笂灞曠幇缁欑敤鎴锋祻瑙堢殑缃戦〉銆傞殢鐫浜掕仈缃戞妧鏈殑鍙戝睍锛孒TML5锛孋SS3锛屽墠绔鏋剁殑搴旂敤锛岃法...
绛旓細锛2锛夋墍鐢ㄧ殑鎶鏈佹妧鑳戒笌宸ュ叿涓嶅悓 鍓嶇寮鍙戯紝灏辨槸瑕佸垱閫犱笂闈㈡彁鍒扮殑缃戠珯闈㈠悜鐢ㄦ埛鐨勯儴鍒嗚儗鍚庣殑浠ｇ爜锛屽苟閫氳繃寤虹珛妗嗘灦锛屾瀯寤烘矇娴告х殑鐢ㄦ埛浣撻獙銆備负浜嗗疄鐜拌繖涓洰鏍囷紝寮鍙戦渶瑕佺啛缁冭繍鐢ㄤ笅鍒楄瑷銆佹鏋躲佸伐鍏峰簱锛鍚庣寮鍙戣呬娇鐢ㄨ繖浜涘伐鍏风紪鍐欏共鍑銆佸彲绉绘銆佸叿鏈夎壇濂芥枃妗ｆ敮鎸佺殑浠ｇ爜鏉ュ垱寤烘垨鏇存柊 Web搴旂敤銆備絾鍦ㄥ啓浠ｇ爜涔嬪墠...
绛旓細鍓嶆櫙:搴旂敤鍓嶆櫙閮藉緢骞块様锛屼竴銆佸墠涓ゅ勾web鍓嶇妗嗘灦鏄櫨鑺遍綈鏀撅紝澶鐨勬鏋讹紝鐜板湪鎱㈡參娌夋穩涓嬫潵鍑犱釜甯哥敤鐨勬鏋 濡俲query vue anglularjs react ,杩樻湁涓浜涘墠绔妧鏈鑼 濡俬tml5 css3 es6绛夛紝鎵浠ョ洰鍓嶆潵璇村墠绔殑鎶鏈彲浠ユ湁闄愭灇涓惧嚭鏉ョ殑銆備簩銆鍚庣鎶鏈繖浜涘勾鍙互鐢ㄥ眰鍑轰笉绌锋潵褰㈠锛屽お澶氱殑缂栫▼璇█鍜岀紪绋嬫鏋讹紝澶...
绛旓細鍚庣寮鍙 浠ava涓轰緥 涓昏鐢ㄥ埌鐨 鏄寘鎷絾涓嶉檺浜嶴truts spring springmvc Hibernate Http鍗忚 Servlet Tomcat鏈嶅姟鍣ㄧ瓑鎶鏈傛棤璁鍓嶇杩樻槸鍚庣瑕佸涔犵殑鐭ヨ瘑閮芥槸鐩稿綋澶氱殑锛岀煡璇嗚寖鍥撮兘鏄浉褰撳箍娉涖傛病鏈夎皝鑳借交杞绘澗鏉惧浼氾紝涔熸病鏈夋案杩滀笉鑳藉浼氱殑鐭ヨ瘑锛屽彧鏈夎嚜宸卞姫鍔涗簡锛屾墠鑳藉湪鑷繁鐨勯亾璺笂鍓嶈繘銆
