2301_79982845的博客

原创 supabase的webhook报错

跨标签页通信 (Cross-tab Communication)、Web Locks API、并发控制 (Concurrency Control)、Token 刷新竞争 (Race Conditions)、状态同步。"负责前端 Auth 模块的稳定性优化，深入调研 Web Locks API 规范，解决多标签页场景下的 Token 刷新竞争问题。

原创 字节30天热题

双指针/滑动窗口：接雨水、最小覆盖子串、长度最小的子数组、滑动窗口最大值、替换后的最长重复字符、找到字符串中所有字母异位词。二叉树/图：二叉树的最大深度、岛屿数量、二叉树的最近公共祖先、课程表、翻转二叉树、从前序与中序遍历构造二叉树。字符串：字母异位词分组、括号生成、最长公共前缀、找出字符串中第一个匹配项的下标、反转字符串中的单词。链表操作：合并两个有序链表、反转链表、回文链表、重排链表、排序链表、K 个一组翻转链表。排序/搜索：数组中的第 K 个最大元素、搜索旋转排序数组、合并区间。

原创 受控vs 非受控

表单元素的值完全由 React 的 state 控制，输入、修改、清空都必须通过修改 state 实现，是单向数据流。表单元素的值由 DOM 自身管理，React 不实时跟踪，只通过ref在需要时（如提交）一次性取值。受控组件：React 用 state 管数据，实时可控，推荐使用非受控组件：DOM 自己管数据，用 ref 取值，简单快捷日常开发90% 场景用受控组件，是 React 表单的标准写法。

原创 组件的封装

**Workspace（核心）**：`ChatPanel/*`、`CanvasPanel/*`、`FileSystem/*`、`PreviewPanel/*`、`SkillBuilder/*`- **基础 UI 组件层**：`src/components/ui/*`（`button`/`dialog`/`select`/`popover`…- **UI 组件**：`src/components/Workspace/ChatPanel/AssetSlotPanel.tsx`（统一渲染/上传/交换/删除）

原创 webpack中plugin和loader的区别

一句话总结区别 - **Loader：文件转换器**（**运行在打包文件之前**） - **Plugin：功能扩展器**（**运行在整个打包周期**） --- # 一、核心区别（表格版，最好记） | 对比项 | **Loader** | **Plugin** | |--------|------------|------------| | **作用** | 处理**非 JavaScript 文件**（css、图片、ts、vue…Webpack **只认识 JS 和 JSON**，其他文件它看不懂。

原创 Remotion demo 调研（流水账）

本文记录了开发者在技术探索中的思考与实践，主要包括以下几个方面的内容： 技术工具探索：尝试使用Remotion进行动态条形竞赛图开发，研究useCurrentFrame和interpolate等API的使用，解决动画卡顿问题，实现平滑排名过渡效果。同时比较了Recharts和Remotion的特点。 开发问题解决：遇到并解决了多个技术难题，包括DOM节点稳定性、FLIP动画实现、CSS过渡优化、内存管理、IndexedDB使用等。特别针对画布布局、节点缩放、批量下载等功能进行了优化。 产品设计思考：探讨了多

原创 react native expo扫码解决。

原创 浅拷贝和深拷贝

浅拷贝也完全是创建一个崭新的对象：shallow修改a对象是不影响obj对象的，但是修改属性c是会修改的，是不是还挺重要的，浅拷贝的定义是：复制第一层，引用类型共享地址。typeof/instance和prototype.toString.call(obj)的差别。还有个清朝八股：判断元素类型的。经常会有深拷贝的手撕。

原创 全链路开发过程的名词术语

开发阶段一些术语的概念

原创 前端字节面试大纲

字节前端面试近期以为核心，一面重基础与手写，二面偏场景与方案设计，三面会结合字节业务（如抖音、直播）考察性能与架构能力。以下按模块整理高频题，附面试友好的答题要点与示例，方便你快速对标准备。

