前端?后端?

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

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

前端

首先来介绍下前端(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之间的中间件,它们都属于后端。简单地说,那些你在屏幕上看不到但又被用来为前端提供支持的东西就是后端。也就是说前端与后端相辅相成,你中有我我中有你。

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

点击:加入

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

  1. vue如何获取年月日_好程序员web前端教程分享Vue相关面试题

    好程序员web前端教程分享Vue相关面试题,Vue是一套构建用户界面的渐进式框架,具有简单易用.性能好.前后端分离等优势,是web前端工程师工作的好帮手,也是企业选拔人才时考察的重点技能.接下来好程序 ...

  2. python根据ip获取地理位置_使用python根据ip获取目标地理位置信息

    1 #! /usr/bin/env python 2 #-*- coding:utf-8 -*- 3 4 ''' 5 Created on 2019年12月8日6 7 @author: Admin8 ...

  3. java中全局变量注解_自定义注解,前端获取token值的时候,全局变量返回后端用注解注入,以便以其他业务层使用...

    @Target(ElementType.PARAMETER)//@Target 说明了Annotation所修饰的对象范围,PARAMETER:用于描述参数 @Retention(RetentionP ...

  4. 前端证券项目_非科班二本前端大厂面试的心路历程和总结(腾讯、头条、阿里、京东)...

    现状和背景 个人背景 我是17年毕业的,大三升大四的暑假期间开始学习前端:在这之前一直在小公司打滚:而且至今已经换了四家公司了(算上接下来入职的公司),可谓跳槽非常频繁(其实是小公司容易倒闭).如果说 ...

  5. 物联网mqtt前端怎么开发_物联网世界中的前端开发

    物联网mqtt前端怎么开发 It's IoT Week at SitePoint! All week we're publishing articles focused on the intersec ...

  6. python前端图表框架_图表highcharts联合jquery ajax 后端取数据前端图表渲染

    Highcharts是一个制作图表的纯Javascript类库,主要特性如下:兼容性:兼容当今所有的浏览器,包括iPhone.IE和火狐等等: 对个人用户完全免费: 纯JS,无BS: 支持大部分的图表 ...

  7. 前端证券项目_富途证券WEB前端团队招募令

    腾讯系互联网券商--富途证券web前端团队招人啦!!! 公司简介 富途证券是一家为投资者提供港股和美股交易服务的互联网券商,创始人为前腾讯第18号员工-- "咔!咔!咔!" 小编, ...

  8. java和web前端哪个加班_【java和web前端哪个好?】-看准网

    16年4月份去了一次宜家的招聘会,当时提交了简历,做了简单的面试.后来没有结果了之后一直到17年1月份,这期间一直给宜家投简历,前程无忧/智联招聘都不断的投简历.1月份HR给我打电话叫我去面试一轮1. ...

  9. 蛋花花简单阐述HTML5和Web前端的区别

    蛋花花简单阐述HTML5和Web前端的区别!据蛋花花了解随着互联网的快速发展,互联网软件开发行业就随之兴起,如今随着HTML5的广泛应用,大家对web前端行业的关注和了解也日渐增多.根据的蛋花花的了解 ...

最新文章

  1. 对数变换的三种实现方法
  2. 数据中心是虚拟现实的基石
  3. MATLAB GUI界面显示不全的解决办法
  4. ORACLE了局,每天10问(二)
  5. 第一集 企业IT体系结构
  6. Object o与Object o=null的区别
  7. python中用于绘制各种图形、标注文本_python ImageDraw类实现几何图形的绘制与文字的绘制...
  8. rar 文件头crc版本_php实现rar文件的读取和解压
  9. cocos2dx集成友盟社会化分享图片崩溃问题
  10. java连接imserver_java后端IM消息推送服务开发——协议
  11. Linux的实际操作:文件目录类实用指令(压缩gzip tar -zcvf和解压缩gunzip tar -zxvf)
  12. 第I题-生理周期(简单解法跳着试)====人生来就有三个生理周期,分别为体力、感情和智力周期,它们的周期长度为23天、28天和33天。每一个周期中有一天是高峰。在高峰这天,
  13. JavaSE基础——构造方法 对象的创建步骤 static关键字
  14. 服务器pci-e硬盘,来一发干货,PCI-E SSD硬盘使用须知
  15. 【寒江雪】Unity中调用C++的函数和类
  16. 测试方法论——数据驱动测试
  17. hello 驱动编写-最简单的驱动程序
  18. Java入门第112课——使用Iterator的hasNext方法、next方法遍历集合
  19. 古董电脑室:2019日记簿(二)
  20. 生僻字怎么用计算机打出来,电脑搜狗输入法生僻字怎么打?电脑搜狗输入法怎么打不认识的字?...

热门文章

  1. linux 内核编译 Kconfig文件详解
  2. java设计模式---状态模式
  3. C语言中的sizeof解析
  4. ubuntu c/c++ IDE编程环境
  5. TCP/IP详解--第十五章
  6. 批处理 探测在线计算机,批处理(bat)用来监测Windows网络状态脚本
  7. 高考成绩等位分查询2021,等位分查询(等位分查询系统)
  8. C Implement a string class with basic functionality
  9. mysql read timed out_java.sql.SQLException: Socket read timed out
  10. 四位先行进位电路逻辑表达式_如何用基本的逻辑门设计32bit的超前进位加法器?...