最近我在做前端面试题总结系列，感兴趣的朋友可以添加关注，欢迎指正、交流。 争取每个知识点能够多总结一些，至少要做到在面试时，针对每个知识点都可以侃起来，不至于哑火。   前言 在上一篇文章【前端 · 面试 】JavaScript 之你不一定会的基础题（一）中，有同学产生了这样一个疑惑：为什么 click 事件的监听函数中，this.id 和 event.target.id 的输出值是不一样的？ 今天我们就来扒一扒这其中的原理。 题目 有如下的 HTML 文档结构： <div id="parent"> <div id="child" cl...

最近我在做前端面试题总结系列，感兴趣的朋友可以添加关注，欢迎指正、交流。 争取每个知识点能够多总结一些，至少要做到在面试时，针对每个知识点都可以侃起来，不至于哑火。   前言 面试往往就是博弈的一个过程，但是如果你手中的筹码不够丰厚，那结局大概不会怎么理想。而筹码的增加往往依赖于我们日积月累的输入。 哪怕再小的一个问题，只要你愿意沉下心来往下钻，最后得到的可能是一片森林。 今天我要记录的这个问题，虽然比较基础，但是，内涵却是一点都不少！ 题目 有如下的 HTML 文档结构： <div id="parent"> <child id="child&q...

最近我在做前端面试题总结系列，感兴趣的朋友可以添加关注，欢迎指正、交流。 争取每个知识点能够多总结一些，至少要做到在面试时，针对每个知识点都可以侃起来，不至于哑火。   前言 通过前面内容的学习，相信大家对 HTTP 的概念、特点、请求方法及缓存等的相关知识有了一定了解，恭喜大家在面试成功的道路上迈出了坚实的一步！ HTTP 从诞生之初到现在，已经好多年了，可以称得上是“历史悠久”了。中间经历过几次大的版本更新，依然坚挺如初。 但是不管再怎么坚挺，跟人们需求的发展速度相比，却稍显逊色，比如很常见的一个需求：我使用网上银行就行转账或者支付，怎么保证我的用户信息（包括密码）不会被泄漏？ 由于 HT...