原创 强缓存和协商缓存的使用

首次请求浏览器 →(无缓存头请求)→ 服务器 →(200+Cache-Control+ETag+Last-Modified)→ 浏览器 → 缓存+渲染强缓存有效期内请求浏览器 → 检查max-age未过期 → 直接读本地缓存 → 渲染（无请求）强缓存过期后请求浏览器 → 检查max-age过期 → 带If-None-Match/If-Modified-Since请求 → 服务器↙️ 资源未更新（304） ↘️ 资源已更新（200+新缓存头）浏览器更新缓存有效期 浏览器覆盖旧缓存↘️ ↙️。

原创 【操作系统】微内核技术

IPC是啥 调用为什么会产生开销呢？

原创 RAF是在事件循环的哪个时刻执行的？（非常棒！）

前端的API解读

原创 大文件上传面试回答要点

超大文件（如10GB）上传优化绝非只有分片上传，完整方案需覆盖四大维度，核心组合是“分片+断点续传+秒传+并发控制”，再配合传输加速、校验加密、直传云存储等手段，以下是面试时能体现深度的完整技术栈与实现细节。

原创 如何描述缺页中断？

当程序访问某个虚拟页面时，如果该页面当前不在物理内存中，或者访问权限不满足（如写保护），硬件（MMU）会触发一个缺页异常（在操作系统中表现为中断/异常）。- 缺页中断：程序访问虚拟内存页面时，若页面不在物理内存或权限不允许，由硬件触发、操作系统处理的一种异常，用于将页面调入内存或处理访问错误。- ✅ 写时复制（Copy-on-Write）：多个进程共享同一物理页，当某进程写入时触发缺页，内核复制页面并更新映射。- 操作系统会介入处理：将所需页面从磁盘调入物理内存，并更新页表，然后让程序继续执行。

原创 操作系统期末复习

第 (1) 问是分页地址的拆分 + 页表 / 页目录的大小计算，核心是 “虚拟地址 = VPN+offset” 的拆分逻辑；第 (2) 问是LRU 算法的模拟，核心是 “满页时替换最近最久未用的页面”。

原创 Webpack和Vite优化的区别

特性Webpack 核心逻辑Vite 核心逻辑核心思想打包所有模块为 bundle，兼容所有场景利用原生 ESM 按需编译，优先现代浏览器性能瓶颈全量解析/编译，JS 工具链效率低仅不兼容老旧浏览器，生态稍弱优化核心缓存、拆分、多进程、预编译原生 ESM、esbuild 预构建、Rollup 打包适用场景复杂项目（多页、跨端、兼容老旧浏览器）现代前端项目（Vue/React 单页，追求开发效率）

原创 Nextjs的SSR服务器端渲染为什么优化了首屏加载速度？

核心原因（SSR 本身）：Next.js 的 SSR 在服务端直出完整 HTML，浏览器无需等待 JS 执行即可显示内容，大幅缩短首屏白屏时间，这是最根本的提速点。额外优化（Next.js 特性）：自动代码分割、SSG/ISR 静态生成、图片/字体优化、路由预取等内置功能，进一步降低资源体积、减少网络延迟，让页面加载和跳转更快。感知层面：SSR 带来的 SEO 友好性，让用户能更快通过搜索找到页面，也是“快”的重要体现。简单来说，Next.js 的快是“

原创 Kafka的死信队列

死信队列（Dead-Letter Queue，DLQ）就是——正常队列里“死掉”的消息，统一拉到这儿来，方便后续，而不是直接扔掉。

原创 Canal 部署与问题排查指南

我的秒杀项目需要Canal来实时同步Redis和MYSQL的数据。

原创 可重入锁详解-ReentrantLock和Synchronzied

