前端是什么/互联网的原理/HTTP协议+服务器相关知识

一: 前端是什么

  • 前端是什么:
    前端通常是指,网站的前台部分。包括网站的结构层表现层
    前端技术一般分为前端设计前端开发,前端设计可以理解为网站的视觉设计,由设计人员进行效果图的制作。前端开发则是写出网站的前台代码,由前端工程师进行实现,技术包含最基本的HTML+CSS+JavaScript,以及现在大火的HTML5、CSS3技术等。
    前端页面包含: PC端页面以及移动端页面。

  • 前端工程师在公司里是充当着一个怎样的角色:
    1.前端工程师将设计人员所提供的效果图使用代码形式去生成网页,利用HTML+CSS+JS等技术。
    2.和设计人员不断优化用户体验以及和后端人员沟通衔接不断解决产品问题以及后期维护工作。
    3.如今的前端工程师已经成熟到完全可以称之为:"一个伟大的工程师角色",并且在一个项目中绝对占据着一个举足轻重的地位!

  • Web标准:
    1.是由W3C万维网联盟组织来制定的Web标准。
    2.Web标准是程序员制作网页时要遵循的规范。
    3.Web标准规范的分类为:
    结构标准(HTML): 相当于一个人的身体结构。
    表现标准(CSS): 相当于给一个人进行化妆, 让她变得更漂亮。
    行为标准(Javascript): 相当于一个人的动作, 比如她会唱歌, 会跳舞。

二: 访问互联网的原理

  • 我们每天进行的上网, 其实就是请求数据:
    网页上的内容,怎么就被我们看见了?什么是上网?
    我们先不直接解决这个问题,我们先做一个小实验。
    在我们每个人的电脑里面,都有一个神秘的文件夹:
    C:\Users\LZH\AppData\Local\Microsoft\Windows\Temporary Internet Files
    注:LZH是我个人电脑的用户名称,每个人是不一样的。
    这个文件夹叫做临时文件夹(文件夹知道存在就可以了,不必自己试着去找)。
    我们清空这个文件夹中的全部内容后,此时此文件夹为空。
    这时我们打开IE浏览器,看几个网页。结果,这个临时文件夹中就多了很多的内容。
    仔细一看内容都是一些图片文件以及.html+.css+.xml等文件。也就是刚刚我们打开网页时显示的图片,网页文件等,都存放在了这个临时文件夹中。
    通过这个实验,我们可以得出结论:上网的时候,是有真实的、物理的文件传输的!
    所以我们经常感觉第二次打开网页,比第一次快,这是因为第一次打开网页的时候,网页中所有的图片和其它文件等都已经存到我们电脑硬盘的这个临时文件夹里了。

    所以这也能够解释,为什么每次都用360清理时能清理一堆垃圾,可释放很多硬盘空间。
    我们发现,仅浏览了一个新闻首页后,这个临时文件夹就会出来那么多各种后缀名不同类型的文件,所以现在我们的心中,就要有一个初步的认识:请求网页数据时,网页并不是指的一个文件,而是指一堆文件。
    现在我们可以回答刚才的问题了,“上网” 究竟是什么?
    答案:上网就是请求数据,也就是文件传输。

    而服务器上存放着网页的相关文件,包括html文件、css文件、js文件、图片文件等。
    当我们打开浏览器,浏览网页,我们的计算机就会对这些网页的相关文件发出HTTP请求。
    当服务器接收到请求之后,会把这些文件通过HTTP协议,传输到我们的计算机当中(也就是保存到了刚才那个临时文件夹中)。
    于是这些文件,将在我们计算机本地的浏览器中,进行渲染、呈递。
    于是第二次你再打开刚刚访问的网页后,会发现打开的更快些,这是因为我们之前访问时已经将当前访问的网页它的相关文件全部缓存到了我们的电脑硬盘里。

也就是说,本来人家文件好好的在服务器上睡大觉,你一浏览网址,就把这些文件传输到本地计算机硬盘里了。


三: HTTP协议

  • 什么是HTTP协议:
    即超文本传输协议:Hypertext Transfer Protocol
    这是一个文件的传输协议,我们在上网的时候,所有的文件都是通过这个HTTP协议,从服务器上传输文件到我们的电脑里面的。
    现在我们必须要树立一个思想,就是每一个网址,都对应着服务器上的文件。
    如: http://www.liuzihao.com/person.html (虚拟网址,不存在)
    而服务器上面肯定存放着名称为person.html文件。
    如: http://www.liuzihao.com/ (虚拟网址,不存在)
    虽看似没有精确到某一个文件,但是有一个规定,就是index.html是默认的首页文件。这样访问的结果便是打开了默认的首页文件。
    注: index就是英语“目录”的意思。
    如: http://www.liuzihao.com/fruits/orange.html (虚拟网址,不存在)
    意为服务器上面会有一个fruits文件夹,而这个文件夹里面有一个orange.html文件。
    简单概括:
    网页是真实物理的文件。并且一个网页是很多的物理文件组成的:如图片文件、html文件、css文件、js等文件。这些文件要通过专用软件上传到服务器上。然后用户再通过浏览器访问网址发送了HTTP请求,此时服务器上面的文件就会通过HTTP协议再传输到用户电脑中的临时文件夹中,进而在用户电脑中执行、渲染、以及呈递。

  • 服务器:
    说了这么多服务器,那么服务器又到底是什么呢?
    1.服务器就是计算机,只不过它比咱们平时用的计算机配置牛逼了很多,并且它24小时不断电,不关机。
    2.服务器上存储着用户访问网页时的相关文件。一旦有访问者浏览网站时,服务器就将属于这个网站的相关文件发送给访问者,此时访问者的浏览器就能显示这个网站的相关内容了。
    3.服务器一旦关机,网站就无法访问了。服务器必须正??簦静趴烧7梦?。
    服务器
    服务器
最后编辑于
?著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,128评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,316评论 3 388
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事?!?“怎么了?”我有些...
    开封第一讲书人阅读 159,737评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,283评论 1 287
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,384评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,458评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,467评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,251评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,688评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,980评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,155评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,818评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,492评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,142评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,382评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,020评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,044评论 2 352

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,644评论 18 139
  • 一、概念(载录于:http://www.cnblogs.com/EricaMIN1987_IT/p/3837436...
    yuantao123434阅读 8,339评论 6 152
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,946评论 25 707
  • 高频率的治疗以及药物的作用,使得静香的脸上身上长满了疹子,皮肤也开始变得粗糙起来,体重更是像吹气球一样使劲往上涨,...
    高桥先生阅读 188评论 1 1
  • 因为我们只有输入没有输出! 那么怎样完成输出那? 首先管理好自己的微信,微信不单单是是聊天工具,还会是你认识收拢一...
    东椽阅读 216评论 0 2