自我介绍 Monorepo 架构实现（代码位置 + 配置） AI 模块如何拆分（放在哪里） 双 token 如何实现 + 自动续期 + 无感刷新 无感刷新下请求队列问题（分页错乱） 双token无感刷新下，如果存储的历史请求队列中的请求再次请求，会有什么问题？比如分页请求数据，原本请求page=1，此时access_token过期，接着再次点击下一页，导致在分页的情况下有两次请求(请求到不同的页下的数据)，原本只希望出现一页的数据，此时出现两页的数据，如何解决这个bug问题？ 项目与市面产品差异，优点 AI对话是否与项目是否有强关联的关系？为什么这样？ AI对话下上下文记忆的实现 详细介绍SSE，以及为什么不用websocket，他们两个有什么区别？常见的chatgpt等对话模式中为什么要用SSE，解决了什么问题？ 为什么AI智能对话需要使用流式输出？不用其他的 介绍前端埋点SDK如何实现 介绍埋点中的web性能指标(FP/FCP/LCP/INP/CLS)的每个的详细含义 说明以上性能指标中你认为哪一个是最重 ...

vue-router中支持页面的跳转主要利用了浏览器得到什么能力 双token认证是咋么实现的？ 为什么存储token不用cookie而用localstore？ vue框架如何实现响应式更新？ 网络方面，浏览器的资源缓存机制有哪些？ css方面，如何实现一个像素居中？ 代码考核 给你一个很大的number数据，如何转换为千分位的数据显示（就是每三个数字间用 “,” 隔开） 对称二叉树，给你一个二叉树的根节点 root ， 检查它是否轴对称

基础部分contenteditable📖（是一个枚举属性，表示元素是否可被用户编辑） 1<div contenteditable="true">这个是可以进行编辑的容器</div> document.execCommand（已弃用）📖该方法允许运行命令来操纵可编辑内容区域的元素。 12345678910111213<script setup lang="ts">type Cmd = "bold" | "underline" | "italic";function format(cmd: Cmd): void { document.execCommand(cmd);}</script><template> <button @click="format('bold')">加粗</button> <div contenteditabl ...

记录-随机数常见的几种随机数 一.常规随机数 Math.random() 二.更安全或可控的随机数 crypto.getRandomValues() crypto.randomUUID() 三.伪随机 基于 Date.now() 的随机 四.第三方库 Lodash: _.random(min, max) Chance.js: 生成随机数、随机名字、随机句子 UUID 库: uuid.v4() 一.常规随机数1.Math.random()📖Math 生成一个 [0, 1) 之间的浮点数。 常用于前端大多数场景，比如抽奖、随机颜色、随机数组索引。 12const number = Math.random();console.log(number); // 0.4833704909409956 常用于： 结合范围取整（利用 .floor、Math.ceil、Math.round） 123456789// 生成 [min, max) 的随机整数function getRandomInt(min, max) { return Math.floor(Ma ...

记录-颜色方面一.颜色表示方式 关键字:（red, blue, transparent…） 十六进制表示 (Hex)【#RGB, #RRGGBB, #RGBA, #RRGGBBAA】 RGB / RGBA【rgb(r, g, b)，rgba(r, g, b, a)】 HSL / HSLA【hsl(h, s, l)，hsla(h, s, l, a)】 1.关键字 内置颜色名:red, blue, green, black, white, orange, pink, violet … 特殊关键字： transparent:等价于rgba(0,0,0,0) 2.HEX 十六进制: #RGB —> #f00 , 123color: #3498db;color: #fff; /* 白色缩写 */color: #ff000080; /* 半透明红色 */ 3.RGB/RGBA 📖 rgb() 参数可以是0~255 百分比 none 之间可以使用逗号或者不用逗号分隔开来 除了逗号分隔的旧版语法中不可以数字与百分比 ...