场景：你家的大门不可重入锁（普通锁）：1. 你拿钥匙打开家门，进入客厅2. 你想从客厅去厨房（需要再次经过门）3. 但是！门已经被你锁上了4. 你在门内，但无法再次"开门"进入5. 结果：你把自己锁在里面，进退两难！❌可重入锁（智能锁）：1. 你拿钥匙打开家门，进入客厅（锁记录：你进来了，计数=1）2. 你想从客厅去厨房，再次经过门3. 锁识别："咦，是同一个人（你）！

原创 线程池监控的五大指标

1. 连接池使用率（50-70%最佳）2. 等待时间（<1ms最佳）3. QPS（用于计算连接数）4. 响应时间（P99<10ms最佳）5. 错误率（<0.1%最佳）

原创 redis热点key拆分和读多副本

redis性能优化手段之一

原创 非阻塞IO的概念

把请求交给内核 / 网络库后立刻返回，通过回调、Future、事件通知等方式再回来拿结果”——线程不傻等，就是非阻塞 IO。

原创 Redis Cluster故障处理机制

Redis Cluster故障处理机制 如果一个主节点宕机了 应该怎么处理

原创 哈希表相关面经总结

哈希表面经 没空整理了 先把ai复制粘贴

原创 JAVA如何快速读取两个大文件的相同字符串（性能和消耗）

外部哈希去重

原创 提交代码eslint报错解决

下面给出的 VS Code 配置，.vue.js.ts。，照抄即可。

原创 qq音乐后台分享技术会议

qq音乐盗版网站 普通品质不需要付费 但是高品质的音乐万一被人盗取了怎么办。会对音乐进行加密，但是仍然防不住的，有很多开源项目就是专门做盗取的。ai ops 运维和ai review是啥 原来它是真的感兴趣这些 记住这些有意思的事情…音频embedding大模型 大企业的模型也是拿开源的然后调优 自研是不太可能的 最多调整一些参数。怎么防止有些人抓包获取vip音乐 然后放到别的平台上倒卖|･ω･｀)怎么选出topk 通过向量的相似性吗？听歌识曲的开源项目有推荐吗。代码提交pr合并代码mr。

原创 调用阿里云ai接口的示例代码

调用阿里云的接口实现多轮

原创 Exception in thread “main“ java.lang.NoClassDefFoundError: org/springframework/boot/SpringApplicatio

还需要确认java的版本 因为我的电脑目前有。不知道为啥点击三角形就不可以 但是输入。需要现在pom.xml中运行这个。

原创 PlayWright结合MCP

python --version（3.8以上的）昨天面试官问我conda venv和pip的区别和优劣势。。。但然也可以给所有的浏览器安装 playwirght install。

原创 PinMe 静态网站的部署工具

以下是。

原创 MYSQL赋予root用户ALTER权限

解决root用户没有Alter权限的问题

原创 Cannot run program “C:\Program Files\Java\jdk1.8.0\bin\java.exe“ (in directory “D:\xxxxx“):

java运行时候出错的一个解释 classpath相关的

原创 面试官问我CAS、乐观锁、悲观锁

AQS是Java并发包(JUC)的核心框架，用于构建锁和其他同步器（如ReentrantLock、CountDownLatch等）。它通过一个FIFO队列管理线程的排队与唤醒，并提供了模板方法供子类实现。

原创 JAVA反射的介绍（优缺点）

JAVA的反射

原创 pai 的redis存储

1. **认证授权 - JWT token状态管理、黑名单机制**2. **会话管理 - 聊天会话持久化、用户会话追踪**3. **权限缓存 - 多租户组织标签缓存、权限验证优化**4. **文件处理 - 大文件分片上传状态追踪**5. **性能优化 - 减少数据库查询、提升响应速度**所有数据都设置了合理的TTL过期时间，确保Redis内存使用的可持续性。

原创 root@lll:/data# sudo docker compose up -d 输入这个命令 控制台一直没有任何的反应 我需要如何排查呢？

wsl中使用docker的运行出现了问题 场景题的解决方法

原创 Win系统下载MINIO

苹果是arm64 win是amd64./minio server data/ 运行命令mkdir data。