光明的追求者

辞职回老家有一周多了。 这几天我啥也没写，一直在考虑是继续找工作还是真正开始自由职业。 找下份工作肯定是有高和稳定的收入，但很有可能还是做不喜欢做的事情，可能是和之前一样一...

非常汗颜，写ts好多年了，虽然不是anyscript风格，但一直当作类型标注在写，顶多用用函数重载和范型，连infer是谁都不认识，虽然也从当年这个文章中：用 TypeSc...

通过对Pinia基本功能的使用介绍，以及和Vuex进行对比，让我们能够清晰的认识Pinia，从而在后续的业务场景下帮助我们解决问题。这个🍍不酸，亲测保甜！...

CSS Gird布局也叫二维网格布局系统，可用于布局页面主要的区域布局或小型组件。网格是一组相交的水平线和垂直线，它定义了网格的列和行。我们可以指定将网格元素放置在与这些行...

excel的预览库有不少，也都很强大，但是能很简单实现 【带样式预览】 的很少，我是通过借助exceljs和x-data-spreadsheet两个库，来实现了excel带...

本文介绍了 useState、useEffect、useContext 等几种 React Hook 的实用小技巧，对于新手是很好的指导型文章，能够帮你减少踩坑。...

context 是 react 的主要特性，它能在任意层级的组件之间传递数据。 在业务代码中用 context 可能不多，大家更偏向于全局的状态管理库，比如 redux、m...

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

在做性能优化前，我们必须要系统性地了解常见的性能优化手段。当遇到性能问题时，才能知道该从哪个方向着手做性能优化。本文侧重分享一些 如何系统性地优化页面性能 的思路/方向。...

虚拟 DOM 虚拟 DOM 节点是一个 JS 对象，用这个 JS 对象可以表示 DOM 节点、组件节点等。有了虚拟 DOM，能提高整体研发体验和效率，同时也能解决跨平台问题...

fiber架构 我们先简单了解一下React的数据结构，通过jsx描述页面的数据结构，将jsx转化vodm,再转化成fiber。如上图是最简单的fiber树，父节点的chi...

目前有两个项目star过百，第一个项目至今都快5年了，偶尔有人点个赞，不过也就那样了，没啥发展了。 最近新写了一个项目，到今天不到2个月时间，star就已经过百了，虽然和大...

React 是基于 vdom 的前端框架，组件 render 产生 vdom，然后渲染器把 vdom 渲染出来。 state 更新的时候，组件会重新 render，产生新的...

让我们一起来读红宝书系列--原型和原型链篇。构造函数、实例、原型对象之间的关系都有什么关系呢？本篇将一一解答。看完再也不怕被问原型啦。...

概述 美国童子军有一条简单的军规：让营地比你来时更干净。当梳理代码时，坚守此军规：每次 review 代码，让代码比你发现它时更整洁。 一位大神说过：“衡量代码质量的唯一有...

很多前端都喜欢用 console.log 调试，先不谈调试效率怎么样，首先 console.log 有个致命的问题：会导致内存泄漏。 为什么这么说呢？ 用 Performa...

2023 年 1 月 1 日，尤雨溪发布博客 《2022 Year In Review》， 文中回顾了 2022 年发生的事，并讨论了 2023 年的期望。下面就来看看详细...