gjt19970426

壹 ❀ 引 在前面两篇文章中，我们花了较大的篇幅介绍react的setState方法，在介绍setState同步异步时提到，在react合成事件中react对于this.s...

React提供了一种“顶层注册，事件收集，统一触发”的事件机制 1. “顶层注册”，其实是在root元素上绑定一个统一的事件处理函数 1. “事件收集”, 事件触发时（实际...

前言 面试题只是一个引子，快速刷题就是背（面试官问你，但是他不一定很深入），想深入理解还是得花大量精力； webpack 的构建流程是什么 初始化参数：解析webpack配...

接下来我们通过源 码详细分析下qiankun沙箱实现。 主要有`snapshotSandbox`快照沙箱，`legacySandbox`单实例代理沙箱，`proxySand...

微前端实现沙箱的常用几种方式，有基于ifram的方式，通过diff方式实现，还可以通过代理(proxy)实现单实例和多实例沙箱...

🎉Svelte 作为最受欢迎的前端新宠，连尤大都重视的框架，居然“叛逆”到不使用带有网红属性的虚拟DOM ！！！...

基于 React 18 版本讲解 React Hooks 原理。配合录制的 debug 视频，带大家详细理解 Hooks 在 Fiber 中的运行机制、状态保存逻辑和常见的...

我们在开发过程中，发现后端 API 请求特别慢，于是跟后端抱怨。 “怎么 API 这么慢啊，请求一个接口要十几秒”。 而且这种情况是偶现的，前端开发同学表示有时候会出现，非...

作为一个程序员，代码能力毋庸置疑是非常非常重要的，就像现在为什么大厂面试基本都问什么 API 怎么实现可见其重要性。我想说的是居然手写这么重要，那我们就必须掌握它，所以文章...

使用JSON.stringify去实现深拷贝有非常多的坑。能不用就不要用。文章会罗列出有可能的导致的错误。...

前言 前端开发中，只要涉及到列表渲染，那么无论是 React 还是 Vue 框架，都会提示或要求每个列表项使用唯一的 key，那很多开发者就会直接使用数组的 index 作...

大家好，我卡颂。 你或你的同事在使用useEffect时有没有发生过以下场景： 当你希望状态a变化后发起请求，于是你使用了useEffect： 这段代码运行符合预期，上线后...

1. webpack打包基本原理 1. 处理单个模块（以入口为例） 我们可以看到，入口文件index.js的所有内容都以字符串形式输出了，我们接下来可以用正则表达式或者其它...

例如 babel-loader 可以将 ES6 代码转换为 ES5 代码；sass-loader 将 sass 代码转换为 css 代码。 rules 数组包含了一个个匹配...

面试官：npm run xxx的时候，发生了什么？讲的越详细越好。 我（嘿嘿，稳了，这次我要30k）: 嘻嘻！...

DNS 是实现域名到 IP 转换的网络协议，当访问网页的时候，浏览器首先会通过 DNS 协议把域名转换为 IP，然后再向这个 IP 发送 HTTP 请求。 DNS 是我们整...

想要成为一名合格的前端工程师，掌握相关浏览器的工作原理是必备的，这样子才会有一个完整知识体系，要是「能参透浏览器的工作原理，你就能解决80%的前端难题」。 「这篇文章准备梳...

很多大公司面试喜欢问这样一道面试题，输入URL到看见页面发生了什么？,今天我们来总结一下。 连接结束。 DNS解析实际上就是寻找你所需要的资源的过程。假设你输入www.ba...

第一步 输入网址并解析 第二步 建立TCP连接 三次握手 一开始，客户端和服务端都处于 CLOSED 状态。客户端主动打开连接，服务端被动打卡连接，结束CLOSED状态，开...

前言 以前我在掘金上看到面试贴就直接刷掉的，从不会多看一眼，直到去年 9 月份我开始准备面试时，才发现很多面试经验贴特别有用，看这些帖子（我不敢称之为文章，怕被杠）的过程中...