响应报文由响应头加响应体数据组成。 开头的Version是HTTP协议版本号，通常是HTTP1.1，用处不大。 后面Reason部分是原因短语，是状态的简短文字描述。例如OK，Not Found等，也可以自定义。所以，状态行有用的就只剩下中间的状态码。它是一个十进制数字，以代码的形式表示服务器对请求的处理结果。需要注意的是，它的名字...

URI本质是一个字符串，这个字符串的作用是唯一地标记资源的位置或者名字。这图显示了URI最常用的形式，由schema、host:post、path和query四个部分组成，但有部分可以视情况省略。

HTTP报文与TCP/UDP类似，同样也需要在实际传输的数据前加一些头数据，不过与TCP/UDP不相同的是，它是一个“纯文本”的协议，所以都是用“ASCII”码的文本。HTTP协议的请求报文和响应报文的结构基本相同，有三大部分组成。

键入网址再按下回车，后面究竟发生了什么？使用IP地址访问Web服务器浏览器从地址栏的输入获取服务器的IP和端口号；浏览器用TCP的三次握手和服务器建立连接；浏览器向服务器发送拼好的报文；服务器收到报文后处理请求，同样拼好报文发送给浏览器浏览器解析报文，渲染输出页面使用域名访问Web服务器浏览器看到了网址里的"w...

IP协议的职责是“网际互联”，它在MAC层之上，使用IP地址把MAC地址转换成了四位数字，这就对网卡的MAC地址做了一层抽象。MAC地址- IP地址-域名

TCP/IP 协议一共有四层，就像搭积木一样，每一层都需要下层支持，同时又支撑着上层。第一层叫“链接层”(link layer),负责以太网、Wi-Fi这样的底层网络上发送原始数据包，工作在网卡这个层次，使用MAC地址来标记网络上的设备，有时候也叫MAC层。第二层叫“网际层”或“网络互联层”(internet Layer),IP协议就在这一层。因为IP...

网络世界从抽象的、虚拟的层面来看，网络世界是一张一望无际的巨大网络，每一台电脑都是一个节点，均匀地分布在这张网上。从现实世界，互联网是由许许多多个规模较小的网络里连接而成的。可能是几百台电脑的局域网，也可能是几万、几十万台电脑的广域网组成的，也可能是用电缆、光纤构成的固定网络，也可能是由基站、热...

HTTP是超文本传输协议()，可以拆成超文本，传输和协议三个部分理解。首先HTTP是一个协议，协议不局限于计算机世界，现实生活中也随处可见，比如在公司签署保密协议，租房签署租房协议，公司内使用的软件都带有许可协议。协议是有多个参与者为了达到某个目的，而明确规定各方的权利责，制定规范。HTTP是一个在计算机里的...

