杂文

1. preconnect：提前建立连接 什么是preconnect？ preconnect 指令告诉浏览器：当前页面很快就会与某个第三方域名建立连接，请提前完成DNS解析、TCP握手和TLS协商。这

疑问： 使用Token（如JWT）进行身份验证比使用Cookie更安全，尤其是可以防止CSRF攻击。但有趣的是，很多实际应用中，Token仍然存储在Cookie中。这就引出了一个看似矛盾的问题：为什么

promise promise处理异步方法，优化了之前回调低于的问题，使得可以链式调用异步方法 async await async await是promsie语法糖，使得代码可读性增强

基础概念 图元 指的是3D的形状，比如盒子(BoxGeometry)，圆柱(CylinderGeometry)等。除了这些可以直接使用的形状外，还可以使用BufferGeometry自定义形状 材质

一、react协调算法是什么实现的，为什么需要Fiber React的协调算法（Reconciliation）是Fiber，它是一种新的协调器，用数据结构化的Fiber节点替代了之前的递归协调算法。F

迭代器 可迭代对象的定义 实现[Symbol.iterator]方法：该方法必须返回一个迭代器对象。 迭代器对象：必须有一个next()方法，该方法返回一个对象，包含： value：当前迭代的值，可以

一、使用上的区别 react React 采用 JSX 语法，这是一种 JavaScript 的语法扩展，允许在 JavaScript 代码中直接编写类似 HTML 的结构。这种设计体现了 React

HRM 是一个通用概念，由构建工具（如webpack、vite)提供，允许在不刷新页面的情况下替换、添加、删除模块 React Fast Refresh 专门为HMR开发的特定实现，集成了react渲

背景 在多页项目中，有时候新建项目需要基于原先的项目拷贝一份，还需要在public上新增html入口，修改vue.config.js配置....这个过程比较繁琐，而且容易漏掉，所以封装了一个自动化的脚

一不小心写了一个bug,虽然是很简单的问题，但是还是记录下，警惕一下～～rc-virtual-list使用出现bug

一、项目中使用了三方组件UI库，可能需要先配置一下，不然首屏使用到三方库组件会没有样式，造成页面很乱 举例： 下图一是配置前，下图二是配置后，差别还是很大的 配置方式也很简单（https://ant.

一、现状 目前业务主要是开发棋类教育类，比较小众，所以在市场上不太具备优势；在日常开发中只能不断锻炼自己的产品思维、沟通能力，这是目前能想到的积累～公司内部是大前端的方向，小程序、app、web都有，

一、遇到的问题 项目中使用懒加载方式加载组件，在新部署镜像后，由于浏览器缓存又去加载旧的js chunk，但是之时旧的js chunk已经不存在，加载不出来造成bug 二、解决方式 在每次部署后更改版