react中createContext以及useContext的使用

reactive、shallowReactive、ref、shallowRef的之间的区别reactive：深度劫持（深监视）shallowReactive：浅度劫持（浅监视）ref:深度劫持（深监视），做了reactive的处理shallowRef：不做监视readonly和shallowReadonlyreadonly:只读属性的数据，深度只读const state2 = readonly(s

一、svg 绘图1.svg 概念​SVG 是使用 XML 来描述二维图形和绘图程序的语言。可伸缩矢量图，图像在放大或改变尺寸的情况下其图形质量不会有所损失。命名空间：http://www.w3.org/2000/svg2.svg 引入及基本操作2.1svg 引入<!-- 默认宽300*150--><svg id="mySvg" width="400" height="400"&g

echarts数据可视化知识点(一)1、使用步骤（1）引入echarts.js文件（2）准备一个呈现图表的盒子（3）初始化echarts实例对象（参数，dom元素，决定图表最终呈现的位置）var mCharts = echarts.init(document.querySelector('div'))（4）准备配置项（5）将配置项设置给echarts实例对象2、常见图表（1）柱状图var opti

react中useLocation、useNavigate、useParams、useSearchParams的使用

vue3中当用reactive()中定义的对象再次赋值，页面不会自动更新的解决方法第一种方法：将reactive换成ref，即可实现页面随时刷新：let detailObj = ref({});watch(dialogVisible, async newValue => {if (newValue) {const params = {id:detailId.value};const res

表单分步骤提交，需要保存用户所填写过的信息，在点击上一步的时候，回显所填信息，所以不可以使用v-if来进行步骤切换，要使用v-show，但是当使用v-show的时候出现了另外一个问题：没有显示隐藏效果，而是将所有的步骤显示出来了。当v-show不起作用，很大一部分原因是因为标签设置了display属性如display：flex，该样式的优先级高于v-show的display:block或displ

【代码】前端全屏模式切换。

2、解决方案：可以监听路由变化，当路由变化时，去请求列表数据，以下为代码片段。1、问题出现的原因：没有走onMounted生命周期。

echarts数据可视化知识点(一)1、使用步骤（1）引入echarts.js文件（2）准备一个呈现图表的盒子（3）初始化echarts实例对象（参数，dom元素，决定图表最终呈现的位置）var mCharts = echarts.init(document.querySelector('div'))（4）准备配置项（5）将配置项设置给echarts实例对象2、常见图表（1）柱状图var opti