我真不会写啊-优快云博客

原创 Token 登录与 cookie+Session登录各自的逻辑与区别

是有状态认证，服务端存 Session、客户端 Cookie 自动带 SessionID，开发简单、适合单体浏览器应用，但跨域和分布式适配差，易受 CSRF 攻击；Token是无状态认证，服务端不存任何状态、客户端手动带 Token，跨域和分布式适配极好、支持多客户端，是现代项目主流，但需要前端手动处理，JWT 存在无法主动作废的痛点；二者的核心差异在于「状态是否由服务端维护」，这也是分布式系统选择 Token 的根本原因（服务端无状态才能水平扩展）；实际开发中常做混合优化。

2026-02-04 19:03:26 651

原创前端标签居中笔记

如 <button>、自定义 inline-block 元素，兼具行内元素不独占一行、块级元素可设宽高的特性，居中逻辑贴合行内元素的水平居中、块级元素的垂直居中。注意：text-align: center 会影响父元素内所有文本及行内/行内块元素，若仅需单个子元素居中，无需修改父元素文本样式，可换用其他方案（如 flex）。父元素未设置 line-height 或高度，导致无垂直对齐空间。：如 <div>、<p>、<h1-h6> 等，独占一行，可直接设置宽高，居中需控制自身位置或通过父容器定位。

2026-02-02 21:17:32 615

原创前端接口笔记

浏览器的同源策略限制：当请求的协议、域名、端口三者中任意一个与当前页面不一致时，即为跨域，浏览器会拦截响应（目的是防止恶意数据窃取）。示例：当前页面（http://localhost:3000）请求接口（https://api.example.com:8080），协议、域名、端口均不同，触发跨域。

2026-02-02 21:07:17 705

原创正则表达式学习笔记

【代码】正则表达式学习笔记。

2026-02-01 18:54:00 71

原创 Webpack 入门配置笔记

在中定义样式：cssh1 {color: red;

2026-01-30 16:03:05 40

原创 React-Redux 与 Redux Toolkit 学习笔记

configureStore 创建 Redux Store，自动配置中间件和 DevToolscreateSlice 创建状态切片，自动生成 action 和 reduceruseSelector 从 Store 中读取状态，支持依赖追踪useDispatch 获取 dispatch 函数，用于派发 actionProvider 将 Store 注入到 React 组件树。

2026-01-27 19:01:42 270

原创 CSS3笔记

translateX(100px)：水平向右移动 100px，百分比值是相对于元素自身宽高。translateY(50%)：垂直向下移动自身高度的 50%。示例：transform: translateX(100px);让红色方块水平右移 100px。

2026-01-27 15:58:14 863

原创 JavaScript知识点笔记

可以调用父类构造函数，从而继承父类的属性。语法让继承更简洁，使用。在子类构造函数中，通过。

2026-01-26 20:31:36 379

原创 React Router6笔记

【代码】React Router6笔记。

2026-01-26 16:41:23 227

原创 React Hooks 学习笔记

【代码】React Hooks 学习笔记。

2026-01-23 20:52:54 228

原创 TypeScript学习笔记

使用 abstract 关键字声明，不能被实例化，只能被继承。可以包含抽象方法（abstract 修饰），抽象方法只有声明，没有实现，需在子类中实现。typescript// 抽象方法say() {console.log('哈哈');// 实现抽象方法let b = new B('淼淼');

2026-01-23 19:30:29 344

原创 TypeScript 知识点笔记

1. 原始类型typescript2. TS 专属特殊类型any：任意类型，关闭类型检查，变量可以被赋值为任意类型，也可以赋值给任意类型。h = 123;h = 'str1';unknown：未知类型，更安全的 any，只能赋值给 unknown 或 any 类型。i = 'str2';void：空类型，表示函数没有返回值。typescript。

2026-01-22 18:24:57 441

原创 Es6知识点笔记

函数声明会被提升到作用域顶部，因此可以在声明前调用。

2026-01-22 17:41:25 782

原创 JavaScript 循环整理与对比

基础循环（for/while/do while）：通用性强、可中断，适合手动控制循环逻辑，do while是唯一 “至少执行一次” 的循环；对象遍历：优先用for in（过滤原型链），普通对象不能用for of；数组遍历需中断 / 遍历值 →for of；无需中断 →forEach；转换数组 →map；条件检测 →someevery；中断能力无法中断，其余循环 / 方法均可通过不同方式终止。

2026-01-21 20:45:00 1518

原创 React知识点笔记

Props 是组件间传递数据的方式，父组件通过属性向子组件传递数据。遍历数组生成元素列表，必须为每个元素设置唯一的。用于获取 DOM 元素或组件实例，实现直接操作。React 事件采用小驼峰命名（如。），并通过合成事件实现跨浏览器兼容。

2026-01-21 16:19:17 221

原创 JavaScript 中 this 指向笔记

this 是 JavaScript 中的关键字，它的值在函数调用时确定，而非定义时（箭头函数除外），核心规则是：谁调用函数，this 就指向谁。this 主要应用在函数内部，不同调用方式会导致 this 指向不同的对象，这是理解 this 的核心原则。

2026-01-20 20:45:00 385

原创 React 基础入门笔记

的特点，即数据只能从父组件传递到子组件，子组件不能直接修改 props。注意：一个页面可以创建多个根实例，分别挂载到不同的 DOM 节点上。Props 是组件间传递数据的方式，具有。来更新状态，直接修改。不会触发组件重新渲染。

2026-01-20 15:53:51 318

2301_81273141的博客