夜空孤狼啸的博客

View Transitions API 提供了一种机制，可以在更新 DOM 内容的同时，轻松地创建不同 DOM 状态之间的动画过渡。同时还可以在单个步骤中更新 DOM 内容。

【代码】axios封装以及详细用法axios请求拦截响应拦截请求重试请求终止。

主版本（大版本） 必须 一般代表了项目的重大架构变更，如进行不兼容的API更改。此版本（次要版本） 必须 一般代表了一些功能的增加或变化，但没有架构的变化。增量版本（小版本） 必须 一般是一些小的bug修复，没有重大功能变化。预发布版本或版本编译信息 不必须 添加到最后，作为扩展。大版本.次要版本.小版本，如：1.0.0。

Web Workers 是在浏览器中运行 JavaScript 代码的一种机制，它们在主线程之外运行，可以在后台执行一些任务而不阻塞用户界面。Web Workers 使得在浏览器中执行多线程操作成为可能，这有助于提高性能和响应性。

TypeScript 泛型工具类型在实际项目中的应用在TS中内置了一些常用的工具类型, 用来简化我们TS中的一些常见操作 这些泛型工具类型都是基于泛型实现的, 并且是内置的, 我们也可以直接在代码中使用。

前端将html导出pdf文件解决分页问题

前端导出word文件的多种方式、导出excel文件 纯前借助word模板端导出word文件 （推荐，前端借助word模板导出word，需要的依赖库：docxtemplater，pizzip，jszip-utils，file-saver，前端导出excel文件，需要的依赖库：node-xlsx，当让也可以借助xlsx库，这个看自己选择，只要实现客户想要的功能就行。

前端项目用常用的方法

【代码】vue3图片懒加载借助插件vue3-lazy。

监听localstorage的变化多数组取交集判断两个数组是否有相同元素 返回相同元素（数组）判断hex颜色值是深色还是浅色随机生成深浅样色js判断是手机端还是移动端使用UA判断使用媒体查询判断fetch直接读文件内容，解决乱码问题前端导出文件将表格导出xlsx文件将表格导出 txt fasta fa csv tsv等文本文件js将二维数组转为 txt tsv csv fasta fa 等文本文件将字符串下载保存为 txt fasta fa csv tsv等文本文件下载文件文件

"html2canvas": "^1.4.1",//jspdf和html2canvas导出pdf文件 "jspdf": "^2.5.1",//jspdf和html2canvas导出pdf文件 "html-to-image": "^1.6.2", //将dom节点下载成png图片 "moment": "^2.29.1", // 时间格式化处理 "node-scp": "^0.0.22", // 局域网内使用scp命令复制文件（支持账号密码） "node-xlsx": "

前端使用create-react-app脚手架node使用 express-generator搭建跨域问题，在后端安装corepost、put传递的参数在body里面获取get、delete传递的参数在query里面获取。

纯前端导出word、pdf、excel、txt文档方法与技巧（附带问题总结）导出的pdf很模糊/导出的pdf部分元素缺失/导出的pdf分页被截断/导出区域用input的时候会出现内容错乱问题/导出svg/导出word样式不生效

在工作中，我们可能同时在进行2个或者多个不同的项目开发，每个项目的需求不同，进而不同项目必须依赖不同版本的NodeJS运行环境，这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，nvm就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换。 无须卸载现有版本，可同时安装不同的版本，有使用项目需要在linux，mac、windows三个系统中运行，所以三个系统最好都安装nvm

react中，antd组件中的upload实现，文件的上传，文件的下载，导出，批量导出（直接调接口），上传额外的参数（data）

关于react中hooks使用useState的更新不触发dom更新问题

useState()，状态管理钩子。通过在函数组件中调用useState，就会创建一个单独的状态。useEffect()，副作用钩子。它接收两个参数， 第一个是进行的异步操作， 第二个是数组，用来给出Effect的依赖项useContext()，共享钩子。该钩子的作用是，在组件之间共享状态。useReducer()，Action 钩子。useReducer() 提供了状态管理，其基本原理是通过用户在页面中发起action,从而通过reducer方法来改变state, 从而实现页面和状态的通信。us

目前React 16.8+的生命周期分为三个阶段，分别是挂载阶段、更新阶段、卸载阶段。react16之后又三个生命周期被废除（但并未删除），保留了前缀UNSAVE_的三个函数，目的是为了向下兼容。componentWillMountcomponentWillReceivePropscomponentWillUpdate延伸问题：为什么要删除这三个函数？        废弃的三个函数都是在render之前，因为fibe

redux三大核心1 action 触发reducer方法动作2 reducer3 storeredux使用1 安装redux react-reduxcnpm i redux react-redux --save-dev2 创建store.jsimport {createStore} from 'redux'import 自定义名字 from 'reducers文件中的对应的reducer'const store=createStore(自定义名字)export default

函数式组件传值：父子组件传值父传子: 1）在父组件中找对子标签，在子组件的标签上添加自定义属性，自定义属性名 = {要发送的数据} <Child 自定义属性名={要发送的数据}></Child> 2）在子组件模板中使用props.自定义属性名可以获取父组件传递过来的数据，同时在子组件的函数中接受一个参数 props function 子组件名(props){ retur

类组件传值父子 组件传值子 传 父： 子组件：事件的触发 sendMsg=()=>{ this.props.person(); } 父组件： <Child person={this.getMsg}></Child> getMsg=(data)=>{

react中父子组件传值