西陵

前言 前面我们讲过，为了提高项目的构建速度，社区将大部分的精力放到构建工具上，例如rspack、esbuild、swc等，利用语言优势提升构建速度。而像 webpack 这...

为什么需要任务编排？ 在 monorepo（多 package）架构的项目中，package 和 package 之间肯定会存在依赖关系，因此在运行一个 package 的...

背景 现代的前端项目开发已经离不开打包工具（webpack、rollup），整体的开发形式为项目开发时使用模块化机制开发，经过构建工具打包形成成品代码，成品代码最终在不支持...

首发于公众号 code进化论，欢迎关注。 什么是Playground？ Playground 是一个轻量化、可交互的环境，用于快速验证、迭代和展示功能。比如 TypeScr...

首发于公众号 code进化论，欢迎关注。 依托CDD的开发提效 什么是CDD？ 组件驱动开发（Component-Driven Development, CDD）是一种以组...

首发于公众号 code进化论，欢迎关注。 项目搭建 创建项目 使用以下命令创建一个新的 React monorepo： nx 提供了脚手架工具帮助开发者快速搭建项目，这里有...

文章首发于公众号 code进化论，欢迎关注。 前言 近些年来，前端已经涌现出数十个框架，例如 Vue、React、SoildJS、Svelte、lit等，虽然框架层出不穷但...

首发于公众号 code进化论，欢迎关注。 前言 在 monorepo（多 package） 架构下的代码库允许开发者将应用程序的功能模块拆分成独立的 package，每个 ...

前言 最近笔者在做大文件的分片上传，为了提高文件分片的传输效率，通常需要使用浏览器的请求并发能力。但是浏览器的请求并发量是有限制的，像 Chrome、Firefox的并发量...

Nx简介 Nx 是一个智能、快速和可拓展的构建系统，非常适用但不局限于 monorepo 场景（后面主要以介绍monorepo项目为主），它主要专注于两个方向： 代码生成器...

阅读指南 作为一名前端工程师，开发体验和效率始终是我们关注的重点。毕竟，时间就是我们的生产力。我们追求在保证代码质量的前提下，更快、更高效地完成任务。因此，在日常工作中，我...

理论知识 随着大语言模型（LLM, Large Language Model）如 GPT、Claude、DeepSeek 等在自然语言处理任务中取得显著突破，越来越多的系统...

前言 随着 AI 应用的爆火，从写文案到聊天，AI似乎无所不能。这种爆火背后，不仅仅是技术的进步，更是人们对即时、智能交互的需求爆发。而这种需求，早已不局限于某个App或平...

本文从构造组件库的角度，分析了 React 生态下各类 CSS 样式方案，并基于不同场景，给出选择合适方案的推荐。...

前言 无限滚动是 Web 开发中一项重要的动能，它确保用户有友好体验的同时能够无限访问内容，在过去为了实现无限滚动，我们需要获取无限滚动组件的底部元素和视窗的交叉状态，通常...

前言 近年来，前端开发变得越来越倾向于使用声明式编程。最典型的例子就是 React，React改变了我们之前直接操作DOM的命令式编程方式，转而使用声明式的方式来表达给定状...

背景 现代的前端项目开发已经离不开打包工具（webpack、rollup），整体的开发形式为项目开发时使用模块化机制开发，经过构建工具打包形成成品代码，成品代码最终在不支持...

基于Pdf.js范围请求的 PDF 渲染方案 背景 在 PDF 预览的场景中，影响用户体验主要有两个因素，一个是**首屏渲染速度，另一个是快速滚动的流畅度，**首屏渲染速度...