- 博客(15)
- 收藏
- 关注
RSS订阅原创 Token登录与Cookie+Session登录的原理及区别
Cookie+Session登录是“有状态”的传统方案，依赖浏览器Cookie，安全性高、注销灵活，但服务器压力大、跨端跨域支持差，适合传统单体Web应用；Token登录是“无状态”的现代方案，不依赖Cookie，跨端跨域友好、服务器压力小，适合前后端分离、分布式、多端联动的场景。Token登录（通常指JWT Token，JSON Web Token）是一种无状态认证方式，核心逻辑是“服务器生成加密令牌，客户端存储并主动携带，服务器验证令牌合法性”，不依赖服务器存储会话状态，更适用于跨端、分布式场景。
2026-02-04 18:25:48
665
原创 正则表达式学习笔记
正则表达式（RegExp）是用于文本匹配的强大工具，通过特殊字符组合定义规则。核心语法包括修饰符（i/g）、边界定位符（^/$）、字符集（[]）、量词（/+/?）、分组（()）和转义字符（\d/\w）。JavaScript常用方法有test()、exec()、match()和replace()。典型应用包括手机号脱敏（137***0987）、密码验证（6-16位字母数字）、颜色值匹配（#FFF或#FFFFFF）以及时间/日期格式校验。这些功能广泛应用于数据验证和文本处理场景。
2026-02-01 17:38:05
292
原创 Webpack 学习笔记
本质：前端模块打包器，将所有资源视为模块，最终输出浏览器可识别的静态文件。配置核心：入口（entry）定义打包起点，出口（output）定义输出规则，加载器（loader）处理非 JS 资源，插件（plugin）扩展功能。模式差异：开发模式（development）侧重调试体验，生产模式（production）侧重性能优化。效率工具提供热更新本地服务，支持源码调试。扩展兼容：集成 Babel 解决 ES6+ 兼容问题，通过各类 loader 和插件适配多框架与预处理器。
2026-01-30 12:13:05
534
原创 TypeScript 学习笔记二
抽象类是专门用于被继承的类，使用abstract关键字声明，不能直接实例化，核心作用是约束子类的结构。接口用于约束对象、函数、类的结构，侧重 “规范定义”，支持重复声明自动合并，类可通过implements实现接口。// 接口声明（可重复声明，自动合并）id: number;// 合并到原有接口// 类实现接口：必须包含接口所有属性/方法id: number;// 接口约束对象。
2026-01-27 16:52:58
746
原创 React Redux 学习笔记
摘要：Redux Toolkit（RTK）简化了React中Redux的使用，通过createSlice定义状态和reducer，configureStore创建store，react-redux的useSelector和useDispatch在组件中获取状态和分发action。RTK内置redux-thunk支持异步操作，通过Provider全局注入store。主要流程包括安装依赖、创建slice、配置store、组件连接store，实现状态管理和数据流控制。
2026-01-27 16:52:34
238
原创 TypeScript 核心知识点笔记
TypeScript核心特性与基础用法摘要 TypeScript作为JavaScript超集，通过静态类型系统在编译时发现错误，提升代码可维护性。核心差异包括：静态类型检查、需编译为JS运行。基础类型包含原始类型（string/number等）和TS特有类型（any/unknown/void/never）。支持类型断言、复杂类型（数组/元组/对象/函数）及高级特性（枚举/类型别名/交叉类型）。关键语法包括隐式类型推断、可选链操作符（?.）等，兼顾类型安全与开发效率，适合大型项目开发。最终仍编译为标准JS运行
2026-01-26 21:48:07
167
原创 React 学习笔记 （Router及其相关）
本文介绍了React路由配置与导航的核心知识点：1.使用createBrowserRouter创建路由对象，支持嵌套路由和错误处理；2.详细讲解Link和NavLink两种声明式导航方式；3.解析动态路由参数和查询参数的获取方法；4.介绍useNavigate和useLocation实现编程式导航；5.说明React组件定义和懒加载实现；6.讲解路由守卫和高阶组件的应用。内容涵盖React Router v6+的主要功能，包括基础路由配置、参数传递、导航方式以及性能优化技巧，为React项目开发提供了完整的
2026-01-26 16:55:54
450
原创 React Hooks 学习笔记
本文介绍了React中五个常用Hook的使用方法：1. useState用于状态管理，支持对象状态更新；2. useEffect处理副作用，可替代类组件生命周期；3. useRef保存跨渲染的值，如定时器ID；4. useCallback缓存函数，优化子组件性能；5. useMemo缓存计算结果，避免重复计算。。
2026-01-25 16:15:14
406
原创 React 脚手架搭建学习笔记
本文介绍了两种搭建React项目的常用方法。第一种是使用官方推荐的npx create-react-app工具，详细说明了项目创建、版本指定和启动流程。第二种是使用Vite构建工具，强调其启动和热更新速度优势，并介绍了项目初始化、版本修改等步骤
2026-01-23 11:45:00
209
原创 React 初阶案例笔记
本文介绍了一个基于React实现的TodoList应用案例。通过CDN方式引入React核心库，采用Babel解析JSX语法，实现了一个包含任务增删改查、状态切换、筛选等完整功能的待办事项管理系统。应用采用组件化设计，分为Index、Header、Main、Item和Footer五个组件，通过props进行状态传递和方法调用。案例重点讲解了核心功能实现逻辑，包括任务添加、状态切换、筛选过滤等，并分享了React状态管理、数组操作等关键技术点。文章最后提出了样式优化、本地存储等扩展方向，以及升级为函数组件+H
2026-01-22 20:23:06
464
原创 ES6 核心知识点复习总结笔记三
Set（去重）一句话“不重复的数组”。核心：自动去重（===），常用快速给数组去重。Map（万能键）一句话“键可以是对象的对象”。核心：弥补了普通对象键只能是字符串的缺陷，键可以是任意类型（包括对象、函数）。JSON（传数据）一句话“前后端沟通的语言”。核心：本质是字符串。口诀（变字符串），JSON.parse（变对象）。AJAX（异步拿数据）一句话“不刷新页面偷偷拿数据”。核心是基础，现在更多用fetch或axios。异步与 Promise（解决回调地狱）一句话。
2026-01-22 18:25:32
796
原创 ES6 核心知识点复习总结笔记二
基础遍历for循环性能高、最灵活，适合需要精细控制索引的场景；forEach遍历数组简洁但无法中断。数组转换 / 筛选map返回新数组，用于元素转换；filter筛选符合条件的元素，生成新数组。条件判断some判断 “是否存在满足条件的元素”，找到即停；every判断 “是否所有元素都满足条件”，有一个不满足就停。累计计算reduce可以将数组元素累计为一个值，常用于求和、求积、数组扁平化。查找元素find返回第一个满足条件的元素；findIndex返回第一个满足条件的元素索引。
2026-01-21 19:49:39
706
原创 React 入门初阶学习笔记二
状态更新要异步切记setState是异步的，不要在它后面马上读取this.state。如果需要基于旧状态更新（如count + 1），请用函数式写法。this指向要绑定类组件中，事件处理函数默认this为undefined。最佳实践：直接把方法定义成箭头函数），一劳永逸。列表渲染必带 Key只要用map循环渲染，必须给每一项加key。避坑：千万别用index（索引）做 key，要用数据的唯一 ID。DOM 操作少用 RefReact 提倡数据驱动视图，尽量通过state。
2026-01-21 16:16:23
564
原创 React 入门初阶学习笔记
本文介绍了React框架的基础知识，主要包括：1）React的核心概念（组件化、JSX语法）和环境搭建方法；2）JSX语法的使用细节，包括数据绑定、属性设置及与HTML的差异；3）组件化开发方式，包括函数组件和类组件的定义与使用；4）组件状态管理（state）和参数传递（props）机制。文章通过代码示例展示了React的基本用法，帮助初学者快速掌握构建用户界面的核心方法。
2026-01-20 19:42:55
615
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人