前端 vs 后端
前端 vs 后端
前端与后端: 有什么区别?
前端和后端是计算机行业中最常用的两个术语。
在某种程度上,它们成了流行语。
它们决定了您作为软件开发人员所从事的工作类型,所使用的技术以及所获得的收入。
因此,让我们谈谈这两个术语之间的区别,它们为什么首先存在以及您在软件开发生涯中可以采取的不同途径。
网站渲染
要开始此旅程,我们需要了解网站渲染的概念。用外行的术语来说,网站渲染意味着生成或渲染HTML输出。HTML是Web开发人员用来创建网页的标记语言。据说网站渲染可以在服务器端或客户端级进行,这意味着什么?值得注意的是,前端和客户端是同义词。后端和服务器端也是如此。
服务器端渲染(后端)
直到不久之前,服务器端渲染或后端Web开发才是创建网站和Web应用程序的实际方法。您访问页面,发送内容请求,服务器处理此请求并创建一个响应,该响应发送回浏览器。
当网站在服务器端进行渲染时,创建Web浏览器可以理解的HTML页面所涉及的所有过程都在托管该网站或Web应用程序的远程服务器上进行。这包括查询数据库以获取信息以及处理Web应用程序所需的任何逻辑。
当远程服务器忙于工作时,您的Web浏览器处于空闲状态,等待服务器完成对请求的处理并发送响应。收到响应后,Web浏览器会对其进行解释并在屏幕上显示内容。
客户端渲染(前端)
在更现代的时代,出现了一种新的网站渲染形式,称为客户端渲染或前端开发。
使用客户端呈现,内容的呈现在您的计算机中进行,而不是使用Web的实际语言JavaScript在远程Web服务器上进行。实际上,这意味着仅需要服务器来提供原始Web应用程序,浏览器将负责以其最终形式HTML呈现此应用程序。这也意味着创建网页所涉及的一些逻辑,尤其是负责处理如何在屏幕上向用户呈现事物的逻辑(称为呈现逻辑)是在客户端进行处理的。
随着Angular,React和Vue等JavaScript库的出现,客户端渲染变得很流行。
同构渲染
同构渲染也称为通用渲染,是现代Web开发中使用的一种新技术。同构渲染背后的想法是,在第一次加载页面时,在服务器端渲染一个用Angular,React或View等JavaScript框架开发的Web应用程序,然后在客户端。
为了使事情更加复杂,还有另一种形式的渲染称为预渲染,它在编译时渲染内容。
站点的呈现位置通常取决于应用程序的类型和应用程序的人口统计,并且每个团队,每个团队和每个企业都会有所不同。
什么是前端开发?
现在,我们了解了不同类型的网站呈现方法,现在更容易理解前端开发是创建在客户端呈现的网站和Web应用程序的艺术。
用于前端开发的技术
尽管存在许多不同类型的技术和堆栈,但是大多数前端Web开发人员都使用HTML,CSS和JavaScript,事实上的Web构建块以及Angular,React,Stencil和Vue等客户端框架。
但是,并非所有事情都发生在前端。客户端渲染的应用程序仍然依赖在后端远程服务器或云上运行的服务和API。
什么是一些前端工作?
- 网页设计师
您猜对了,网页设计师在设计网站。网页设计师的职称相当广泛。网页设计师可能只是用 Photoshop或 Fireworks之类的程序来设计网站的人,永远不会碰代码。但是在另一个位置,一名Web设计人员可以在Photoshop中完成所有设计工作,然后负责创建所有HTML和CSS(有时甚至是 JavaScript)以与其一起使用。
- 用户界面(UI)设计器
这基本上是一个视觉设计器,通常专注于设计。他们通常不参与设计的实现,但他们可能了解轻量级的HTML和CSS,因此可以将其思想更有效地传达给前端开发人员。
- 用户体验(UX)设计师
UX设计师在前端工作,研究和研究人们如何使用网站。然后,他们通过大量测试进行更改。
- 前端开发人员
也称为前端设计人员,他们可以在不进行任何后端开发的情况下创建站点。他们将在没有Web开发人员的情况下或使用后端创建的站点是静态站点。静态网站类似于餐厅或美发沙龙的网站。它不需要任何信息存储在数据库中。这些页面几乎总是保持不变,除非是时候进行重新设计了。前端开发人员可能需要掌握测试知识,并且精通HTML,CSS和JavaScript。此人可能有或没有在设计程序中创建设计的经验。前端工程师是此标题的另一个版本。使用特定前端语言(例如 JavaScript开发人员)的人 也被认为是前端开发人员。
什么是后端开发?
前端开发是要使网站和Web应用程序在客户端上渲染,而后端开发是要使这些应用程序在服务器端渲染。但这要涉及的更多。尽管前面的说法是正确的,但后端开发人员还创建了处理业务逻辑并访问其他资源(例如数据库,文件服务器,云服务等)的服务。这些服务是任何应用程序的骨干,不仅可以由服务器端渲染应用程序访问,而且可以从客户端渲染应用程序访问和使用。
用于后端开发的技术
后端开发人员创建在服务器端呈现的应用程序时,将使用与前端开发人员相同的构造块:HTML,CSS和JavaScript。
后端开发人员还使用软件堆栈,其中包括操作系统,Web服务器,框架,语言,编程API等。这些堆栈中的框架,语言和编程API用于呈现服务器端站点和Web应用程序以及创建其他应用程序可以使用的服务。
臭名昭著的堆栈包括.NET,MEAN和LAMP,但还有很多,并且每个堆栈都包含一种可选的编程语言,例如C#,JavaScript,Java,Go,Python或PHP。
什么是全栈开发?
作为开发人员,您不必只满足于前端或后端。您可以作为一个全栈开发人员来做。以我的经验,这就是乐趣的开始。全栈开发人员可以创建在客户端(前端)和服务器端(后端)都呈现的网站和Web应用程序。
他们还创建服务,组件和API,以封装业务逻辑,解决特定的业务问题并访问数据库,文件服务器,云服务等基础架构。他们使用完整堆栈,这是两全其美的方法。
摘要
到现在为止,前端和后端之间的区别应该更加明显,并且开发人员在网络的两端进行的活动也不同。实际上,前端是指浏览器和后端,服务器或最近的云。
如果您喜欢用户界面,热衷于声音设计并且喜欢创建应用程序的视觉效果,那么前端可能就是您想要花费时间作为软件开发人员的地方。前端不仅在视觉上令人兴奋,而且从编程的角度来看也是如此。您将花费大量时间编写逻辑,使您的网站外观和行为符合设计人员的意图。
如果您想花费时间解决业务问题,编写算法,在云中工作以及创建服务和API,那么后端适合您。
如果您同时享受这两者,并且对Web应用程序创建的各个方面都感到同样兴奋和自在,那么您想要的是一名全职开发人员。
无论您选择哪种方式,都没有比现在更好的时间去当软件开发人员了。
Browser Testing
Browserling - Live interactive cross-browser testing
IE bowser
https://www.browserling.com/browse/win/7/ie/11/https%3A%2F%2Fwww.xgqfrms.xyz
refs
https://www.pluralsight.com/blog/software-development/front-end-vs-back-end
前端, 后端, 全栈
https://www.excellentwebworld.com/backend-vs-frontend/
xgqfrms 2012-2020
www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!
前端 vs 后端的更多相关文章
- 系统架构:Web应用架构的新趋势---前端和后端分离的一点想法
最近研究servlet,看书时候书里讲到了c/s架构到b/s架构的演变,讲servlet的书都很老了,现在的b/s架构已经不是几年前的b/s架构,其实b/s架构就是web应用开发,对于这样的架构我们现 ...
- [转载]Web前端和后端之区分,以及面临的挑战
原文地址:Web前端和后端之区分,以及面临的挑战[转]作者:joyostyle 在我们实际的开发过程中,我们当前这样定位前端.后端开发人员. 1)前端开发人员:精通JS,能熟练应用JQuery,懂CS ...
- Web前端和后端之区分,以及…
原文地址:Web前端和后端之区分,以及面临的挑战[转]作者:joyostyle 在我们实际的开发过程中,我们当前这样定位前端.后端开发人员. 1)前端开发人员:精通JS,能熟练应用JQuery,懂CS ...
- [转载]Web前端和后端之区分,以及面临的挑战【转】
原文地址:Web前端和后端之区分,以及面临的挑战[转]作者:joyostyle 在我们实际的开发过程中,我们当前这样定位前端.后端开发人员. 1)前端开发人员:精通JS,能熟练应用JQuery,懂CS ...
- 前后端分离框架前端react,后端springboot跨域问题分析
前后端分离框架前端react,后端springboot跨域问题分析 为啥跨域了 前端react的设置 springboot后端设置 为啥跨域了 由于前后端不在一个端口上,也是属于跨域问题的一种,所以必 ...
- Spring MVC之中前端向后端传数据
Spring MVC之中前端向后端传数据和后端向前端传数据是数据流动的两个方向, 在此先介绍前端向后端传数据的情况. 一般而言, 前端向后端传数据的场景, 大多是出现了表单的提交,form表单的内容在 ...
- 前端与后端的数据交互(jquery ajax+python flask)
前端与后端的数据交互,最常用的就是GET.POST,比较常用的用法是:提交表单数据到后端,后端返回json 前端的数据发送与接收 1)提交表单数据 2)提交JSON数据 后端的数据接收与响应 1)接收 ...
- 看完让你彻底理解 WebSocket 原理,附完整的实战代码(包含前端和后端)
1.前言 最近有同学问我有没有做过在线咨询功能.同时,公司也刚好让我接手一个 IM 项目.所以今天抽时间记录一下最近学习的内容.本文主要剖析了 WebSocket 的原理,以及附上一个完整的聊天室实战 ...
- 对一个前端AngularJS,后端OData,ASP.NET Web API案例的理解
依然chsakell,他写了一篇前端AngularJS,后端OData,ASP.NET Web API的Demo,关于OData在ASP.NET Web API中的正删改查没有什么特别之处,但在前端调 ...
- bootstrap table + spring + springmvc + mybatis 实现从前端到后端的表格分页
1.使用准备 前台需要的资源文件,主要有Bootstrap3相关css.js以及bootstrap Table相关css.js: <-- 样式 --> <link rel=" ...
随机推荐
- 获取当前文件路径 import 原理 一般把模块组成的集合称为包(package)
获取当前文件路径 testpath.py import sysprint(sys.path) [root@d mapReduceLog]# python testpath.py['/data/mapR ...
- 设计模式c++(1)
本来是想把之前的<head first设计模式>看了,不过因为这本书是java实现的,跟c++还是略有区别. 于是找了一下,发现了一个不错的blog,打算连书带blog一起参考着看了. b ...
- linux系统find命令详解+xargs命令 、exec命令
find 作用:查找文件 1.name: 指定文件名 例子1. 找到以du结尾的文件 ╭─root@localhost.localdomain ~ ╰─➤ find / -name "*du ...
- 802.1X
1.简介 IEEE802 LAN/WAN委员会为解决无线局域网网络安全问题,提出了802.1X协议.后来,802.1X协议作为局域网端口的一个普通接入控制机制在以太网中被广泛应用,主要解决以太网内认证 ...
- LightOJ - 1151 Snakes and Ladders(概率dp+高斯消元)
有100个格子,从1开始走,每次抛骰子走1~6,若抛出的点数导致走出了100以外,则重新抛一次.有n个格子会单向传送到其他格子,G[i]表示从i传送到G[i].1和100不会有传送,一个格子也不会有两 ...
- 使用eclipse写第一个Java_web的hello_world项目
1.先创建一个Java_web项目 如果你没有下载过Tomcat服务器,不会配置,建议看一下我得这一篇博客:https://www.cnblogs.com/kongbursi-2292702937/p ...
- 【LA 3487】Duopoly(图论--网络流最小割 经典题)
题意:C公司有一些资源,每种只有1个,有A.B两个公司分别对其中一些资源进行分组竞标,每组竞标对一些资源出一个总价.问C公司的最大收益. 解法:最小割.将A公司的竞标与源点相连,B公司的与汇点相连,边 ...
- 抓取QQ音乐歌单
抓取QQ音乐歌单1.通过分析歌曲下载路径来分析所需参数: 通过比较, 得出其中歌曲下载url与参数vkey是可变的,歌曲下载url中可变得值是请求歌单返回的歌曲数据的strMediaMid参数, 而v ...
- .net core mvc 获取Web根目录和内容根目录的物理路径
从ASP.NET Core RC2开始,可以通过注入 IHostingEnvironment 服务对象来取得Web根目录和内容根目录的物理路径,如下所示: using Microsoft.AspNet ...
- 【转】REST风格框架实战:从MVC到前后端分离(附完整Demo)
版权声明:欢迎转载,注明作者和出处就好!如果不喜欢或文章存在明显的谬误,请留言说明原因再踩哦,谢谢,我也可以知道原因,不断进步! https://blog.csdn.net/justloveyou_/ ...