草帽少年

言简意赅地用86张思维导图🖼，总结 React相关知识点✔，且附原图和源文件📚，快来看看吧🤞~...

useLayoutEffect 和 useEffect 的结构、功能相同，区别只是它们在事件循环中的调用时机不同。 useEffect useEffect 的回调函数是【异...

React 16 之前和之后最大的区别就是 16 引入了 fiber，又基于 fiber 实现了 hooks。整天都提 fiber，那 fiber 到底是啥？它和 vdom...

现在写 react 组件基本都是 function + hooks 了，因为 hooks 很强大也很灵活。 比如 useState 可以声明和修改 state，useEff...

什么是Hooks？它的优点在哪？为啥vue和react都认为它是未来？小春我想和大家简单聊一聊关于Hooks的来龙去脉。...

「译」这篇文章将深入的挖掘我当时为什么会在项目中使用 CSS-in-JS （本文使用 Emotion 方案 ），而现在为什么正在放弃这样的方案。...

React Router 是 React 生态系统中最受欢迎的第三方库之一，近一半的 React 项目中使用了 React Router，下面就来看看如何在 React 项...

前言 大家好 我是鲨鱼哥~ 这是鲨鱼哥 2022 年的第一篇文章 为啥第一篇文章就要写前端性能定位相关呢 其实老粉都知道 性能优化文章我早在去年六月就说要完成的 各种事情一...

我在 GitHub 上基于 React 和 Webpack 搭建了一个 Demo 项目，模拟了现实中可能遇到的性能问题，详细记录了如何将 Lighthouse 评分从 2 ...

2021 高频前端面试题汇总之性能优化篇，前端面试题汇总系列文章的性能优化篇，长期更新，欢迎收藏、点赞！...

在某种特殊场景下，需要将大量数据一次性渲染到页面。 分析真实业务场景，用户正常情况不会去浏览全部数据。 除特殊情况外，将全部数据渲染到列表中是无用且浪费资源的行为，只需要根...

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体...

大家好，我是双越老师，也是 wangEditor 作者。 大家有没有发现一个现象：最近 1-2 年，前端圈不再关注源码了。源码是一种泡沫，随着招聘市场遇冷，现在泡沫破灭了，...

本文将讲述开发环境下 vue3 项目打包器从 webpack 迁移到 vite 过程中的所遇问题、解决方案、迁移感受，以及如何不修改任何源码完成迁移。...

本文围绕基本概念、组件、Hooks 三个 React 核心维度出发，将 React 中 90% 以上的实用功能和常用概念讲清楚，帮助你快速掌握 React。...

1.安装docker，nginx 2.在项目的根目录下创建一个名为Dockerfile的文件，用于构建Docker镜像。 3.在项目的根目录下创建一个名为nginx.con...

2024年，教你从0开始认识和配置ESlint。本文将从0开始教你一步一步在任何项目中安装和配置使用ESlint，认识每个ESlint插件都有何作用。...

起步 什么是Monorepo？首先monorepo并不是一个框架也不是某个技术，而是一种代码管理策略，指的是在一个单一的代码库中维护多个项目或模块。 目前已经有很多知名的开...

小沈是一个刚刚开始工作的前端实习生，第一次进行团队开发，难免有些紧张。在导师的安排下，拿到了项目的 git 权限，开始进行 clone。 小沈开始细细品味着同事们的代码，终...

使用pdf.js实现文档阅读器时，主要实现思路，以及遇到的问题与解决方案。使用pdf.js实现文档阅读器时，主要实现思路，以及遇到的问题与解决方案。...