前端框架

Ajax 入门：从 JSON 序列化到 XMLHttpRequest这次让我们了解 Web 前端中将浏览器与服务器连接起来做异步通信的技术——Ajax 以及它的最早的实现方式。

Vite vs Webpack 深度对比：从启动原理到生产构建，一篇就够了面试官追问“然后呢？原理能讲透吗？”——这篇文章就是你的完整答案面试官问：“Vite为什么比Webpack启动快？”

10 年前端，我把踩过的所有坑熬成了一套"不会腐化"的 Vue3 Monorepo 底座10 年前端，我把踩过的所有坑熬成了一套"不会腐化"的 Vue3 Monorepo 底座LYStack · 不是脚手架，是架构地基

开发体验升级：UnoCSS 自定义 SVG 图标热更新方案Meta Description：在 Vite + UnoCSS 项目中，用 chokidar 监听 SVG 目录、@iconify/tools 动态生成图标集，配合 configDeps 实现图标热更新，无需重启开发服务器。

路由性能高可用架构实战方案针对你提到的 Vite 7 + Vue 3.5 + TS 大型项目场景，解决“菜单多、切换卡、报错白屏”的问题，不能只靠基础的懒加载。

简单聊一下Harness层中的人机协同（HITL）因为业务涉及很多资产和金额相关的操作，如果把所有能力直接开放给Agent，很容易造成资损，所以涉及高风险的操作，都必须需要人来确认，这个确认要求，不是Agent自己发起，而是由Harness层做的限制。

Dioxus 多页面怎么做：`dioxus-router`、嵌套路由、`Outlet` 和页面组织，一篇给你讲顺上一篇我们把组件、Props 和组件通信拆完了。接下来很自然就会碰到另一个问题：组件会写了，那多页面应用到底怎么搭？

哪些软件对 Chrome DevTools Protocol 频繁使用🔑 这类工具是 CDP 的高频用户，每个浏览器配置文件都暴露独立的调试端口供外部脚本操控。CDP 的用户群体非常广泛，从开发调试到自动化测试、从爬虫采集到安全渗透、从性能监控到反检测浏览器，几乎涵盖了所有需要程序化控制浏览器的场景。可以说：只要你需要用代码操控 Chrome，CDP 就是底层通道。

Dioxus 的响应式系统：`Signal`、`Memo`、`Effect` 和异步状态到底该怎么分工上一篇我们把 rsx! 语法拆开了。这一篇聊 Dioxus 真正容易拉开差异的部分：响应式状态管理。如果你是从 React 过来的，一开始很容易把 Dioxus 理解成“Rust 版 React”。这个理解在组件写法、事件绑定、rsx! 这些层面没什么问题，但一到状态这里，就会越来越别扭。

路由性能优化终极指南：从懒加载漏洞到边缘渲染的架构跃迁“我们做了路由懒加载，首屏快了 1 秒，但用户反映切换页面反而更卡了，白屏时间从 300ms 变成了 1.2s，怎么办？”

Electron 系列文章封面图

Dioxus 的 `rsx!` 语法：如果你会 React，上手确实特别快上一篇我们把第一个 Dioxus 项目跑起来了。这一篇先不讲 CLI，也不碰状态管理，只聊一件事：rsx! 到底该怎么理解。

10 分钟跑起第一个 Dioxus 应用：`dx` CLI、`rsx!` 和热更新好不好用上一篇主要在回答一个问题：为什么是 Dioxus。这一篇收窄一点，就做一件事：从零跑起一个 Dioxus 项目。

POST请求发两次？一次讲透CORS预检机制，面试不再翻车一个经典的前端面试题，暴露了你对浏览器安全机制的理解深度。先看一个真实面试场景：面试官：你在 Network 面板里看到 POST 请求发了两次，第一次是 OPTIONS，第二次才是 POST，这是为什么？

不讲道理的柯里昂

我做了一个更适合二开的 React Admin 开源模板：React Admin Plus在线预览：zzq-github.github.io/react-admin… GitHub：github.com/zzq-github/…

一套 Rust 代码跑三端：为什么我开始关注 DioxusMakepad 系列写完以后，有人问我：Rust 做客户端，除了 Makepad 还有什么值得看的？我当时的回答是 Tauri 和 egui。但最近我重新看了 Dioxus——GitHub 36k star、v0.7 版本、一套代码跑 Web + 桌面 + 移动。

货拉拉技术

Huolala Figma MCP 原理与实践简介：Huolala Figma MCP（huolala-figma-mcp）是货拉拉自研的将 Figma 设计稿自动转换为高还原度UI代码的 MCP 服务。AI 客户端（如 Cursor、Qorder）调用后可获得包含 index.html、切图、字体等资源的 ZIP 包，再借助 LLM 进一步转换为目标平台代码（HTML、React、Vue、ObjectC、Swift、Kotlin、React Native等）。

ReAct：让大模型一边推理，一边行动ReAct 将 Reasoning 与 Acting 放进同一个循环。模型不再只靠已有知识直接作答，而是先判断下一步，再调用搜索、数据库、计算器或其他工具，用真实结果继续推进任务。

选择器的威力——深入理解优先级计算与层叠规则在 HTML 的世界里，我们用标签搭建骨架；而在 CSS 的世界里，选择器就是我们手中的“手术刀”。很多初学者在写样式时，常常会遇到一个令人抓狂的问题：“明明我写了这段代码，为什么浏览器就是不生效？”这往往不是因为你写错了属性，而是你忽略了 CSS 中最核心的底层逻辑——优先级与层叠规则。今天，我们就来彻底拆解选择器的奥秘，让你从此告别盲目试错。