--- theme: smartblue --- ## 前言 家人们，咱就是说，`React` 这玩意儿就纯纯一个 **“互联网打工人”**，几年不更新，直接从 “穿西装打领带的老派白领”**（类组件

一、项目基础结构 src ├── main.jsx # 入口文件（渲染根组件） ├── index.css # 全局样式（清除默认边距） ├── App.jsx # 主组件（数据管理 + 页面骨架）

在技术迭代的长河中，前端从未是一个静态的概念。它的每一次蜕变，都镌刻着人机交互理念的革新与产业分工的深化。

在 2025 年的前端世界，会写页面 ≠ 会做项目。 真正拉开差距的，是你对 工程化 的理解程度： 为什么一行命令就能起项目？ Vite 到底帮我们做了什么？ 目录结构为什么要这样设计？ 路由、热更新

如果你正准备踏入 Vue 的世界，恭喜你选对了方向！Vue 是目前最受欢迎的前端框架之一，以其简洁优雅的语法、强大的响应式系统和极佳的开发体验，深受开发者喜爱。而今天我们要一起做的，就是亲手搭建一个标

本文手把手教学使用 Vite 快速搭建 Vue 3 项目，从初始化到集成 Vue Router 实现多页面路由切换。深入剖析 Vite 的 ESM 按需加载与 HMR 原理，讲解路由配置、模式区别等

前言 在日常前端开发中，Iconfont 几乎是不可或缺的图标资源库。然而，相信很多开发者都有这样的经历：在 CSS 文件中定义了几十个图标类，每个图标只有一个类名和一个 Unicode 编码，无法直

微信扫码登录iframe方案存状态拦截失效问题：回调页越权写cookie致未勾选协议仍登录。解决方案为iframe仅传token，父页依协议状态设cookie，跨iframe需明确职责边界。

摘要 在大型 Vue3 项目中，<keep-alive> 依赖组件 name 精确匹配，而 <script setup> 默认不生成 name，手写既易漏又易错。本文从“痛点→设计→实现→验证→扩展”

在前端开发中，路由管理是实现页面切换和导航的重要部分。React 作为流行的前端框架，使用 React Router 来处理单页应用（SPA）中的路由管理。本文将结合实际代码示例，讲解如何配置路由

之前引入了 opentype.js 库做字体解析，有了这个打底的话，就可以快乐地做一些简单文字排版功能了。 周末努了把力，给 Suika 图形编辑器加上了 手动回车换行 的支持。 解除了之前只能输入一

目录 Buffer（缓冲区） Buffer 的实际作用 Buffer 概念 创建 Buffer Buffer 与字符串转换及编码 Buffer 操作 Buffer 性能优化 流（Stream）基础 流

电商开发中生成唯一ID的常见误区与解决方案：传统方法如时间戳+随机数存在重复风险，自增计数器则易被重置；现代浏览器提供的crypto.randomUUID()方法能生成122位加密随机ID

何意味？ 如果我们以往只接触过一门强类型的编程语言，估计早已经皱起眉头，大呼一声“何意味？”。但是在js的世界中，一切是自由的。你甚至可以直接写一份 数字+引用数据类型 的代码而不报错。使得上段代码不

VSCode几乎是前端开发人员的标配，其插件开发基于TypeScript与Node.js，通过扩展API增强编辑器功能。开发者可自定义命令、主题、语法支持等，快速构建个性化工具，提升编码效率与体验。

欢迎使用我的小程序👇👇👇👇 你是否曾感觉JavaScript数组像个装满数据的“沉默集装箱”？今天，我们来给它装上超能力！🚀 为什么数组方法如此重要？ 想象一下，你有一个装满各种颜色袜子的抽屉（数组）

历史项目的 “小需求” 从来都是埋雷重灾区 —— 上周随手给一个一年前的组件加了行依赖项，本以为是优化，结果周一被测试大哥的反馈暴击，一中午深陷 [闭包陷阱 + EventLoop] 迷局，差点没扛住

别瞎猜用户操作了！今天手把手带你造个“用户行为SDK”。搞定 SPA 路由劫持、页面关闭数据上报这些硬骨头。不仅教核心代码，连 Rollup 打包和 NPM 发布都包教会...

在现代Web应用中，流式输出（Streaming Output）是一种非常重要的技术，它能够实现实时数据传输和渐进式渲染，为用户提供更好的交互体验。本文将详细介绍流式输出的原理和多种实现方式。 什么是