本文结合真实 NestJS CRM / SaaS 项目，完整梳理手机号或邮箱登录、密码哈希校验、登录失败锁定、Access Token 与 Refresh Token、Redis 单次轮换、JWT Strategy、双系统密钥和退出登录黑名单等认证实践。

本文结合真实 CRM / SaaS NestJS 项目，拆解 main.ts 中的全局 Pipe、Guard、Interceptor 和 Exception Filter，讲清参数转换、DTO 校验、JWT 认证、权限判断、统一响应与异常处理的完整请求链路，并通过客户列表接口说明各层职责。

从语法与机制层面深入 Composition API。文章涵盖 setup 函数与 script setup 语法糖、编译器宏（defineProps/defineEmits/defineExpose/defineOptions/defineModel）及使用限制，setup 中无 this 的替代方式，以及 reactive/props 解构失去响应性时用 toRefs 解决。重点说明 scri

从渲染、响应式、代码、测量四个层面梳理 Vue 性能优化。文章涵盖 v-once/v-memo、shallowRef/markRaw、虚拟滚动、路由与组件懒加载及 Tree-shaking，并强调先测量再优化。重点对比 v-memo 与 computed 的分工，以及 shallowRef 仅在 .value 整体替换时触发更新、深层属性变化不会自动更新。

TS + Vue 3 系列开篇，介绍 Vue 3 项目使用 TypeScript 的原因，以及基础类型、类型推断与联合类型、any/unknown/never 的区别。文章涵盖 Vue + Vite 的 tsconfig 核心配置、路径别名与 env.d.ts，以及 Volar 与 vue-tsc 的分工。重点说明 strict 建议开启、paths 需与 vite alias 对齐，以及 vit

React Hooks 让函数组件拥有状态和生命周期能力。文章涵盖 Hooks 两条核心规则（只在顶层调用、只在 React 组件中调用）、useState / useEffect / useContext 的使用、useEffect 与 useLayoutEffect 的执行时机差异、自定义 Hook 的设计原则，以及 useMemo / useCallback 的正确使用场景和陈旧闭包问题的解

Vue Router 4 是 Vue 3 官方路由方案。文章涵盖 createRouter 配置、History/Hash 历史模式、useRouter 编程式导航与 useRoute 读取路由信息、route 响应性及解构注意事项，以及动态/嵌套路由与 router-link。重点区分 useRouter 与 useRoute，以及 params/query 的响应性。

聚焦 Vue 3 项目中的泛型实战。文章涵盖 composable 泛型（useFetch、usePagination）、ApiResponse/PageResult 统一接口类型，以及 Partial/Pick/Omit/Record/ReturnType 在编辑表单、表格列、状态映射中的用法，并介绍 TableColumn<Row> 与 generic 组件。重点说明泛型 T 用 extend

介绍 JavaScript 基本类型与引用类型，讲解 typeof、instanceof、Object.prototype.toString.call 的使用边界与易错点，并简述 ===、 == 与 Object.is 的差异，附思考题与类型判断小练习，适合巩固基础与面试准备。

Vue 响应式的核心是依赖收集 + 派发更新。Vue 2 用 Object.defineProperty 劫持属性，无法监听新增属性和数组索引，需要 $set。Vue 3 用 Proxy 解决了这些问题，惰性代理性能更好。ref 包装原始值，reactive 包装对象，computed 缓存计算，watch/watchEffect 监听变化执行副作用，nextTick 等待 DOM 更新完成。