狐白吟

在我们工作或学习中经常遇到要尝试使用一个新的组件库或工具库，例如需要上手学习一下react的状态管理库Valtio，或者我想上手体验一下antd5.0的组件库，尝试用图表组...

Event Loop即事件循环，是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制，也就是我们经常使用异步的原理。 是要增加自己技术的深度，也...

最近，在项目中遇到一个关于CSS中元素z-index属性的问题，具体问题不太好描述，总结起来就是当给元素和父元素色设置position属性和z-index相关属性后，页面上...

工程化是前端各类细分技术领域中最为基础而关键，最具有知识广度与深度因而学习曲线较为陡峭，但同时也是对整体开发效率、质量增益最大因而对个体而言最具有学习价值的高阶技能之一。...

今天我主要分享的是一些 webpack 中的易混淆知识点，也是面试的常见内容。我把这些分散在文档和教程里的内容总结起来，目前看是全网独一份，大家可以加个收藏，方便以后检索和...

我们来研究一下最近天天都在使用 React Hook。说起 Hook，烧烤哥也用了好一阵子了，但是一直不知道 Hook 背后到底是怎么运作的，在出现 Bug 的时候只能靠一...

如今的 React 几乎是函数式组件 + hooks 的天下。那你真的懂得 hooks 底层原理吗？...

当函数组件进入render阶段时，会被renderWithHooks函数处理。函数组件作为一个函数，它的渲染其实就是函数调用，而函数组件又会调用React提供的hooks函...

解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题...

【前端面试复习系列文章】 2024前端高频面试题-- html篇 2024前端高频面试题-- CSS篇 2024前端高频面试题-- JS篇 2024前端高频面试题-- VU...

不以规矩，不能成方圆。 由于某些原因，笔者有幸经历了团队从缺乏标准到逐渐规范的一个过程，在此当做记录供大家参考。 本文从为什么需要规范以及建立规范的重要性出发，逐步引申出如...

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

React实现一个拖拽排序组件 - 支持多行多列、支持TypeScript、支持Flip动画、可自定义拖拽区域...

Vue3+Ts+Pnpm+eslint9.0+Prettier+Stylelint(移动/pc)项目搭建记录...

前言 vuex缺点：ts兼容性不好、命名空间的缺陷、只能有一个store、mutation和action pinia 优点：ts兼容性好 、不需要命名空间，可以创建多个st...

JS代码是单线程执行的，那浏览器是如何中断react的diff事件的。其实底层原理很简单，就两个字 -- 协程...

本文针对面试环节简单讲述了React的事件机制、渲染原理、以及fiber架构等等，内容全面，知识点丰富。...

Fiber 是对 React 核心算法的重构，facebook 团队使用两年多的时间去重构 React 的核心算法，在React16 以上的版本中引入了 Fiber 架构，...