个人情况：2021.6 毕业；技术栈主要是 Vue，所以 Vue 相关被问的多一些，React 很少； 记录一下最近遇到的面试题，按照面试题目的类型，做个归类划分： CSS相关： 各种选择器的优先级，

浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种：

对象到底是什么，我们可以从两次层次来理解。 (1) 对象是单个事物的抽象。 一本书、一辆汽车、一个人都可以是对象，一个数据库、一张网页、一个与远程服务器的连接也可以是对象。当实物被抽象成对象，实物之间的关系就变成了对象之间的关系，从而就可以模拟现实情况，针对对象进行编程。 (2…

设计模式的原则并不是一个遵守或者不遵守这样的非黑即白的二元问题，而是遵守程度的问题。举例来说，单一职责原则是大家都习以为常的原则，几乎每个学习过软件工程的人都知道这个原则。简单说，一个函数只做一件事。但是，怎么定义完成一件事的边界，就因每个人的理解不同而有差异了。所以说，实际开…

BFC（Block Formatting Context）块级格式化上下文，是 Web 页面中盒模型布局的 CSS 渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。 （3）冒泡阶段：事件从目标节点自下而上向window对象传播的阶段。 由于事件会在冒泡阶段向上传播到父…

web性能说白了就是网站打开速度快不快，页面中的动画够不够流畅，表单提交的速度是否快，列表滚动页面切换是否卡顿。性能优化就是让网站变得快。 在MDN上对web性能的定义是网站或应用程序的客观度量和可感

webpack 是自动化打包解决方案，也可以理解为是一个模块打包机。它帮助我们分析项目结构，找到 JavaScript 模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript 等），并将其打包为合适的格式以供浏览器使用。 Entry：入口，Webpack…

HTTPS 是在 HTTP 的基础上，利用 SSL/TLS 加密数据包。 非对称加密：发送方和接收方使用一对密钥，即公钥和私钥。一般私钥是保密不能被泄露的，公钥可以对外传播。我们可以用公钥加密私钥解密（数据加密） 也可用私钥加密公钥解密（签名--下面会解释） 如果找不到，浏览器…

Prototype（原型模式）属于创建型模式，既不是工厂也不是直接 New，而是以拷贝的方式创建对象。 意图：用原型实例指定创建对象的种类，并且通过拷贝这些原型创建新的对象。 如果看不懂上面的意图介绍，没有关系，设计模式需要在日常工作里用起来，结合例子可以加深你的理解，下面我准…