系统且详细地讲解 BEM 架构：从背景、核心思想、命名规则、使用方法、优缺点，到实际项目中的最佳实践。 一、BEM 是什么？BEM 是 Block（块）、Element（元素）、Modifier（修饰符）的缩写，是一种前端 CSS 命名方法论，用于让你的 CSS： 更清晰（语义清楚） 更模块化（组件独立） 更易维护（避免样式冲突） BEM 最早由俄罗斯的 Yandex 公司提出，用于构建大型的、可维护的用户界面。 二、为什么需要 BEM？传统 CSS 存在以下问题： 样式难以复用，组件耦合严重 命名混乱、容易冲突（比如 .title 在很多组件里都有） 样式覆盖混乱（选择器优先级、继承乱套） BEM 的出现就是为了解决这些问题，通过结构化命名、组件式思维来组织样式。 三、BEM 的核心概念详解1. Block（块） 描述一个独立功能的组件或模块。 可以单独使用，具有自己的语义、样式。 示例：menu、form、button、header、modal。 1<div class="menu"></div> 2. Elemen ...

TypeScript 快速上手🪩 禹神：三小时快速上手TypeScript，TS速通教程_哔哩哔哩_bilibili ⼀、TypeScript 简介 TypeScript 由微软开发,是基于 JavaScript 的⼀个扩展语⾔。 TypeScript 包含了 JavaScript 的所有内容,即: TypeScript 是 JavaScrip t 的超集。![[｜附件｜/Typora 2025-01-07 11.53.14.png|200]] TypeScript 增加了:静态类型检查、接⼝、 泛型等很多现代开发特性,更适合⼤型项⽬ 的开发。 TypeScript 需要编译为 JavaScript ,然后交给浏览器或其他 JavaScript 运⾏环 境执⾏。 ⼆、为何需要 TypeScript1.今⾮昔⽐的 JavaScript(了解) JavaScript 当年诞⽣时的定位是浏览器脚本语⾔,⽤于在⽹⻚中嵌⼊简单的逻辑,且代码 量很少。 随着时间的推移,JavaScript 变得越来越流⾏,如今的 JavaScript 已经可以全栈编程 了。 ...

TypeScript-枚举枚举枚举是 TypeScript 中一个重要的概念，它可以帮助我们定义一组命名常量，并为每个常量赋予一个数值。枚举可以让我们更方便地管理代码中的常量，并减少代码中的魔法数字。 TypeScript 中的枚举语法如下： 1enum Color {Red, Green, Blue} 上面的代码定义了一个名为 Color 的枚举，它包含三个常量 Red、Green 和 Blue，每个常量都被赋予一个数值，默认情况下，数值从 0 开始递增。 我们可以像这样使用枚举： 12let color: Color = Color.Red;console.log(color); // 0 上面的代码声明了一个变量 color，它的类型是 Color，并赋值为 Color.Red。由于 Color.Red 的值是 0，因此 color 的值为 0。 我们也可以通过枚举的属性来访问枚举中的值： 123console.log(Color.Red); // 0console.log(Color.Green); // 1console.log(Color.Blue) ...

#include <fstream> 是 C++ 中用于进行文件输入输出（I/O）操作的标准头文件，它提供了对文件读写的支持，主要包括三个类： 一、<fstream> 中的三个主要类 类名 功能 继承自 ifstream 用于读取文件 istream ofstream 用于写入文件 ostream fstream 用于读写文件 iostream 二、常用方法详解1. 文件打开方式（可用作 open() 第二个参数） 模式名 含义 ios::in 以读模式打开 ios::out 以写模式打开（默认覆盖） ios::app 追加写入到文件末尾 ios::ate 打开文件并移动到文件尾部 ios::trunc 如果文件存在，清空内容 ios::binary 以二进制模式打开 可以用 | 组合多种模式，例如：ios::in | ios::out 2. 常用成员函数 函数 说明 open(filename, mode) 打开文件 is_open() 检查文件是否成功打开 close( ...