分享 • 2024-12-30
本文介绍了8个流行的前端JS动画库，包括Popmotion、Framer Motion、mo.js、ScrollMagic、Three.js、GSAP (GreenSock Animation Platform)、Anime.js、Lottie，并分享了作者个人最喜欢的三个动画库。这些库各具特色，适合不同项目需求，可以帮助开发者快速创建炫酷的动画效果。
常见问题 • 2024-06-10
create react app 项目引入 src 外部的组件，提示以下错误，Module parse failed: Unexpected token (7:4)
其他 • 2024-03-23
package.json 是 node 项目必备的一个文件，通常用来描述项目的一些元数据，包含项目名称，版本，描述，依赖等等。一个最简单的 package.json 内容通常长这样。
工具 • 2024-03-08
AST（抽象语法树）是对JS代码抽象语法结构的表示，Babel可以帮我们把代码解析成AST，方便我们进行转换，操作，生成。社区的 eslint，代码转换工具 taro 等，都离不开 AST 进行操作。下面整理下 AST 常见的使用方法。
其他 • 2024-01-24
在网页开发中，资源加载的优化一直是提升用户体验的关键环节。 在没有 fetchpriority 之前，浏览器对资源的加载优先级有一定的预设规则，但这些规则可能不完全符合我们的优化需求。使用 fetchpriority，我们可以更精确地控制资源的加载顺序，从而优化页面的关键渲染路径（Critical Rendering Path），提升如最大内容绘制（Largest Contentful Paint, LCP）等性能指标。
框架 • 2023-12-15
nextjs发布到CDN报错，访问图片报错Url parameter not allowed，为了提高页面访问速度，通常会把文件上传到CDN，为了提高页面访问速度，通常会把文件上传到CDN，nextjs提供了一个配置 assetPrefix 来实现，我们只需要在 next.config.js 里面配置 assetPrefix 即可。
工具 • 2023-12-11
之前介绍过 「npm包版本号-Semantic Versioning规则详解」，今天介绍下 npm 包里面 package.json 的 version 如何控制版本号。
工具 • 2023-12-10
作为一个前端开发工程师，肯定离不开跟富文本打交道，做B端管理系统，CMS系统都需要富文本编辑，下面介绍几款优秀的富文本编辑器，有些方便定制化，有些功能强大，按需使用。
javascript • 2023-12-09
关键字在 TypeScript 中具有特定的含义，用于定义类型、类、接口、函数等。例如，number、string、boolean 是 TypeScript 中的关键字，用于声明基本类型。同时，还有其他关键字如 interface、class、enum、function 、in、keyof 和 typeof 等等。
其他 • 2023-11-23
Web Locks API 允许在一个选项卡或工作线程中运行的脚本异步获取锁，在执行工作时保持它，然后释放它。持有时，在同一源中执行的其他脚本都无法获取相同的锁，这允许在多个选项卡或工作线程中运行的 Web 应用程序协调工作和资源的使用。
框架 • 2023-06-01
为了使系统方便维护，我们会在项目中引入 Typescript，通过使用 TypeScript，可以更好地定义对象和函数的类型，减少错误，提高代码的可读性和可维护性。然而大部分新手刚接触 Typescript 或者 React ，不知道如何声明类组件，函数组件，Props等。接下来让我们通过例子来走进 React 和 Typescript 世界。
javascript • 2023-02-28
JavaScript 时间分片（Time Slicing）是一种优化技术，用于将长时间运行的任务拆分为多个小任务，以避免阻塞主线程，提高页面的响应性和性能。本文将详细解释 JavaScript 时间分片的原理、应用场景，并通过代码示例帮助读者更好地理解和应用该技术。
