react hooks深拷贝后无法保留视图状态
在使用useState做数据操作更新的时候，有一些复杂数据类型，一个对象数组里包含，函数，dom等等复杂数据类型，想要进行数据更新，并且视图更新的情况下，因useState的特性就必须进行深拷贝赋值。
方式
1、JSON.stringify配合JSON.parse 这个有限制，我们的数据类型包含，函数。它会丢失
2、Lodash 里的深拷贝方法
3、递归实现
我这里通过递归直接写的方法，发现拷贝
前端
CSS中的BFC，是什么？
CSS中的BFC详解
点击打开视频讲解
一、常见定位方案
普通流
默认，从上而下，行内元素水平排列，行满换行，块级元素渲染成一个新行。
浮动
先按普通流位置出现，然后根据浮动方向偏移。
绝对定位
元素具体位置由绝对定位坐标组成。
二、什么是BFC
BFC（Block Formatting Context）格式化上下文，是Web页面中盒模型布局的CSS渲染模式，指一个独立的
前端如何应对精确数字运算？用BigNumber.js解决JavaScript原生Number类型在处理大数或高精度计算时的局限性
目录前端如何应对精确数字运算？用BigNumber.js解决JavaScript原生Number类型在处理大数或高精度计算时的局限性一、BigNumber.js介绍1、什么是 BigNumber.js？2、作用领域3、核心特性二、安装配置与基础用法1、引入 BigNumber.js2、配置 BigNumber.js3、常用方法①创建 BigNumber 实例②基本运算③
element 在表格中使用表单校验
先上个图
image.png
上图说明
看起来是表格包含了很多个表单，其实是表单包含了表格；
表头是通过插槽自定义的，也可以直接使用表格的 label 属性；
外层是一个大表格，里面是一个小表格，然后小表格的每一列是根据大表格的主表列里的选项不同，数据不同自动循环出来的，有的是必填，有的是非必填，截图上都是必填；
小表格可以进行动态添加数据，小表格跟大表格是两个表单，并且分开校验；
vue的动态组件 keep-alive
1. 什么是动态组件
动态组件指的是 动态切换组件的显示与隐藏
2. 如何实现动态组件渲染
vue提供了一个内置的<component>组件，专门用来实现动态组件的渲染。
作用：组件的占位符
is的值表示要渲染的组件
示例代码如下：
Left.vue的代码
<template>
<div class="box">这是左边的组件</div>
前端vue：路由的基本使用
1. 路由
概念： Hash 地址与组件之间的对应关系
工作方式：
当用户点击页面上的路由链接
导致了 URL 地址栏中的 Hash 值发生了变化
前端路由就会监听到 Hash 地址的变化
前端路由把当前 Hash 地址对应的组件渲染都浏览器中
2. vue-router`
vue-router 是 vue.js 官方给出的路由解决方案
2.1 vue-router 的基本用法
安装 vue-r
前端流式输出实现详解：从原理到实践
前端流式输出实现详解：从原理到实践
前言
一、流式输出核心原理
1.1 什么是流式输出？
1.2 技术优势对比
1.3 关键技术支撑
二、原生JavaScript实现方案
2.1 使用Fetch API流式处理
关键点解析：
2.2 处理SSE（Server-Sent Events）
