- 博客(71)
- 收藏
- 关注
RSS订阅原创 安装npm install element-plus --save报错
While resolving: vue3_project@0.1.0npm ERR! Found: eslint-plugin-vue@8.7.1npm ERR! node_modules/eslint-plugin-vuenpm ERR! dev eslint-plugin-vue@"^8.0.3" from the root projectnpm ERR!npm ERR! Could not resolve dependency:npm ERR! peer eslint-plugin-
2025-04-10 21:31:08
756
原创 node版本的升级和降级
在开发过程中，我们可能会遇到在A项目中用 node14 版本，而在B项目中要用 node16 版本，从而需要切换不同的 node 版本来开发项目。
2024-06-03 14:32:07
2241
1
原创 【Vue】监听div宽高的变化（动态渲染echarts宽高）
监听div宽高的变化（动态渲染echarts宽高）。echarts 根据 div 宽高的变化而变化
2024-04-28 16:21:00
850
3
原创 Maximum call stack size exceeded 超过最大调用堆栈大小
Maximum call stack size exceeded 超过最大调用堆栈大小
2022-07-28 17:50:02
452
原创 vue 报错：Cannot read property ‘toLowerCase‘ of undefined“
在做小米商城项目封装 modal组件中遇到的错误问题描述：父组件index.vue 给子组件 modal.vue 传值，子组件中自定义事件，通过$emit()接收父组件传递过来的值，同时父组件监听这个自定义事件，我的错误就在于，$emit()中的事件名称没加引号：@click="$emit(cancel)"于是报错：传递的参数错误解决方案： @click="$emit('cancel')"有事没事多看看官方文档，把基础知识打牢昂...
2021-09-10 21:12:08
2042
原创 VUE 图片:src方式引用加载不出来
在 vue 项目中，用src的方式引入图片，刚开始是采用这种方法：但是图片加载不出来错误原因：图片被浏览器识别成了 text，而不是 jpg格式，所以显示不出来解决方法：用 require() 方法，直接传入图片编码 { id: "46", img: require("../../public/imgs/slider/slide-3.jpg"), },问题解决...
2021-09-07 23:41:36
2213
原创 [Vue warn]: Duplicate keys detected: ‘‘. This may cause an update error.
在vue中使用 for循环的时候出现的错误，原因是出现了重复的 key值错误一：有两个for 循环嵌套，key 中绑定了相同的值错误二：for 循环的这个 数组中有重复的键我的问题：解决：把最后一个注释掉就行了...
2021-09-07 23:02:34
2612
原创 Vue使用swiper插件踩过的坑
这是我在做高仿小米商城项目中遇到的bug，刚开始直接在vue ui中的依赖中直接下载的vue-awesome-swiper，会直接给我下载最新的版本，报错，于是就去 swiper 官方文档按照步骤下载，结果安装之后也是一路报错啊，卸了好几次 node_moduls，经多次查找方法，最终总结如下：1、不能按照官方文档里安装npm i swiper ，采用这个方法安装的会是最新的版本，导致安装失败解决方法：安装vue-awesome-swiper@3.1.3 成功2、引入 swip...
2021-09-07 21:30:14
2340
4
原创 Vue-Router的基本使用
1、引入相关的库文件2、添加路由连接 Router-Link3、添加路由占位符 Router-View4、定义路由组件5、创建路由实例并配置路由规则6、将路由实例挂载到vue根组件中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,
2021-08-29 16:26:16
210
原创 解决本地服务器发生跨域时：报错 Request header field content-type is not allowed by Access-Control-Allow-Headers in
这是我在练习 axios 的 post 传参所遇到的问题前端代码没有出现任何问题，问题在后端代码： res.header('Access-Control-Allow-Headers', 'Content-Type'); res.header('Access-Control-Allow-Headers', 'mytoken');在后端设置跨域请求的时候，如果两句话分开写，就会导致前面这句代码被覆盖掉，报Request header field content-type is .
2021-08-28 14:40:39
1215
原创 CSS3 2D转换rotate 旋转案例
1、问题描述：当鼠标经过div时，用另一个盒子覆盖，并且添加过渡效果触发前：鼠标经过盒子后：2、核心思路：给定一个盒子1，设置宽高， 利用伪元素 ::before，添加另一个盒子2（因为伪元素是行内元素，不能设置宽高，所以我们设置display:block） 设置盒子2的旋转中心为左下角，并旋转180° 当鼠标经过盒子1时，盒子2旋转0° 给盒子2添加过渡效果3、实现代码：<!DOCTYPE html><html lang="en">..
2021-08-23 21:44:25
260
原创 let、const、var关键字声明变量的区别
1、使用 var 声明的变量，其作用域为该语句所在的函数内，且存在变量提升的现象if(true){ var a=10;}console.log(a); // 102、使用 let 声明的变量，其作用域为该语句所在的代码块内，不存在变量提升if(true){ let a=10;}console.log(a); // a is not undefine3、使用 const 声明的是常量，必须要赋初始值，并且赋值后不能修改该常量的值if(true){ co
2021-08-19 17:27:02
138
原创 改变函数内 this 指向的三种方法
一、call（） // 1、call() var obj = { name: 'andy' } function fn(a, b) { console.log(this); console.log(a + b); } fn.call(obj, 1, 2); // 此时的this指向 obj // call()可以调用函数，也可以改变函
2021-08-17 16:51:42
427
原创 js中函数内 this 指向
这些 this 的指向，是当我们调用这个函数的时候确定的，调用的方式不同决定了 this 的指向不同。this 一般指向我们的调用者调用方式 this指向 普通函数调用 window 定时器函数 window 立即执行函数 window 构造函数调用 实例对象（原型对象里面的方法也指向实例对象） 对象方法调用 该方法所属对象 事件绑定方法 绑定事件对象 <script&g...
2021-08-17 15:45:28
244
原创 filter（）与some（）的区别
一、filter（）var arr = [2, 5, 8, 9];var newarr = arr.filter(function(value, index) { return value % 2 === 0;})console.log(newarr); // [2,8]二、some（）var arr = [10, 20, 5, 4];var flag = arr.some(function(value, index) { return value >= 10;
2021-08-16 16:33:45
578
原创 原型和原型链
1、原型：①所有引用类型都有一个__proto__(隐式原型)属性，属性值是一个普通的对象②所有 构造函数 都有一个prototype(原型)属性，属性值是一个普通的对象③所有引用类型的__proto__属性指向它构造函数的prototype，这个prototype就是一个对象，这个对象的所有方法和属性都会被构造函数所拥有原型的作用：共享方法只要我们把方法定义在原型对象身上，那我们所有的实例都可以使用这个方法，并且不需要开辟新的空间2、原型链： 当访问一个对象的某个属性时...
2021-08-15 23:00:01
120
原创 构造函数、实例对象、原型对象之间的关系
每一个构造函数身上都有一个 prototype 属性，它会指向一个对象，这个对象就是我们的原型对象 在这个 prototype 原型对象身上有一个 constructor 属性，通过 构造函数名.prototype.constructor 又可以指回这个构造函数 通过构造函数我们可以new一个实例对象，在这个实例对象身上有一个 _proto_ 原型，指向的是 构造函数中 prototype 原型对象 同样，我们也可以用 实例名._proto_.constructor指回这个构造函数（由于 实例名._p
2021-08-15 16:51:06
183
原创 面向对象以及面向过程的介绍
一、面向过程（POP） 面向过程就是分析出解决这个问题所需要的步骤，然后用函数把这些步骤一步一步的实现，使用的时候再一个一个依次调用就可以了。例如：我们要把大象装进冰箱里，面向过程的做法：打开冰箱门 把大象装进去 关上冰箱门面向过程，就是按照我们分析好了的步骤，按照步骤解决问题二、面向对象（OOP） 面向对象就是把事物分解称为一个一个的对象，然后由对象之间分工与合作。在面向对象的程序开发思想中，每一个对象都是功能中心，具有明确分工。例如：我们要把大象装进冰...
2021-08-13 15:46:07
233
原创 用jquery实现Todolist
核心思路： 为了防止页面刷新时数据丢失，我们可以把数据保存到我们的本地存储 localStorage 里面。因为在我们的localStorage 中，数据是以字符串格式存储的，但是我们的数据列表是一个数组（对象），因此我们在把数据存放到localStorage 中时，要先用 JSON.stringify() 方法 把数据转换成字符串形式，同理，我们在读取数据时，也要做一个转换，用JSON.parse() 方法把所获取的数据格式转换成对象格式的。1、我们封装了3个函数： ge...
2021-08-12 23:18:37
465
原创 echarts出现 “TypeError: Cannot read property ‘init‘ of undefined“报错解决
导入echarts时原本写的：import echarts from 'echarts'改成：import * as echarts from 'echarts'问题解决！
2021-07-30 09:33:50
280
原创 弹框的用法（element-ui）
// 根据用户id删除用户 async removeUser(id) { const confirmResult = await this.$confirm('此操作将永久删除该用户, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning', }).catch((err) => { return e..
2021-07-29 15:46:17
915
转载 vue router 如何使用params query传参，以及有什么区别
Vue router如何传参params、query是什么？params：/router1/:id ，/router1/123，/router1/789 ,这里的id叫做paramsquery：/router1?id=123 ,/router1?id=456 ,这里的id叫做query。路由界面：router.js:路由设置这里，当你使用params方法传参的时候，要在路由后面加参数名，并且传参的时候，参数名要跟路由后面设置的参数名对应。使用query方法，就没有这种限制，直接在跳转里面用
2021-07-29 14:17:14
309
原创 正则表达式验证规则（Vue）
1、 验证邮箱的规则varcheckEmail=(rule,value,callback)=>{//验证邮箱的正则表达式constregEmail=/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/if(regEmail.test(value))returncallback()callback(newError('请输入合法的邮箱'))}...
2021-07-29 11:13:21
671
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人