Life

2025年终总结

Nextjs

Next.js 登录态无闪烁渲染（Hydration Flicker Free）

SSR RSC Streaming Flight

Workflow

静态博客搭建(1)Rspress

静态博客搭建(2)CI/CD

静态博客搭建(3)HTTPS

GitHub Actions 与 CI/CD 自动部署实战

博客写作涉及的技术栈指南

GitHub远程仓库连接配置

pnpm、yarn、npm

Git 分支原理

macOS / Cursor / Terminal 快捷键速查

Git Stash 注释工作流：本地保存、导出与跨电脑恢复

Typescript

TS类型技巧(一):提取

TS类型技巧(二):构造

TS类型技巧(三):递归

TS类型技巧(四):计数

TS类型技巧(五):联合类型

TS类型技巧(六):特殊类型

TS类型技巧(七):函数

逆变与协变

Javascript

原型-作用域-this

call-apply-bind-new

Promise困难题

JS异步并发调度器

Angular

Functional Programming

Rxjs基础知识

Rxjs:Observerble是什么

Rxjs:Observerble简单使用

Rxjs:Observerble创建方式

Rxjs:Operators操作符

常见操作符

repeatWhen操作符实现轮询

Chrome

从输入网址到首屏渲染

浏览器渲染流程

Algorithm

时间复杂度

数据结构与算法之美笔记

38.分治算法

排序(冒泡,插入,选择)

排序(归并,快排)

排序(计数,基数,桶)

Leetcode

qiankun

Webpack模块打包分析

SystemJS与微前端

SingleSpa原理

qiankun 学习笔记

Http

Webpack

构建打包中静态资源URL处理

从Webpack到Rspack

Practices

React个人最佳实践-弹窗

Vue

Vue3响应式原理

AI

大模型到AI项目

提示词(一):提示词工程

提示词(二):如何生成提示词

提示词(二):五个小提示词技巧让AI精准输出

Claude Code 配置全解析：CLAUDE.md、config.json、Skills、Memory 的区别与最佳实践

Agent 管理方法论：用经典管理学驯服 AI Agent

React

React基础汇总

React16架构演变

History路由 VS Hash路由

Redux VS Recoil VS Zustand

断言库Jasmine

React.lazy / Suspense

Zustand

Zustand Scoped Store：Zustand + ReactContext

Ai-coding

两个 skills 提高 AI 编码一次性成功率

Overview

Filter

Http

CORS 跨域

跨区请求流程
涉及配置
预检请求
Cookie携带控制
Credentials: true不能与*一起用

跨域方案

CORS
反向代理
JSONP
window.postMessage
WebSocket

网络安全

----网络安全----
XSS
CSRF
CORS

sso-oauth2-jwt

传统登录 Session + Cookie
无状态登录 JWT
单点登录
SSO

HTTP 缓存

最佳实践
http缓存
CDN缓存
如果做到回滚
webpack如何配置hash
gzip配置