百里静修

去年和大家分享了我的AI产品 pxcharts 超级表格的创业故事： 同时我们也利用业余时间，基于国内公司最喜欢的技术栈Vue3全家桶，偷偷做了一款完全开源版的多维表格 p...

说到 Vite，99% 的前端同学都会眼睛一亮——秒开 dev server、闪电般的 HMR、零配置开箱即用。 但今天的主角不是 Vite，而是站在它肩膀上的新晋框架 V...

一个 Hook 拦截所有 AJAX 请求：ajax-hooker 使用指南与原理 痛点：为什么需要 AJAX 拦截？ 作为前端开发者，你一定遇到过这些场景： 接口联调：后端...

在前后端分离的研发模式下，Mock 数据是并行开发的基础设施。本文介绍一套 Mock 工具的技术实现，核心解决四个问题：请求拦截、规则匹配、数据质量、团队共享。...

React状态管理指南 引言 在React开发中状态管理一直是开发者面临的核心挑战之一。你是否遇到过这些困惑： 什么时候该用useState，什么时候该用useReduce...

在中后台开发领域，表单是当之无愧的 “核心场景载体”—— 无论是数据录入、信息查询，还是流程审批、配置管理，绝大多数业务需求都需要通过表单来落地。...

2025 年不知不觉过去半年多了，是时候总结一下了。 这半年依然在老家的小县城躺平，生活过得很舒适，幸福感很高。 去年的时候还是有很多烦心事的： 比如我家在青岛即墨买的房子...

你以为 AI 能帮你写代码就万事大吉？错！本文告诉你一个残酷的事实：Vibe coding 就是技术债务的加速器！作者用生动的比喻解释了为什么 AI 辅助编程适合原型不适合...

从编译入口->make->seal，然后进行seal阶段整体流程的概述（以流程图和简化代码的形式），然后根据流程图抽离出来的核心模块展开具体的分析...

本文是「Webpack5源码」make阶段（流程图）分析的补充文章，大量流程图完美展示整个解析流程，完全值得点进来看一看...

Webpack 的懒加载通过动态 import() 语法实现按需加载模块。它将代码分割成多个独立的 chunk，只有在需要时才加载相应的模块，从而减少初始加载的代码量。通过...

什么是 JSX？ JSX 是 JavaScript 的一种语法扩展，既然是语法扩展，就意味着 JavaScript 语法本身是不支持 JSX 的,那么如何在浏览器中渲染 J...

vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢？ 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目： 安...

当我们知道上面👆所说的包管理器的含义，那么我们聚焦于前端领域，看看前端的包管理器以及工具：1、常用包管理器 2、模块解析时resolve算法 3、项目中存在多个lockf...

初探 yarn/npm link 在开发过程中，我们经常会遇到需要在不同项目中共享自定义包的情况。为了解决这个问题，我们可以使用 yarn link 或 npm link ...