仙人掌一号

Suspense 组件想必大家都用过，一般是和 React.lazy 结合用，用来加载一些异步组件。 比如这样一个组件： 就可以在另一个组件里用 lazy + Suspen...

答案：输出 2 , 1。 JavaScript语言的一大特点就是单线程，也就是说，同一时间只能做一件事，前面的任务没做完，后面的任务只能等着。 这主要与JavaScript...

一、数据采集 性能监控数据需要通过一定的采集方式进行统计，比如通过初始化的时候获取performance.timing去计算业务需要的指标； 在新标准中，通过Perform...

React Diff 算法 认识 React Diff 算法 React 是 Fiber 架构的，Fiber 其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双...

sourcemap 的作用就是将编译后代码映射为编译前源代码，所以要搞明白 sourcemap 的核心原理，就是搞明白如何将编译后代码映射为编译前源代码，下面让我们看一下其...

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。...

在前端技术发展日新月异的今天，前端工程化已经成了每个前端工作/学习者的必备知识，一文带你吃透webpack...

说说你对webpack的理解？解决了什么问题？ Webpack 最初的目标就是实现前端项目的模块化，也就是说它所解决的问题是如何在前端项目中更高效地管理和维护项目中的每一个...

TypeScript 的配置就像装修房子，刚开始总觉得越多越好，后来才发现简洁实用最重要。毕竟，我们的目标是写业务代码，不是玩配置杂技，对吧？...

上一篇文章中有提到会把我最近在面试时遇到的手写面试题给整理出来，这不，他来了! （含有字节，美团等大厂面试题！）...

最近在看《你不知道的 js》这本书，看到其中的强制类型转换部分，正好，之前写了篇关于 js 中 == 和 === 区别的博文，涉及到类型转换这里，又重新整理了一下，这里面所...

Preload 是什么？ <link rel="preload"> 是 HTML 中的一种资源预加载机制，它允许浏览器在解析页面时预先加载特定的资源……...

当你被问到关于模块化的时候，你能讲多少？你所理解的模块化是什么样？模块化的思想是什么？什么才是好的模块化应用？...

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

React Scheduler 为什么使用 MessageChannel 呢？为什么不使用 setTimeout 或 requestAnimationFrame 实现呢？...

在前段时间的一次面试中，被问到了一个如标题这样的问题。要想好好地去回答这个问题，这里牵扯到的知识点也是比较多的。 那么接下来这篇文章我们就一点一点开始引出这个问题。...

话不多说，我们进入正题。 跨站脚本（Cross-site scripting，简称为：CSS, 但这会与层叠样式表（Cascading Style Sheets，CSS）的...

前言 本人2年半左右的工作经验，第一份工作是出差比较多（低代码定制化项目，政府、军工、工业等）+ 低代码，第二份是教育行业 Saas 后台和h5相关，干了半年多被裁员了。 ...

此篇文章旨在帮助对于https完全没有了解的小小前端er建立起一个宏观的理解，此处的“宏观”并非草草了事，而是涉及到一些加密算法不予解析以及技术细节不予解读，总之这篇文章不...

近几年，互联网发生着翻天覆地的变化，尤其是我们一直习以为常的HTTP协议，在逐渐的被HTTPS协议所取代，在浏览器、搜索引擎、CA机构、大型互联网企业的共同促进下，互联网迎...