01 2023 档案
摘要：第一步.先清空本地安装的node.js版本 1.按健win+R弹出窗口，键盘输入cmd,然后敲回车（或者鼠标直接点击电脑桌面最左下角的win窗口图标弹出，输入cmd再点击回车键） 2.然后进入命令控制行窗口，并输入where node查看之前本地安装的node的路径，找到上面找到的路径，将node.
阅读全文
摘要：1、什么是keep-alive？ keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。 2、keep-alive的优点？ 在组件切换过程中 把切换出
阅读全文
摘要：1. vue2和vue3双向数据绑定原理发生了改变 vue2的双向数据绑定是利用了es5 的一个API Object.definepropert() 对数据进行劫持 结合发布订阅模式来实现的。vue3中使用了es6的proxyAPI对数据进行处理。相比与vue2，使用proxy API 优势有：de
阅读全文
摘要：这个问题可以在 main.js 中，调整 import store from '@/store 和 import router from @/router 的先后顺序进行解决 router 在 store后边
阅读全文
摘要：vue data是函数的原因： 1、防止data复用； 2、data独立性； 3、作用域； 4、js的特性。 总结来说，如果data是一个函数的话，这样每复用一次组件，就会返回一份新的data(类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据)。 1、防止data复用 vue
阅读全文
摘要：最近公司项目中在使用 Echarts 绘制图表时，由于默认的 label 标签不能满足设计稿需求，所以研究了对 label标签进行格式化的方案，了解到可以使用 formatter 内容格式器对标签内容进行调整， formatter 支持字符串模板和回调函数两种形式，下面以饼图为例对 formatte
阅读全文
摘要：1.computed计算属性： 作用：（1）解决模板中放入过多的逻辑会让模板过重且难以维护的问题。例如两个数据的拼接或字体颜色的判断。 （2）它支持缓存，只有依赖的数据发生了变化，才会重新计算。例如模板中多次用到数据拼接可以用计算属性，只执行一次计算，除非数据发生变化。 （3）不支持异步，如果有异步
阅读全文
摘要：:style的使用 一 ,最通用的写法 <p :style="{fontFamily:arr.conFontFamily,color:arr.conFontColor,backgroundColor:arr.conBgColor}">{{con.title}}</p> 二， 三元表达式 <a :st
阅读全文
摘要：一、问题分析 既然要实现图片自适应，那就要对不同的图片尺寸进行分类处理，我最开始是分了5类 对于长宽都不超过的情况 -- 应该不改变图片本身比例 对于长宽都超过的情况 -- 应该是根据图片比例进行缩小，这样才不会扭曲图片，因此同样存在两种情况 二、算法 // img.height -- 图片高度 i
阅读全文
