santree

前言 在 React Conf 2024，React Complier 终于开源了，第一次亮相是在 React Conf 2021，那时还叫做 React Forget，是...

实现 CSS JS沙箱隔离环境 首先 多个前端项目运行在同一个基座中可能会遇到的最大问题有两个 1. JS代码的污染 2. CSS的污染 这时我们就需要实现沙箱环境 , 也...

前段时间无意中浏览到了描述FC(Family Computer)游戏的一些工作原理的博客，瞬间勾起了儿时对小霸王游戏机如痴如醉的过往，看到网上从以前游戏卡带中导出来的游戏：...

这篇文章介绍了如何在 sui 的 ts-sdk 中使用 SUI-GraphQL 进行查询，同时享受自动补全功能...

为什么要开发Rspack 在开发 Rspack 之前，我们已经尝试开发了 n 款构建工具和框架，并在实际的生产环境下重度使用了 Webpack、Vite、esbuild、r...

MicroApp是由京东前端团队推出的一款微前端框架，它从组件化的思维，基于类WebComponent进行微前端的渲染，旨在降低上手难度、提升工作效率。...

前言 store.js 库整体代码偏实用性，结构清晰、功能稳定、API 精简，所以学习一下，以及看下这类库的 commit 重构的一个过程。整体结构中最重要的其实是 sto...

2.transform 2D/3D 转换属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、倾斜、缩放或移动。 3.transfrom-rotate 指函数...

学习一下 ChatGPT，在 Gitlab 中使用 ChatGPT进行 CodeReview，功能比较简单...

在大型项目开发中，经常会遇到这样一个场景，QA 丢给你一个出问题的链接，但是你完全不知道这个页面 & 组件对应的文件位置。 react-dev-inspector...

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替...

热更新的意思是不用刷新页面，简单的讲，就是使用 react 编写代码时，能让修改的部分自动刷新。但这和自动刷新网页是不同的，因为 hot-loader 并不会刷新网页，而仅...

Redux Toolkit 的构建简化了大多数 Redux 任务，防止了常见错误，并使编写 Redux 应用程序变得更加容易。可以说 Redux Toolkit 就是目前 ...

现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页...