html前端获取地理位置_简单阐述什么是前端?后端?

前端?后端?

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

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

9ee0cd989bab6ec9413d188786d206ba.png

前端

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

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

8a540f7548b9a2abb9989338a139abd4.png

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

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

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

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

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

4f62604fac24c0b173b2d0016f82bcba.png

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

后端

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

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

8c6fe33a2f0f5c2b952e64b039a2eaf6.png

如果你依然在编程的世界里迷茫,打算深入了解这个web前端行业的朋友,这里推荐一下我们的前端学习圈,每晚分享干货,学习工具,零基础到实战项目教程,面试就业分析。一线大厂的web全栈工程师什么标准?需要掌握哪些技术栈?以及如何成长为一名符合大厂标准web全栈工程师?

点击:加入

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值