前端开发
最后更新：2026-03-29 TanStack Query（前身 React Query）是前端异步状态管理库，专门解决服务端数据的获取、缓存、同步和更新问题。支持 React、Vue、Solid、Svelte、Angular。 核心能力： 用 queryKey 工厂函数统一管理缓存键：分散的字符串数组难以追踪和重构，集中定义键工厂： Mutation 后立即 invalidate 相关查询：写操作成功后调用 invalidateQueries，让相关缓存自动重新请求，保持数据一致性： staleTime 与 gcTime 按业务特点调整：静态配置数据
前端开发
相关文档：HTML与CSS入门(/html-yu-css-ru-men/) Vue3入门(/vue-3-ru-men-zhi-nan/) 1. Tailwind 是什么(#tailwind-%E6%98%AF%E4%BB%80%E4%B9%88) 2. 安装与配置(#%E5%AE%89%E8%A3%85%E4%B8%8E%E9%85%8D%E7%BD%AE) 3. 核心工具类速查表(#%E6%A0%B8%E5%BF%83%E5%B7%A5%E5%85%B7%E7%B1%BB%E9%80%9F%E6%9F%A5%E8%A1%A8) 4. 自定义配置(#%E
前端开发
Zustand 是 React 生态中一个轻量、无样板的状态管理库，基于 hooks，不依赖 Context Provider。 使用 create 函数定义 store，接收一个返回状态和操作的工厂函数： 通过选择器（selector）订阅 store 的特定字段，避免无关字段变化导致的重渲染： Zustand v4+ 推荐将泛型写在 create<T>() 上： 将 store 状态持久化到 localStorage 或其他存储： persist 配置项： 配合 immer 中间件，可以使用直接修改 state 的写法（内部仍为不可变更新）： 默认的
前端开发
相关文档：TypeScript完全指南(/typescript-wan-quan-zhi-nan/) TanStack Query 完全指南(/tanstack-query-wan-quan-zhi-nan/) TanStack Router 完全指南(/tanstack-router-wan-quan-zhi-nan/) React 是 Meta 开发的用于构建用户界面的 JavaScript 库，核心思想是声明式（描述 UI 应该是什么样子，而不是如何操作 DOM）和组件化（将 UI 拆分为可复用的独立部分）。 JSX 是 JavaScript 的语
前端开发
Next.js 14+ 是基于 React 的全栈框架，App Router 是其核心架构，内置 React Server Components、流式渲染、Server Actions 等能力。 相关文档：React完全指南(/react-wan-quan-zhi-nan/) | TypeScript完全指南(/typescript-wan-quan-zhi-nan/) 默认情况下 app/ 下的所有组件都是 Server Components，在服务端渲染后发送 HTML 给客户端，不包含客户端 JavaScript bundle。 在文件顶部添加 '
前端开发
1. 什么是 JavaScript(#%E4%BB%80%E4%B9%88%E6%98%AF-javascript) 2. 如何引入 JavaScript(#%E5%A6%82%E4%BD%95%E5%BC%95%E5%85%A5-javascript) 3. 变量与数据类型(#%E5%8F%98%E9%87%8F%E4%B8%8E%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B) 4. 运算符(#%E8%BF%90%E7%AE%97%E7%AC%A6) 5. 字符串操作(#%E5%AD%97%E7%AC%A6%E4%B8%B2%
前端开发
1. 什么是 Promise(JavaScript%20Promise%20完全指南.md#1-什么是-promise) 2. Promise 的三种状态(JavaScript%20Promise%20完全指南.md#2-promise-的三种状态) 3. 创建 Promise(JavaScript%20Promise%20完全指南.md#3-创建-promise) 4. 实例方法(JavaScript%20Promise%20完全指南.md#4-实例方法) - .then()(JavaScript%20Promise%20完全指南.md#41-t
前端开发
最后更新：2026-03-05 JavaScript 生态中有三种主要文件扩展名，它们的核心区别体现在两个维度：模块系统和类型系统。 Node.js 最初的模块系统（2009年），同步加载，至今仍大量存在于旧项目和 npm 包中。 CJS 特点 ES2015（ES6）引入的官方标准模块系统，现为前端和 Node.js 的推荐方式。 ESM 特点 .js 的模块系统由 package.json 中的 type 字段决定： 同一项目中混用两种格式 .mjs 无论 package.json 如何配置，始终强制使用 ESM。 何时需要 .mjs 1. 在 "ty
前端开发
相关文档：JavaScript入门(/javascript-ru-men/) Vue3入门(/vue-3-ru-men-zhi-nan/) 1. HTML 是什么(#html-%E6%98%AF%E4%BB%80%E4%B9%88) 2. 网页的基本结构(#%E7%BD%91%E9%A1%B5%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%BB%93%E6%9E%84) 3. 常用 HTML 标签(#%E5%B8%B8%E7%94%A8-html-%E6%A0%87%E7%AD%BE) 4. HTML 属性(#html-%E5%B1%9E%
前端开发
CSS 动画体系由三个部分构成：transition（过渡）、@keyframes + animation（关键帧动画）、transform（变换）。三者经常配合使用。 transition 用于在 CSS 属性值发生变化时产生平滑过渡效果。 transition 是以下四个子属性的简写： transition 需要状态变化才能触发，常见触发方式： @keyframes 定义动画序列，animation 属性将其应用到元素上。与 transition 的区别在于：动画可以自动播放、循环、有更复杂的中间状态。 animation 是以下子属性的简写： fi
前端开发
Axios 是前端最流行的 HTTP 请求库，基于 Promise，同时支持浏览器和 Node.js。 项目中应创建实例而非直接使用 axios，便于统一配置： 拦截器是 Axios 的核心功能，用于统一处理 Token 注入、错误处理、Loading 状态等。 浏览器在发送 FormData 时会自动设置 Content-Type: multipart/form-data; boundary=...，手动设置会破坏 boundary 参数导致后端解析失败： 创建 Axios 实例而非直接用全局 axios：全局 axios 的配置修改影响所有请求，用
js逆向
将从网站中提取的 JS 加密代码放到 Node.js 中独立运行时，由于缺少浏览器原生对象，通常会报错。补环境就是在 Node.js 中模拟出浏览器的运行环境，让代码能够正常执行。 使用 Proxy 拦截对任意属性的访问，自动打印缺失的环境属性，用于快速定位需要补的内容。 运行后控制台会输出所有访问了但不存在的属性，按需补充即可。 部分网站使用 Canvas 绘图结果作为设备指纹。 对于依赖完整 DOM 环境的代码，使用 jsdom 库更省力。适合页面脚本需要 document、navigator、Cookie 等完整 BOM/DOM 环境的场景。 先用