suninsunin-CSDN博客

原创 jwt登录和session cookie登录的区别

服务端存状态，客户端存标识Session（会话）：用户登录成功后，服务端会为该用户创建一个唯一的会话对象（存储在服务端内存 / 数据库 / Redis 中），包含用户身份、登录状态、过期时间等信息，生成一个唯一的sessionId。Cookie：服务端将sessionId通过响应头Set-Cookie发送给客户端，客户端浏览器会自动将sessionId存储在Cookie中（默认与域名绑定）。核心特点状态保存在服务端，客户端仅持有无意义的sessionId标识，服务端通过该标识查询会话状态完成认证。

2026-02-04 17:39:16 932

原创正则笔记1

const reg<名字> = /需要校验的规则/1.test() 匹配文本中是否包含校验的字符返回布尔值2.exec() 返回数组格式查找符合条件的字符3.match() 查找符合规则的字符并返回4.replace() 替换2.代码示例const reg = /西游记/g;var str = '西游记是四大名著之一,我爱看西游记';const str1 = str.replace(reg,'红楼梦');

2026-01-30 17:54:28 921

原创 webpack

模式 mode:"production" / "development"开发服务器 yarn add -D webpack-dev-serveryarn webpack serve 打包服务器yarn webpack serve --open 自动打包。

2026-01-30 16:51:00 416

原创 react redux

Redux 是一个（并非 React 专属，可配合 Vue、Vanilla JS 等使用），核心作用是，解决组件间通信繁琐（尤其是跨层级、非关联组件）的问题。，让状态变化可预测、可追踪，便于调试和维护。适用场景：多个组件需要共享同一状态（如用户信息、购物车数据、主题配置）；状态需要在多个组件中被修改和同步；应用规模较大，需要统一管理状态逻辑，便于协作和调试。安装字段。

2026-01-27 16:39:00 601

原创 react路由

/ 定义导航链接的样式函数：根据路由状态返回不同 className函数接收 React Router 传入的「路由状态对象」，包含两个核心属性：isPending：路由跳转中（加载中）→ 返回pending类名；isActive：路由已匹配（当前页面）→ 返回active类名；都不满足 → 返回link类名（默认样式）；作用：动态控制导航链接的样式，实现「加载中 / 激活 / 默认」三种状态的样式区分。监听路由变化，检查用户是否登录（通过中的token判断）；若用户未登录（无。

2026-01-26 17:12:30 651

原创 js笔记2

if/else适合复杂条件，switch适合等值多路分支，三元运算符适合简单二选一；严格区分「=」（赋值）和「===」（严格相等），避免条件判断错误。

2026-01-25 17:33:42 500

原创 React脚手架和钩子（1）

第一种方法：第二种方法：useState 核心知识点：1. 作用：在函数组件中定义可修改的状态，替代类组件的 this.state2. 语法：const [状态名, 修改状态的函数] = useState(初始值);3. 注意事项：只能在函数组件/自定义钩子的顶层使用，不能在for/if/普通函数中用修改状态是异步的，依赖旧状态时要用函数式更新引用类型（对象/数组）需遵循不可变更新（解构后修改）2. 是 React 提供的用于在函数组件中保存可变值的钩子，核心特性：返回一个可变的 ref 对象，只

2026-01-25 17:21:08 606

原创 todolist例子react笔记

...

2026-01-22 16:48:14 296

原创 javascript笔记

只声明变量但不赋值时，变量的值就是undefined。var a;

2026-01-22 15:57:46 579

原创 React2

React 中 “列表渲染” 是指将数组 / 集合数据（如你的list数组）转换为对应的 JSX 元素列表（如<li>标签），实现 “数据驱动列表视图”—— 这是 React 开发中最常用的场景（如商品列表、消息列表、导航菜单）。React 中的 “条件渲染” 是指根据不同的条件（如你的token是否存在），渲染不同的 JSX 结构 —— 这是实现 “动态视图” 的核心手段（如登录 / 未登录状态、权限控制、数据加载状态）。

2026-01-21 18:43:44 561

原创 vue2笔记

let hi = <h1>111222333耶耶耶</h1>定义 JSX 元素JSX 是什么：React 提供的语法糖，看起来像 HTML 但本质是 JavaScript，最终会被 Babel 编译成调用。核心特点：可以直接在 JS 中写 “HTML 式” 代码，简化 UI 编写；支持嵌入变量（如），后续进阶会用到。创建 React 根实例，创建一个 “根渲染器”，绑定到页面的root容器，负责管理整个 React 应用的渲染。调用根实例的render()

2026-01-20 16:51:01 675

原创 React

React 是一个由 Facebook 开发的。

2026-01-20 15:46:48 73

suninsunin的博客