前端面试必须掌握的手写题：进阶篇
本文是前端面试必须掌握的手写题系列的最后一篇，这个系列几乎将我整理和遇到的题目都包含到了，这里还是想强调一下，对于特别常见的题目最好能“背”下来，不要眼高手低，在面试的时候不需要再进行推导分析直接一把梭，后续会整理分享一些其他的信息，希望对你能有所帮助 🔥请求并发控制 多次遇到的题目，而且有很多变种，主要就是同步改异步 🔥带并发限制的promise异步调度器 上一题的其中一个变化 🔥🔥🔥实现lazy链式调用: person.e...
20分钟掌握 Vite 插件开发
以往，面试官：“你自己开发过 Webpack 的插件吗？” 现在，面试官：“你自己开发过 Vite 的插件吗？” 如果你还在纠结 Webpack 的插件该开发姿势的话，点我这篇文章 。 写 Vue 的朋友肯定最爱 Vite，当然写 React 的朋友肯定也爱，反正我爱，毕竟谁不希望自己快一点呢 \ < 关于 Vite 你肯定需要知道的两点就是， 1. Vite 的原理是什么，为什么它这么快？ 2. Vite 的插件是如何开发出来的，原理...
浏览器输入url会发生什么 - 巨详细完整版
当我们向浏览器的地址栏输入URL的时候，网络会进行一系列的操作，最终获取到我们所需要的文件，如何交给浏览器进行渲染 我们所关注的问题也就是： 如何获取到我们所需要的文件 浏览器是如何渲染的 大致的执行顺序 URL解析 DNS 解析：缓存判断 + 查询IP地址 TCP 连接：TCP 三次握手 SSL/TLS四次握手（只有https才有这一步） 浏览器发送请求 服务器响应请求并返回数据 浏览器解析渲染页面 断开连接：TCP 四次挥手 URL...
JavaScript完整原型链图解_js 原型链的关系图
了解完整 对我们有什么帮助? 没什么帮助，装逼意义大于实用（doge） 好的吧，可能是我还是新手，没碰上这方面的需求 完整原型链图示 上图里，我们常用的部分是右下至右上的链，即从构造函数到构造函数原型对象再到 的部分。 而实际上，我们常见的 和 也参与了原型访问链。 在这个图中，不管将哪个块当作实例对象，总有一个构造函数和一个原型对象和它组成三角关系。 只有一个块例外，那就是 。若 ，则原型链访问将一直访问 没有尽头，故底层规定 ，使原...
图解原型&原型链 - 掘金
原型链图 图中Parent是构造函数，p1是通过Parent实例化出来的一个对象。 如果你看到这张图一脸懵，不要怕，往下看，下面会一步一步教你认识原型&原型链 前置知识 js的初学者一般很难理解原型和原型链的概念，但原型和原型链又是js中最重要的点之一。从jQuery到现在最火的框架之一Vue，原型的应用无处不在，那我们该怎么学好JavaScript的原型和原型链呢？ 想要弄清楚原型和原型链，这几个属性必须要搞清楚， 、 、 。 其次你...
前端跨域问题及其解法方法
在前端项目的开发中， 跨域 是我们必须要解决的问题，只要涉及到“向服务器请求资源”、“前后端交互”等功能， 跨域 往往是无法避免的 那么什么是 跨域 问题，又该如何解决它呢？ 跨域 导致 跨域 问题产生的根本原因来自浏览器的 同源策略 同源策略 是浏览器的重要安全策略，它用于限制一个Origin的文档或者它加载的脚本如何能与另一个源的资源进行交互，其中Origin指Web文档的来源，Web 内容的来源取决于访问的 URL的方案 (协议)...
简述 pt、rpx、px、em、rem、百分比、vh、vw的区别
简述 pt、rpx、px、em、rem、%、vh、vw的区别 设备物理像素 pt：屏幕宽、分辨率，其中每一小份就是1pt。 css 像素 px： pc 机大屏幕显示器，1px约等于0.76个物理像素 手机小屏幕：以IPhone6为标准，物理像素750，分辨率375 1px = 2pt。 px 也是一个相对单位 px 是为了平衡一个元素在PC上显示的大小与在手机上显示的大小尽量一致而制定的。 手机屏幕大小不一，差异较大，所以反而不希望一个...
Cookie与Session傻傻分不清楚
一、Cookie与 的区别 Cookie和Session都是用于在Web应用程序中跟踪用户的状态的机制。 Cookie和Session都是用于跟踪用户状态的机制 虽然Cookie和Session都可以用于存储用户的数据，可用于跟踪用户身份和行为 ， 但它们的工作方式/实现方式有所不同，具有不同的优缺点。 1.1 Cookie 1.1.1 Cookie是什么？ Cookie是一种存储在用户计算机上的小文件，用于跟踪用户的身份和行为。 Co...
什么是Promise,我们用它来做什么?
一、什么是 ？我们用Promise来解决什么问题？ Promise 是异步编程的一种解决方案：从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。promise有三种状态： pending(等待态)，fulfiled(成功态)，rejected(失败态) ；状态一旦改变，就不会再变。创造promise实例后，它会立即执行。 我相信大家经常写这样的代码： 一般来说我们会碰...