前端笔记

一、背景：为什么普通 Chat 不够？ 传统的 AI 对话是"用户问 → AI 答"的模式，每个请求独立，无状态。 但面试不一样： 简单来说，面试官需要根据用户的回答动态调整——这是条件路由。 如果用

解决 VSCode 中 ESLint 格式化不生效问题：新手也能看懂的配置指南 入职新公司接手前端项目，相信很多同学都遇到过这样的糟心事：明明用了同事给的setting.json配置，代码格式化却依然

React 页面加载埋点的正确姿势：useEffect 与 document.readyState 完美配合 在前端数据埋点体系中，页面 PV 上报是最基础也最关键的一环。我们追求的理想效果是：页面完

🚀 前言 最近在一个 Next.js 15.1.0 项目中配置 ESLint 时遇到了一系列问题，从 ESLint 9.x 的扁平配置格式不兼容，到插件冲突，再到 VS Code 扩展无法正常工作。经

日常开发React拖拽功能时，很多同学会下意识用e.preventDefault()阻止默认行为，结果发现拖拽是实现了，但div内部的按钮、输入框这些需要点击的元素全失效了，点了完全没反应。踩过这个坑

后端处理数据处理逻辑特别多的时候，并不会很及时返回数据，一般情况后端给前端返回进度，这个目前是前端自己返回进度到90，等到接口返回完成再到100% 1、设置全局样式 2、当触发的时候就调用进度条展示方

💓 心跳检测模块技术文档（含完整代码） 1. 本质透视镜 本质是「保持用户登录有效，周期性验证 token 是否仍然生效」**** 这其实就是：定时调用原生 App 的 token 检查接口，防止用户

思路 先设计一个可维护的权限数据 (数据来源：1、可单独的功能点后端返回 2、可后端单独维护一个数据表 3、前端维护一个) 在路由前置守卫获取路由要进入的功能页 （数据有对应维护的功能页确定页面级）

依赖： • 使用 html2canvas（需要先安装：npm install html2canvas）。 绑定事件： • 在目标 DOM 上绑定 click 事件。 截图逻辑： • 点击后调用 htm

之前通过多级动态表单获取到多包裹，接下来就是再根据多包裹来判断可选择发货数量 要结合之前的多级表单动态添加包裹会更好理解 目前这个只是一种方法，我相信还有别的方法，可能会更简单 选择商品 选择商品里面

写作背景： 作为一个程序员避免不了的遇见bug，解决bug。我是比较喜欢解决bug的。每次解决bug都会有不一样的成就感。可是这次遇到这个重构项目着实把我恶心到了，解决了一个bug又出现一个bug，里

1、使用setTimeOut 使用两种方法第一种方法是就是在请求之前设置标识，请求之后修改标识。达到连续点击只掉一次请求 2、按钮防抖 使用防抖放在直接把请求当做一个方法

需求:不允许token暴漏在地址栏 拿到token放到 sessionStorage里面 并重新刷新地址 所有统一使用query的页面就直接替换为sessionStorage

说点废话，最近在做一个重构的项目。我感觉学不到东西，业务也就那样。这个简单的我感觉要是之前的我。我就很快做出来了，这次我做了相对久了。很难受。吐槽一下吧，这个项目代码经过很多人说是屎山也不为过。但是搭

组织树懒加载 多选组织树必须要加的属性 对于组织树的默认展开和默认选中，其实归根结底就是一个，查看选中事件，返回来的值将返回的值赋值过去看看是否生效

在使用vite搭建的项目删除console 使用terser 第一步 第二步 在vite.config.ts 配置

这是后端给的json数据格式 echarts需要的数据格式 series 里面的link的数据 series 里面的link的数据 递归调用方法

下载nginx并配置 首先下载nginx 查看nginx 启动nginx 因为nginx默认的端口号是8080，因此我们页面访问 http://localhost:8080 即可，看到如下信息： 使用

需求 当点击左侧复选框时，右侧的全部复选框会被选中，当右侧部分复选框被选中时，左侧会显示半选状态。上方有一个全选复选框，当左侧所有复选框都被选中时，全选按钮会显示选中状态，当左侧复选框部分选中时，全选

更改后端的数据格式适配el-tree组织树，通过使用map循环和扩展运算符来得到自己想要的json数据格式