定义：首次请求后，浏览器（或代理服务器）会保存一份请求资源的响应副本。当用户再次发起相同请求时，若判断缓存命中，则拦截请求，直接将存储的副本返回给用户，从而避免重新向服务器发起网络请求。HTTP 缓存主要分为两类：强制缓存 和 协商缓存。核心痛点引出：强制缓存直接读取本地数据，如果在此期间服务器上的资源被修改了，用户看到的依然是旧数据。为了解决资源更新的问题，引入了协商缓存。强制缓存主要依靠响应头

本文详细介绍了大文件分片上传的原理与完整实现方案。通过将大文件分割为多个小块（分片），利用并发上传、秒传和断点续传等机制，有效解决了大文件上传时间长、失败重传代价高、服务器限制等问题。文章从前端 Vue3 到后端 Express 的完整项目搭建开始，逐步讲解了文件读取、分片、Hash 计算、并发上传控制、服务端接收与存储、文件合并、秒传和断点续传等核心功能的实现，并提供了完整的代码示例和流程图。

是一个将数据渲染为HTML视图的开源JavaScript库组件的生命周期：组件从被创建到挂载到页面中运行，在到组件不用时卸载的过程钩子函数：生命周期的每个阶段总是伴随者一些方法的调用，为开发人员在不同阶段操作组件提供了时机只有类组件才有生命周期。

图片懒加载（Lazy Load）是一种前端性能优化技术图片不在当前视口（用户可见区域）时，不加载图片资源；当图片进入视口时，再触发加载。核心价值：减少页面初始加载的资源请求数，降低首屏加载时间，节省带宽（尤其移动端/多图场景）。对比传统加载：传统方式下页面所有图片（即使在页面底部）会随页面加载一起请求，懒加载仅加载“看得见”的图片。延迟加载非视口内图片，优先保证首屏性能，核心是控制src的赋值时机

在我的项目中，写了一个ai小助手，有一个可拖拽的小图标，点击后是一个小屏幕的聊天窗口，这个小窗口也是可以拖拽的，类似于豆包，点击全屏可展示全屏聊天。因此封装了一个组件。//这个值表示窗口的总高度-小方块的高度后的留白区域的高度。//引入这个变量，是为了让鼠标松开时小方块不在跟着移动。//限定边界，元素只能在视口内移动，不会超出边界。//判断是否是图拽事件，防止拖拽时触发点击事件。//鼠标相对于元素

这周项目主要写交互，但是因为文件结构太不好，又重构了一遍，分了好多子组件，好多地方都要改，用到的传参只是也不少，就去大概了解了以上几种vue3传参方式,内容还挺多的下周还是继续进行交互，但是希望自己可以多手敲一些代码，不能太依赖豆包了。