码迷,mamicode.com
首页 > 其他好文 > 详细

简单阐述什么是前端?后端?

时间:2020-06-02 09:20:44      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:文档   第二部分   部分   图片   软件   托管   代码实现   网站   web   

前端?后端?

相信很多小伙伴会问:前端不就是我们所能用肉眼直观的看见的网页吗?后端难道是就是网页运行的代码?

结果很明显不是如此,别急今天就来介绍下前端与后端的“故事”。

技术图片

前端

首先来介绍下前端(Frontend)到底是什么鬼?前端就是我们肉眼所直观看见的网页是片面的,不全面的,不过大体意思基本一致。

闲话不多说来干货:前端一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript/ajax,最新的高级版本HTML5、CSS3,以及SVG等。

技术图片

如上图所示:这是百度的搜索页面,该页面可以大致分为五部分分别由:第一部分是有1组成;第二部分由2,3,4组成;第三部分的元素是5(其中包括6,7,8,9元素);10构成第4部分;11则是第五部分。

分析完网页的组成部分我们来说说他的核心技术,也就是前面所说的HTML和CSS以及JavaScript/ajax。

HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。

而CSS和JavaScript以及ajax,则是为了在网页的效果上添加更强的视觉冲击感,可以让网页变得更加的丰富多彩。

技术图片

上图就是程序员眼中的百度

后端

前端的知识点先告一段落,接下来让我们一起来看下后端(Backend)的奥秘。

后端其实并不是网页运行的代码,而是“服务器端”开发,主要涉及软件系统“后端”的东西。比如,用于托管网站和App数据的服务器、放置在后端服务器与浏览器及App之间的中间件,它们都属于后端。简单地说,那些你在屏幕上看不到但又被用来为前端提供支持的东西就是后端。也就是说前端与后端相辅相成,你中有我我中有你。

技术图片

专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享学习方法和需要注意的小细节,互相交流学习,不停更新最新的教程和学习技巧(网页制作,网站开发,web开发,从0基础开始的的HTML+CSS+JavaScript。jQuery,Ajax,node,angular框架等到移动端HTML5的项目实战【视频+工具+系统路线图】全栈工程师学习路线以及规划都有整理,分享给小伙伴)点:学习前端,我们是认真的

简单阐述什么是前端?后端?

标签:文档   第二部分   部分   图片   软件   托管   代码实现   网站   web   

原文地址:https://blog.51cto.com/14592820/2500397

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!