s123b6-CSDN博客

原创 1.14~知识总结

Payload（负载）：JSON 格式，存储用户核心身份信息（如用户 ID、角色、用户名）和令牌元数据（如过期时间 exp、签发时间 iat）。Fiber 的本质是对「组件更新单元」的重新定义（Fiber 可理解为一个工作单元），并通过「时间切片（Time Slicing）」和「优先级调度（Priority Scheduling）」机制，将同步的递归遍历改为「异步的、可中断的遍历」，核心目标是「让 React 能够控制更新流程，在执行组件更新的过程中，适时让渡主线程给更高优先级的任务」。

2026-01-14 21:28:46 514

原创前端框架核心问题详解

在操作DOM时，TypeScript对DOM元素的类型推断可能不够精确（如document.getElementById返回的类型为HTMLElement | null），通过类型断言可以将其指定为具体的DOM元素类型（如HTMLInputElement），从而访问该元素特有的属性和方法（如value）。单向数据流是Vue.js的核心设计理念之一，指数据在应用中按照固定的方向流动，即从父组件流向子组件，子组件不能直接修改父组件传递过来的数据，只能通过特定的方式（如触发事件）通知父组件进行数据修改。

2026-01-11 21:28:28 836

原创协商缓存与强缓存详解及实际应用

强缓存是指客户端在第一次请求资源时，服务器会在响应头中携带缓存相关的指令，告知客户端该资源的缓存有效期。检查本地缓存：若资源未过期（max-age未到或当前时间<Expires），直接使用本地缓存，返回200 OK（来自缓存，浏览器控制台标注为from disk cache或from memory cache）。资源更新时，文件名中的版本号/哈希值改变，客户端会认为是新资源，直接重新请求，而非使用旧缓存。HTTP缓存是Web性能优化的基础，核心是通过强缓存减少网络请求，通过协商缓存保证资源新鲜度。

2026-01-11 21:27:07 905

原创前端基础问题2

本文摘要：文章涵盖了前端开发中的20个核心知识点，包括HTTP协议演进（1.0/1.1/2.0）、JWT鉴权实现、Webpack工具（Loader/Plugin区别）、CSS单位差异（em/px/rem/vh/vw）、前端安全问题（XSS/CSRF）、浏览器缓存机制、Git操作（rebase/merge）、性能优化策略、React-Fiber原理、Vue的keep-alive实现、JS特性（浮点数精度/箭头函数/原型链）、作用域机制、内存泄漏防范以及CSS布局技巧（水平垂直居中/回流重绘）。这些知识点系统性

2026-01-06 21:25:08 382

原创前端基础问题

本文汇总了前端开发中常见的20个技术问题及解答，涵盖了JavaScript、Vue、React和TypeScript等多个方面。主要内容包括：1）JavaScript本地存储方式（localStorage、sessionStorage等）的区别和应用场景；2）Vue3的Treeshaking特性、nextTick原理和keep-alive用法；3）React的Fiber架构、类组件与函数组件区别、Redux工作原理；4）TypeScript的类型断言和泛型应用；5）前端性能优化相关的防抖节流、事件循环、回流

2026-01-06 21:24:11 378

原创小笔记总结

本文摘要涵盖了前端开发中的20个核心概念和技术。主要内容包括：React的Context和虚拟DOM机制、Vue3的Teleport组件和CompositionAPI、JavaScript的事件委托和闭包特性、TypeScript的泛型和接口、WebComponents的模块化优势，以及Webpack打包工具等。这些技术点涉及状态管理、组件复用、性能优化、类型安全等多个方面，为前端开发者提供了全面的技术参考。文章详细解析了各项技术的原理、优势及适用场景，对提升开发效率和代码质量具有重要指导意义。

2026-01-05 21:21:11 269

原创一些基础问题

本文摘要涵盖了现代Web开发中的多项关键技术。SPA通过动态加载提升用户体验但面临SEO挑战；Vue.js的响应式系统包括动态绑定、单向数据流和路由懒加载；模板编译和diff算法优化渲染性能；Vuex模块化解决状态管理问题；类型断言增强TypeScript灵活性；Vue3的ref/reactive区分基本/复杂类型响应式处理；React的setState调和阶段优化DOM更新；Vue3路由守卫实现访问控制；Fragment减少DOM操作；原型链实现继承；Vue3改进TypeScript支持；闭包实现数据封装

2026-01-05 21:20:00 292

原创 Vue修饰符与组件通信全解析

Vue知识点摘要：修饰符：包括事件修饰符(.stop/.prevent等)、v-bind修饰符(.prop)、v-model修饰符(.lazy/.number等)，用于简化常见操作。自定义指令：可全局/局部注册，通过生命周期钩子(bind/inserted等)实现DOM操作，扩展元素功能。 v-if与v-show：v-if条件渲染会销毁/重建DOM，适合低频切换；v-show通过CSS控制显示，适合高频切换。 v-model应用：支持input/textarea/select/checkbox/radi

2025-12-30 09:09:47 752 1

原创 JS数组去重10大方法详解

本文介绍了多个JavaScript核心概念与技术方法：数组去重的5种方式：Set方法最简洁高效，遍历+indexOf适合小数据量，filter写法简洁，reduce灵活可控，手动循环+哈希表可精细控制。推荐根据场景选择合适方法。深拷贝原理：通过递归复制对象所有层级属性，解决浅拷贝的引用问题。需注意循环引用和特殊对象(Date等)的处理。 this指向规则：动态取决于调用方式，普通函数指向全局/undefined(严格模式)，方法指向调用对象，构造函数指向实例，箭头函数继承定义时上下文。call/appl

2025-12-26 20:37:17 685

原创 NO.1

本文总结了前端开发中的多个核心知识点：1. CSS伪类与伪元素的区别（单冒号与双冒号用法）；2. 清除浮动的五种方法及其优缺点；3. 实现垂直水平居中的六种方案；4. 标准盒模型与怪异盒模型的差异；5. JavaScript原型链机制；6. 事件代理与冒泡捕获原理；7. 五种跨域解决方案对比；8. for循环与forEach的性能差异；9. 变量提升机制；10. 防抖与节流的实现原理；11. 大数据量渲染的优化方案（虚拟滚动、懒加载等）。文章通过对比表格形式清晰呈现各方案的优缺点，帮助开发者根据实际场景选择

2025-12-25 18:36:50 569