最近我在做前端面试题总结系列，感兴趣的朋友可以添加关注，欢迎指正、交流。 争取每个知识点能够多总结一些，至少要做到在面试时，针对每个知识点都可以侃起来，不至于哑火。   前言 通过前面几篇内容的学习，我们知道 HTTP 缓存分为两种：  强缓存 协商缓存  并且也知道了它们的控制属性，总结起来就是下面这个图：  今天我们就来动手实践一下，看看 HTTP 缓存到底是如何工作的。 搭建服务 首先，我们使用 Express 模块来搭建一个简单的静态资源服务，代码如下： const express = require("express"); const app = express(...

最近我在做前端面试题总结系列，感兴趣的朋友可以添加关注，欢迎指正、交流。 争取每个知识点能够多总结一些，至少要做到在面试时，针对每个知识点都可以侃起来，不至于哑火。   前言 通过前面的介绍，我们知道 HTTP 缓存分为两种：  强缓存 协商缓存   在上一篇文章中，我们了解了 HTTP 强缓存，今天我们来了解一下协商缓存相关的内容。 协商缓存 特点 协商缓存，也称为对比缓存，从名称可以看出，它没有强制缓存那么霸道，可以有商有量的来确定是否使用缓存资源。 协商缓存机制下，浏览器需要发送缓存标识，去向服务器验证缓存标识是否有效，进而判断是重新发起请求、下载完整的响应，还是从本地获取缓存的资源。 ...

最近我在做前端面试题总结系列，感兴趣的朋友可以添加关注，欢迎指正、交流。 争取每个知识点能够多总结一些，至少要做到在面试时，针对每个知识点都可以侃起来，不至于哑火。   前言 通过上一篇的总结，我们知道 HTTP 缓存分为两种：  强缓存 协商缓存   今天我们就先来了解一下强缓存相关的内容。 强缓存 特点 强缓存中，当请求再次发出时，浏览器会判断目标资源是否“命中”强缓存，如果命中则直接从缓存中获取资源，不会再与服务端发生通信。 在 Chrome 中，命中强缓存的情况下， Network 中显示的 HTTP 状态码是 200 ，比如：  规则 强制缓存的请求结果有两种情况：  命中缓存 未命...

最近我在做前端面试题总结系列，感兴趣的朋友可以添加关注，欢迎指正、交流。 争取每个知识点能够多总结一些，至少要做到在面试时，针对每个知识点都可以侃起来，不至于哑火。   前言 缓存是应用程序中很重要的一个概念，在有大量数据交换的应用程序中，我们会采取一些方式将那些实时性要求不高的数据生成副本并存储在某个相对来说可快速到达、访问、获取的仓库，这样在需要这些数据的时候我们直接从这个仓库中获取数据。 缓存的目的主要有两点：  提升数据交换的性能（速度） 提高用户体验 减少网络传输 缓解服务器或数据库的压力  HTTP 缓存作为 WEB 性能优化的重要手段，对于从事 Web 开发的同学们来说，应该是知...

最近我在做前端面试题总结系列，感兴趣的朋友可以添加关注，欢迎指正、交流。 争取每个知识点能够多总结一些，至少要做到在面试时，针对每个知识点都可以侃起来，不至于哑火。   前言 HTTP 各版本之间的区别也是一个面试常见问题。 HTTP 发展至今，总共经历了四个版本——HTTP 0.9、HTTP 1.0、HTTP 1.1、HTTP 2.0 。接下来，我们分别看一下，各个版本给 HTTP 带来了什么改变。 HTTP 0.9 HTTP 0.9 是最早发布出来的一个版本，于1991年发布。 它只接受 GET 一种请求方法，没有在通讯中指定版本号，且不支持请求头。由于该版本不支持 POST 方法，因此客...

最近我在做前端面试题总结系列，感兴趣的朋友可以添加关注，欢迎指正、交流。 争取每个知识点能够多总结一些，至少要做到在面试时，针对每个知识点都可以侃起来，不至于哑火。   前言 在前后端交互的过程中，使用频率最高的莫过于 GET 和 POST 这两个方法，并且这也是面试中被问到频率很高的知识点。 面试常常会问：GET 和 POST 方法的区别是什么？ 这个问题常常会导致我们只关心了它们两个之间的一些差异，而忽略了它们之间的共性，所以对于问题的回答就略显浅显。 今天我们就来深扒一下两个方法到底有何异同。 相同点 如果我要说， GET 和 POST 的本质是相同的，不知道有多少人会有异议？ GET ...

最近我在做前端面试题总结系列，感兴趣的朋友可以添加关注，欢迎指正、交流。 争取每个知识点能够多总结一些，至少要做到在面试时，针对每个知识点都可以侃起来，不至于哑火。   前言 通过前面的总结，我们都知道，当客户端通过 HTTP 向服务端发送了一个请求之后，总是期望服务端能够进行响应。而在服务端的响应结果中，信息头会包含一个叫 Status Code 的属性，其值为一个三位数的数字，我们将这个数字称为 HTTP 状态码。  HTTP 状态码 是 HTTP 协议的重要组成部分，它用来表示服务端对当前请求的响应状态。 概念 HTTP 状态码（英语：HTTP Status Code）是用来表示网页服务...

最近我在做前端面试题总结系列，感兴趣的朋友可以添加关注，欢迎指正、交流。 争取每个知识点能够多总结一些，至少要做到在面试时，针对每个知识点都可以侃起来，不至于哑火。   前言 在日常开发中，前端和服务端数据交互时，使用最多的大概就是 HTTP 请求了，今天我们就来总结一下所有的 HTTP 请求方法，并且了解一下后台返回的一些常见状态码的含义。 请求方法分类总结 根据 HTTP 标准，HTTP 请求可以使用多种请求方法。 HTTP1.0 定义了三种请求方法： GET, POST 和 HEAD 方法。 HTTP1.1 新增了六种请求方法：OPTIONS、PUT、PATCH、DELETE、TRACE...

最近我在做前端面试题总结系列，感兴趣的朋友可以添加关注，欢迎指正、交流。 争取每个知识点能够多总结一些，至少要做到在面试时，针对每个知识点都可以侃起来，不至于哑火。   前言 在上一篇文章《HTTP 概述》中我们认识了 HTTP ，知道它是一个规范客户端请求和服务端响应的应用层协议，今天，我们来学习一下它里面的另一个重要概念——HTTP 消息。 HTTP 消息 HTTP 消息是服务器和客户端之间交换数据的方式。 分类 HTTP 消息分为两类：  客户端请求消息（requests）—— 由客户端发送用来触发一个服务器上的动作。 服务端响应消息（responses）—— 来自服务器的应答。  构成...

最近我在做前端面试题总结系列，感兴趣的朋友可以添加关注，欢迎指正、交流。    概念 HTTP 的全称是 Hyper Text Transfer Protocol，翻译过来就是“超文本传输协议”。 HTTP 是一个简单的请求-响应协议，它通常运行在 TCP 之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。  补充 HTTP 是万维网（World Wide Web）的基础协议 HTTP 详细规定了浏览器和万维网(WWW = World Wide Web)服务器之间互相通信的规则，通过因特网传送万维网文档的数据传送协议。 自 Tim Berners-Lee 博士和他的团队在 ...

年中已过，年终将至，是时候展现真正的技术了！  关于工作 在目前的公司已经干了快两年半了，谈不上有多强的归属感，但却也习惯了这个环境。 我最满意的是这里的氛围，不必关心那些勾心斗角的糟心事，也没必要想着溜须拍马，同事之间的关系颇有一种“君子之交淡如水”的意思，我确实喜欢目前的这种人际关系，不必花过多的心思去维护，投缘了多一些联系，即使不投缘，我的性格也注定是竖不了仇的，维持正常的工作交流即可，还有比这更完美的吗？ 薪资方面，按照刚进公司时的算，大概涨了有 60% 左右，不算多但也不算差，虽然距离期望值还有点差距，但我是能接受的，因为人的欲望发展注定永远是高于现实的。连续两年的“优秀员工”称号也...