YuYu_Fish

前端测试普及度虽然不算高，但对项目代码质量以及后期维护项目上却有很大的作用。本文会抛砖引玉的讲下 Jest 单元测试，因为很多 API 具体看官网就可以了。 库。可以在任何...

安装 使用 注 propTypes类型检查缺憾之一是：对于undefined、null，无法捕捉其错误 参考原文： prop-types库...

普通script（不添加async、defer异步属性） 文档解析时，遇到普通的script标签，浏览器会立即下载并执行相应的js脚本，会阻塞页面的解析渲染 如果当前scr...

React Scheduler - 时间切片 使用和分析，React Scheduler - 任务优先级 使用和分析。...

开篇 Scheduler 调度器的核心除了「时间切片」requestHostCallback 外，还有一个功能就是「优先级调度」。 它会根据任务的优先级（任务设定的过期时间...

在日常的React开发中，我们经常会用到useEffect这个副作用勾子，它还有一个兄弟useLayoutEffect，那么这两个副作用勾子有什么区别呢？我们该如何区分它们...

Cookie Cookie诞生背景 HTTP是无状态的，HTTP五大特点之一； 无状态是指协议对于事务处理没有记忆能力，服务器不知道客户端是什么状态； 即给服务器发送HTT...

super关键字当作函数使用 ES6要求，子类的构造函数中必须执行一次super函数； 在子类的构造函数中，super()表示父类的构造函数； 即super()就相当于A....

什么是跨域？ 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源； 跨域是浏览器的“同源策略”导致的，是浏览器的一种安全机制，服务端之间是不存在跨域的； 什么是同源策略...

作为前端开发工程师，ES6 这个词想必不陌生， ECMAScript 你也应该有所了解，你是否好奇过 ECMA 世界的神秘数字代号， ECMA262 是什么，TC39 是什...

概要 学习一门技术，最好的方式就是先了解这门技术是如何诞生的，及它解决了什么问题？ 接下来将从一下几个方面介绍Promise： 异步编程的问题：代码逻辑不连续； 回调地狱：...

问题 在React+Typescript项目中导入图片时，报错： 解决方案 在js中引入本地静态资源图片时，使用import lockIcon from '@assets/...

概述 Mutation Observer是用于代替Mutation events作为观察DOM树结构发生变化时，做出相应处理的API； 为什么要使用Mutation Obs...

前言 最近在做一个关于webpack5手动搭建项目的测试练习，网上找了很多文章，发现很多文章按照他们的步骤搭建，都会有各种各样的报错，于是自己参考网上各类文章，加上自己的实...

为什么要使用懒加载 对页面加载速度影响最大的就是图片，一张普通的图片可以达到几M的大小，而代码也许就只有几十KB； 当页面图片很多时，页面的加载速度缓慢，几S钟内页面没有加...

Document元素距离 概览 详情 offsetTop、offsetLeft：只读属性，要确定的这两个属性的值，首先得确定元素的offsetParent； offsetP...