XRender 2.0 正式发布啦！🎉 官方文档：https://xrender.fun/form-render 前言 XRender 1.0 已经发布两年多了，随着用户体量的增大，使用场景也变得越来

随着前端应用的复杂性不断增加，性能优化变得越来越重要。本文将介绍如何使用 Vite 和 CDN 来提高 React 应用的加载速度。 什么是 Vite？ Vite 是一个基于浏览器原生 ESM 的开发

mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点，refNode为真实的DOM节点，其父级节点为parent。如果refNode不为空，vnode生成的DOM节点就会插入到refNode之…

在 React v16.13 版本中，正式推出了实验性的 Concurrent Mode，尤其是提供一种新的机制 Suspense，非常自然地解决了一直以来存在的异步副作用问题。结合前面 v16.8 推出的 Hooks，v16.0 底层架构 Fiber，React 给开发者体验…

最近在开发小程序，与vue类似，它们都有生命周期这回事。 所以这又触碰到了我的知识盲区，不过项目在磕磕绊绊中完成的差不多了，但是遇到了CSS3动画渲染的性能问题，所以我也是被逼的，再回过头来从浏览器渲染网页的流程出发，去找动画卡顿的症结。 可以结合Alon的这篇前端性能优化和安…

众所周知，网页不仅应该被快速加载，同时还应该流畅运行，比如快速响应的交互，如丝般顺滑的动画……

众所周知，TypeScript的类型系统因其高度灵活性而常常被戏称“类型体操”。其实复杂类型操作并非无迹可寻，本文就试图从元编程的角度挖掘一下类型系统的潜力，希望能够帮助你抓到一些思路和脉络。

Virtual DOM是对DOM的抽象,本质上是JavaScript对象,这个对象就是更加轻量级的对DOM的描述. 首先,我们都知道在前端性能优化的一个秘诀就是尽可能少地操作DOM,不仅仅是DOM相对较慢,更因为频繁变动DOM会造成浏览器的回流或者重回,这些都是性能的杀手,因此…

如何画个球？好像 JS 和 CSS 并没有提供这个能力，当然也不可能为了画个球引入 Threejs。这篇文章将介绍 4 种画球的方法，每种方法都有不同的特点，生成球的数据可以使用任何方式渲染，可以在 canvas 中渲染，也可以使用 DOM 来渲染来实现一些博客里面的标签球效果…