这篇文章主要介绍“前端、后端和全栈是什么意思”,在日常操作中,相信很多人在前端、后端和全栈是什么意思问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”前端、后端和全栈是什么意思”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
首先什么是前端开发?
简单来说,前端开发就是开发网页上的“内容展示”,和与用户的交互;
这里的“内容展示”:指的是你在网页上能看到的,图片文字、视频、数字等信息。
那么与用户的交互指的就是,用户在页面上通过点击按钮、输入文字等动作对网站提供数据输入,然后前端对用户的输入进行响应。
比如更新页面上的内容,举一个更具体的例子就是,如果你在我的文章下面进行评论,那么页面对你评论这个动作就会做出响应,比如会在后台数据库里面,把我的评论量加一。
并且在页面上显示文章评论后的数量等,如下图。
前端开发用到的基础技术就是 html、css 和 javascript,分别用来控制网页里面的内容、视觉效果和用户交互。
下面分别简单介绍一下。
html 并不是一门编程语言,他是一种用来定义结构化数据的标记语言,你在浏览器上看到的网页,其实就对应一个 html 文件,这个文件里装的就是 html 代码,而浏览器的职责之一,就是通过你输入的网址,从网站上下载对应的 html 代码,并且把代码渲染成你肉眼看到的样子。
那么,前端工程师的工作内容之一,就是编写 html代码,或者使用一些技术来为页面动态的生成 html 代码,任何一个网页,你都可以通过浏览器的开发者工具,看到他对应的 html 代码。
如果你仔细查看一段 html 代码,你会发现他其实就是由一堆各种类型的尖括号标签组合嵌套而成的,比如某视频在 youtube 页面上,视频的标题,对应于代码里面一个title类型的标签,那视频的播放器就对应于一个video类型的标签;其头像图片,对应于一个嵌套在超链接标签里的 image 标签;而评论里的文字又对应于一个 yt formatted-string 类型的标签,这里的 yt 应该只带的是youtube,那么这个标签,应该就是 youtube 自定义的标签,然后 css 的代码,则是用来指定每个 html 的标签,以什么样的外观和风格来展示,比如长宽、位置、颜色居中还是分散字体显示属性等等。
css的代码也是被浏览器读入,并且渲染成你肉眼所看到的效果,有时候pm会想把页面里面一个按钮的大小和颜色进行微调,而这个微调就是由前端工程师去改动;这个按钮对应的 css代码来实现的,前端开发中真正编程的部分是javascript,网页如何与用户交互,如何与后端交互,都是通过 javascript 的代码实现的,就像html代码和 css代码是被浏览器执行一样,页面里面的 javascript 代码也是交给浏览器来执行。
这里插一句,javascrip与java并没有什么关系,两者之间的特性差的很远,这就好比是印度跟印度尼西亚差的很远,熊猫跟小熊猫差的很远,雷峰和雷峰塔差的很远。
说回正题,大家在写程序的时候,不管用什么语言,通常都不会重复的造轮子,而是会调用该语言现成的 library来实现一些常见的功能,让开发过程更加高效。
对于前端javascript的开发,react是目前比较流行的library,也是我在工作中,做前端的时候会用到的。react这个library,不仅可以用来实现与用户的交互逻辑和事件响应,事实上页面上几乎全部的 html 代码,都可以通过 react来生成,这种在浏览器端生成 html代码进行渲染的方式,叫做 client-side rendering,与之相反的就是 service-side rendering,也就是页面完整的 html代码,是全部由网站的前端服务器生成好了之后,再发给浏览器的。
这里提到了前端服务器,就顺便说一下,前端服务器的逻辑,可以通过任何编程语言来实现,比如 java、javascript、php 甚至是Scheme,只要服务器的行为遵守 http 的协议就可以了,client-side rendering和 silver-side rendering两种方式各有优缺点,因此前段工程是在开发网页的时候,需要结合实际情况,选择最合适的页面渲染方式;
除了 react,另外一种比较流行的 javascript library就是vue,在国内用的比较多,如果你去查看 b 站的html代码,你会发现 b 站的前端也用到了vue。
讲完了前端,现在来讲讲后端。
什么是后端开发呢?
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。