小蝉儿

前面章节我们梳理了woker的相关理论。下面让我们结合具体代码看看使用worker带来的变化 如上，我们做一个输入框，输入大数字，计算从1到给定数值的总和，点击按钮开始计算，模拟一下复杂计算。 代码

1. 什么是WebWorker 众所周知，JavaScript 是单线程的语言。所有代码都运行在一个主线程中，包括处理用户界面，js代码执行和网络请求。当执行耗时操作时，就会导致用户页面的卡顿和不响应

事件循环是浏览器的核心原理，没有事件循环，浏览器根本跑不起来，身为跟浏览器打交道的前端，事件循环的重要性不言而喻，下面让我们一起学习了解一下。 一、浏览器的进程模型 1.1、什么是进程？ 程序运行需要

grid布局能够以最简单的DOM结构实现复杂的布局，也可以让我们不必改变结构的情况下更灵活的扩展布局，相对于flex更加灵活，非常强大，现在让我们一起学习下吧。 什么是grid？ grid即网格，是一

在项目中，同学们有没有和我一样有这样的疑问： 为什么我设置的z-index不起作用？ 子元素如何才能覆盖父元素？ 为什么设置了z-index大的元素却覆盖不了z-index小的元素？ 下面让我们从底层

1、需求： 最近做项目PC端有一个一键下载报告的功能，预览时是htmldom，点击下载按钮，将html转换成图片的格式，下载到本地。且最终生成的图片的尺寸是预览的2倍。 2、思路： html2canv

有没有人跟我一样，每次面试必会被问到如何实现一个上传组件。在实际工作中，有很多成熟的UI组件库供我们选择，很少会自己去开发。今天咱必须从零到一实现一个。以下这个Upload组件具备基础的上传功能，支持

以函数式组件为例，整理项目中用到的TS写法。持续补充。。。 1、React.FC FC在@types/react18之前为children提供了隐式的类型（ReactElement | null），即

101、a.b.c.d 和 a['b']['c']['d']，哪个性能更高？ a.b.c.d比a['b']['c']['d']性能高点，后者还要考虑[ ]中是变量的情况，再者，从两种形式的结构来看，显