前生今世史前时期ARPA发明出TCP/IP协议创世纪CERN蒂姆·伯纳斯-李（Tim Berners-Lee）发表了一篇论文URI：资源唯一标识符HTML ：超文本标记语言HTTP：超文本传输协议基于这三项技术将超文本系统运行在互联网上，蒂姆将它称为万维网(World Wide Web）HTTP/0.920世纪90年代初期的互联网技术非常简陋，计算机处理能力低，储...

为什么桌面软件开发需要架构师和架构设计呢？因为桌面开发啊具有高度的复杂性，如果没有架构，就没法分解成相互耦合低的模块来分工。简单来说，架构是为了分工而存在的。但是到了前端领域，这个问题是否还存在呢？但是不存在。前端不存在分工问题，但是在多人协作的同时，仍要解决质量和效率问题，这就需要组件化了。除...

搭建系统的目标是解决大量的简单页面生产问题。衡量这个目标的指标应该是生产页面的数量，这部分非常的明确，你如果要搭建系统，你可以根据业务的体量和服务的范围来决定具体的指标要求。

对于前端来说，有一些现实的区别：前端按页面自然解耦，大部分页面是单人开发；前端构建逻辑简单，一般开发阶段都保证构建成功，不需要构建；前段代码一般用于开发界面，自动化测试成本极高；前端页面跳转，是基于URL，没有明确的产品边界。基于以上的分析，传统的持续集成方案放在前端，要么不需要，要么不适用，要么实...

与性能不同，工具体系并非业务结果，所以非法简单的通过数据指标来衡量工具，它的结果更多是一种开发体验，帮助团队内的同学提升效率和体验。作为工程体系，我们考虑工具的时候同样要遵循基本原则：现状和指标、方案、执行、结果和监控。不推荐把开发体验和开发效率过滤数据化。

性能优化不能着眼于局限的代码。这里提供一个观点：一切没有profiling的性能都是耍流氓。凡是真正有价值的性能优化，必定是从端到端的业务场景建立体系来考虑的。在我的认识中，性能体系建立可以分为以下几个部分：

事件来源于输入设备。常见的输入设备，鼠标键盘触摸屏。鼠标和触摸屏有一定的共性，都被称为pointer设备，是指它的输入最终会被转换为屏幕上的一个pointer，不同点是精确度和支持的点的数量不一样。我们点击鼠标或是触摸屏，是操作系统或是浏览器把这个信息对应到了一个逻辑按钮上，再使得与他的视图对点击有反应。

顾名思义，CSSOM是CSS的模型，在W3C标准中，它包含两个部分：链式样式表和规则等CSS模型部分（CSSOM），和跟元素视图相关的View部分（CSSOM View）。

文档类型模型用来描述文档，这里的文档，这里特指HTML文档（也包含XML，但本文不讨论XML）。同时它又是一个“对象模型”，这意味着它是以对象这样的概念描述HTML文档。HTML文档，是由标签嵌套而成的树形结构，因此，DOM也是使用树形的对象模型来描述HTML文档。DOM API大致分为4个部分：

本篇文课程的目标是了解浏览器工作原理的大致过程。这部分浏览器工作原理不但是前端面试的常考知识点，它还会辅助你的实际工作，学习浏览器的内部工作原理和个中缘由，对于我们做性能优化、排查错误都有很大的好处。

ARIA全称为Accessible Rich Internet Applications，它表现为一组属性，是用于可访问性的一份标准。实际上，可访问性其实一个相当大的课题，它定义包含各种设备访问、各种环境、各种人群访问的友好性。不单单是永久性的残障人士需要用到可访问性，健康的人也可能在特性时刻处于需要可访问性的环境。ARIA是以交互形式来标...

最常见的颜色表示法是RGB颜色，它符合光谱三原色理论：红、绿、蓝三种颜色的光可以构成所有的颜色。为什么是这三种颜色呢？这跟人类的视觉神经系统相关，人类的视觉神经分别有对红、黄、绿三种颜色敏感的类型。人对红色最为敏感，所以危险信号提示一般会使用红色。红绿蓝三种颜色的光混合起来就是白光，没有光就是黑暗，...

首先，HTML是SGML的子集，它遵循SGML的基本语法，比如标签、转义等。SGML还规定了一些特殊标签，在之前的DOM课程中都有涉及，他们都有与之对应的HTML语法。从语法的角度，逐个了解一下：标签语法

CSS动画与交互：为什么动画要用贝塞尔曲线这么奇怪的东西？animation属性和transition属性先看animation的示例： {代码...} 上边展示animation的基本用法，实际上animation分为6个部分：animation-name 动画的名称，是一个keyframes类型的值(keyframes产生一种数据，用于定义动画关键帧)；animation-duration 动画的时长...

Flex在英文中是可伸缩的意思，有些翻译会翻译为弹性，不太准确，但是中文没有更好的词。Flex的核心是flex和flex的属性，他们配合使用。具有display: flex;我们称之为容器，其子元素或者盒称之为项。 flex项如果有flex属性，会根据flex方向决宽高属性，形成“填满剩余尺寸”的特性。这一种典型的“根据外部容器决定内部尺寸”...

有两种script标签的写法，一种是直接把脚本代码写在script标签之间，另一种是把代码放在独立的js文件中，用src属性引用。凡是替换型元素，都是使用src属性来引用文件的，链接型元素是使用href标签的。

简单总结：依次排序，排不下换行。理解了简单的概念，剩下功能只是在这个基础上延伸一下：float，使得一些盒占据了正常流需要的空间，我们可以把float理解为“文件环绕”。vertical-align规定了如何在垂直方向对其盒。相关概念：基线，文字顶/底，行顶/底。margin折叠，把margin可以理解为“一个元素规定了自身周围至少需要...

一些link标签会生成超链接，这些超链接又不会像a标签那样显示在网页中。这就是超链接型link标签。这意味着多数浏览器中，这些link标签并不产生任何作用。但是，这些链接能够被搜索引擎和一些浏览器插件识别，从而产生关键作用。比如：页面RSS的link标签。另外一些link标签则会把外部的资源链接到文档中，也就是说，会实...

在CSS规则中，选择器部分是一个选择器列表。选择器列表是用逗号分隔的复杂选择器序列；复杂选择器是用空格，大于号，波浪号等符号连接的复合选择器。复合选择器则是连写的简单选择器组合。根据选择器列表的语法，选择器的连接方式可以理解为四则运算一起有优先级。

选择器的基本意义是：根据一些特征，选中元素树上的一批元素。选择器的结构分一下类：简单选择器：针对某一特征判断是否选中元素复合选择器：连续写在一起的简单选择器，针对元素自身特性选择某个元素复杂选择器：由"空格", ">", "~", "+", "||"等符号连接的复合选择器，根据父元素或者前序元素检查单个元素选择器列...

元信息，是指描述自身的信息，元信息类标签，就是HTML用于描述文档自身的一类标签。通常出现在head标签中，一般不会被显示出来。元信息多数情况下是给浏览器、搜索引擎等机器阅读的，有时候这些信息会在页面之外显示

可以从W3C的网站上搜索看看，这里一共有98份CSS相关的标准，暂且去掉Working Draft状态的标准，可以得到22份候选标准和6份推荐标准：[链接]语法的最新标准，你可以戳这里查看：[链接]把其中一些有用的关键信息抽取出来，描述一下。我们拿到这份标准可以看到，去除空格、HTML注释等无效信息，CSS的顶层样式表由两种规则组...