- 博客(45)
- 问答 (19)
- 收藏
- 关注
RSS订阅原创 vue控制台报错Duplicate keys detected: ‘xxxx‘. This may cause an update error.解决方案
报错原因：在v-for循环中，key值可能重复了，之前绑定的是id值，这种情况可以用index索引值来代替。看到这种字眼 第一反应可能是key出问题了，结果查资料还真是，key值必须是唯一的，只要重复就会报这个问题。
2023-06-15 15:30:19
1495
原创 vscode提代码
不知道大家都用什么提代码，之前我一直用的是idea，还真是没用过vscode，说是前端开发人都不信了...浅浅记录下用vscode git提代码吧。2、提完代码添加注释，其他成员好知道你提的是啥，方便合代码，先把所有修改过的文件点击+暂存 ，最后commit提交。1、（没有这个图标的话crtl shift +G就出现了）4、注意提交前pul到本地，然后push推送。3、对勾或者commit提交。
2023-06-09 13:59:33
2507
原创 css伪元素 before after的用法
在日常的代码中经常会发现类名带有::before 或者::after，但是这两个到底是什么呢？然后我们发现，给before和after设置了宽高，但是并没有起作用，也没有独自占，由此可见。然后举一个最近用到的例子吧，改变elementui 弹窗样式，正常的如下这种样式。暂且分享这些，后续会继续补充有关高度塌陷的内容，也涉及到了伪元素。这个就可以用到这个::after伪元素了，还那刚才的样式举例子。除了可以改变样式外，我们会发现每一个都用到了。改变样式需要在提示下加一条横线，类似这种。
2023-03-16 16:42:57
780
1
原创 vue项目，详情页在新的tab页面展示
我们都知道vue是单页面应用，但是有的时候会有不同的需求，比如你点开一个商品的详情，那么它的详情信息需要在新的页面展示才方便，如果还在当前页面的话，对于用户来说体验感不好，查看一个商品的详情，想要再查看另一个商品就需要返回商品列表页，然后再点击其他商品。多了一个返回的步骤。
2022-11-24 13:49:20
1145
原创 鼠标经过图片在边框内放大动效
样式：图片由一个盒子包着，盒子加上overflow:hidden的样式，即可以保证图片在边框内放大。鼠标经过时候，看图，应该可以看出变化吧！然后给图片加上动画效果就可以了。
2022-11-24 13:01:08
334
原创 vue提交数据清空表单与弹窗数据
父组件清空数据方法，在子组件需要的时候直接通过this.$parent.父组件方法名()调用即可。表单填完几项基本数据点击提交，出弹窗，然后填写手机号验证码后，点击弹窗的确认，提示信息。”......“，点击我知道了，此时弹窗关闭之时，表单数据清空，弹窗数据清空。
2022-11-24 12:28:53
4362
原创 深拷贝 浅拷贝 赋值的区别以及如何实现
将一个对象从内存中完成的拷贝一份出来，从堆内存中重新开辟一个新的区域存放数据。那么新拷贝出来的对象，不管是基本数据类型还是引用用数据类型，都不会对原对象有任何影响。所以说，如果改变的是基本数据类型的值，那么新对象不受影响，如果改变的是引用数据类型的值，因为他们的地址值是一样的，所以新旧对象都会跟着变化.相当于又创建了一个新对象，这个对象有着原始对象属性值的一份精确拷贝。也就是说，如果原始对象是基本数据类型，那么拷贝到就是。，如果原对象是引用数据类型的话，那么拷贝的就是引用数据类型的。
2022-09-19 23:19:40
136
原创 选项卡切换 内容也跟着变 微信小程序
如果点击的id值和当前的id值一样，那么给它加上对应的样式并且切换.②.点击切换样式，这个就判断一下两个id值是否一样，一样的话说明选中了，给它加上对应的样式，否则为空。三元运算符这里不过多解释了。③.对应的内容，用到的是swiper-item，给swiper绑定change事件，当前的内容即为选中的id内容。WXSS （container detail是我上边盒子的名字，不影响使用，如果不对的话可以自己适当写样式.）swiper起初效果是，滑动可以切换内容，但是顶部的标题并不会跟着变化。
2022-09-11 10:25:19
460
原创 vue修饰符
vue中的事件修饰符常用：1.prevent：阻止默认事件2，stop：阻止事件冒泡3.once：事件只触发一次4.capture：使用事件的捕获模式5.self:只有event.target是当前操作的元素时才触发事件6.passive：事件的默认行为立即执行，无需等待事件回调执行完毕CSS代码： vue实例代码：.........
2022-07-10 00:46:17
200
原创 清除浮动的几种方式
先来了解一下什么是高度塌陷：当所有子元素浮动的时候，且父元素没有设置高度，这时候父元素就会产生高度塌陷举个栗子：这是没有清除浮动的样子：这是清除浮动后的样子： 方法一：给父元素单独定义高度注：（以下只贴改动的代码）优点：快速简单，代码少缺点：无法进行响应式布局 方法二：父级定义overflow:hidden;zoom:1;(针对ie6的兼容)，只定义overflow：hidden也是可以实现效果的优点：快速简单，代码少，兼容性较高缺点：超出部分被隐藏 方法三：在浮动元素后边加一个空标签，并
2022-07-01 13:08:14
148
原创 Get和Post的区别
1.Get是从服务器上获取数据，Post是向服务器传送数据2、url可见性：get，在客户端，get通过url提交数据，参数url可见；post，数据放在html header种提交，url参数不可见3、数据传输上：get，通过拼接url进行传递参数；post，通过request，body体传输参数4、缓存性：get请求是可以缓存的post请求不可以缓存5、后退页面的反应get请求页面后退时，不产生影响post请求页面后退时，会重新提交请求6、安全性get较不安全（提交数据最多只能有1024字节）post较
2022-06-30 16:50:41
88
原创 hasOwnProperty用来干嘛的
hasOwnProperty：是用来判断一个对象是否有你给出的名称的属性或对象。有则返回true，没有返回false，不过需要注意的是，此方法无法检查该对象的原型链中是否具有该属性，该属性必须是对象本身的一个成员。前面提到此方法无法检测该对象的原型链中是否有该属性，举个例子： 示例二：string对象的原型上本来就有这个属性,自然返回true 部分参考： https://blog.csdn.net/liulanba/article/details/112479803?
2022-06-12 15:23:56
9759
原创 数组的方法有哪些
1.map：遍历数组，返回回调返回值组成的新数组2.filter过滤 3. some（一真则真）/every（一假则假）4.join 通过指定连接符生成字符串5.sort/reverse 排序和反转数组 这两个皆改变原数组6.push/pop：数组末尾推入和弹出 改变原数组，7.unshift/shift 数组头部推入和弹出，推入返回长度，弹出返回操作项8.concat连接数组，两个或多个 9.slice(start,end) 返回截断后的新数组
2022-06-10 16:14:38
1397
原创 如何获取一个对象的原型对象
函数的prototype属性1、每个函数都有一个protopype属性，它默认指向一个Object空对象（即称为：原型对象）原型对象中有一个constructor，它指向函数对象console.log(Cat.prototype.constructor === Cat)2、给原型对象添加属性（一般是方法）===>实例对象可以访问========显式原型与隐式原型1.每个函数function都有一个prototype，即显式原型（属性）2.每个实例对象都有一个__prot.
2022-05-12 14:43:09
1418
1
原创 ES6-ES11
(function(){ //匿名函数自调用 var a = 3 console.log(a+3) //6})()var a = 4console.log(a) //4(function(){ var a = 1 function test(){ console.log(++a)}window.$ = function(){ return{ test:test }}})()$().test() //2判断：typeof：可以区别：数值、字符串、布尔值、und
2022-02-05 11:48:02
582
原创 js基础知识总结
一、数据类型Number Boolean Null Undefined1.强制转换类型:①.转换为Number②.其他进制的数字十六进制 ：a = 0X10八进制：a = 070像这种070 当我们用parseInt进行转换的时候，有的浏览器会把它当作八进制数字，转换出来就是56而有的浏览器，就是把它当作普通的070，也就是十进制，那他转换出来是70那么我们为了指定它，需要加上10或者8↓a = "070"a = parseInt(a,10)====70a = par..
2022-01-30 11:13:15
446
原创 Git命令行基本操作
Git和代码托管中心代码托管中心任务:维护远程库局域网环境下GitLab服务器外网环境下GitHub码云初始化git仓库 最直接的效果就是创建了一个.git目录以.开头的都是隐藏目录设置签名用户名：tomEmail地址： [email protected]作用：区分不同开发人员的身份辨析：这里设置的签名和登录远程库（代码托管中心）的账号、密码没有任何关系命令项目级别/仓库级别：仅在当前本地库范围内有效git confi...
2021-12-28 21:01:13
788
1
原创 删除节点的倒数第n个节点
19.删除节点的倒数第N个节点给你一个链表，删除链表的倒数第n个结点，并且返回链表的头结点。示例1：输入：head = [1,2,3,4,5], n = 2输出：[1,2,3,5]示例2：输入：head = [1], n = 1输出：[]示例3：输入：head = [1,2], n = 1输出：[1]提示：链表中结点的数目为sz 1 <= sz <= 30 0 <= Node.val <= 100 1 ...
2021-12-12 15:47:49
190
原创 23:4 error ‘xxx‘ is defined but never used no-unused-vars
23:4 error 'error' is defined but never used no-unused-vars✖ 1 problem (1 error, 0 warnings)报错内容为’error‘定义未使用，与eslint有关解决办法：在报错信息处加上注释// eslint-disable-line no-unused-vars例：可以解决...
2021-12-03 16:18:28
377
原创 To install it, you can run: npm install --save
报错信息如下： ERROR Failed to compile with 1 errors 下午11:14:39This dependency was not found:* !!vue-style-loader!css-loader?{"sourceMap":true}!../../../node_modules/vue-loader/lib/style.
2021-11-22 11:11:16
43003
1
原创 新下载好的idea双击没反应 打不开
2021.2idea下载安装完成 双击没反应.细节不多说 挂大神链接https://blog.csdn.net/hnzmdpan/article/details/119845850?utm_source=app&app_version=4.16.0&code=app_1562916241&uLinkId=usr1mkqgl919blen
2021-11-03 08:23:32
1388
3
原创 Error running ‘XXX‘: Address localhost:1099 is already in use
进程被占用，关闭进程就好了win+R进入cmd ，找到1099 的PID 每个人都不一样，比如我这里是389601.netstat -ano继续执行命令tasklist 找到刚才你那个PID 看看是哪个进程占用了打开任务管理器 详细信息 找到占用端口的任务 结束任务就好了...
2021-10-31 15:56:54
136
原创 localStorage SessionStorage cookie session之间有什么区别
localStorage SessionStorage cookie session之间有什么区别?localStorage 生命周期：关闭浏览器后数据仍然保留，除非手动清除，否则一直在 作用域：相同浏览器的不用标签在同源情况下可以共存localStorage sessionStorage 生命周期：关闭浏览器或标签后即生效 作用域：只在当前标签可用，当前标签的iframe中且同源可以共享 cookie 是保存在客户端的，一般由后端设置值，可以设置过期时间 储存大小只有.
2021-10-29 18:54:48
271
原创 拦截登录状态 vue生命周期
已经登陆成功了，如果我们不想点击返回就还能退回到登陆页面，此时就需要用到拦截。拦截登陆状态的几种方式不加拦截状态，如果我们在登录成功之后 改变地址到localhost：8050/ 还会跳回到登录页面，不安全。1.最简单的一种，在vue生命周期created阶段（后面会补充一下vue生命周期，各阶段特点）created() { var manager =JSON.parse(sessionStorage.getItem("manager")) if(
2021-10-29 17:49:48
656
原创 Avoid mutating a prop directly since the value will be overwritten whenever the parent component...
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "addMemberVisible"found in
2021-10-29 16:44:29
291
原创 Linux文件内容查看
Linux系统中使用以下命令来查看文件的内容cat 由第一行开始显示文件内容 tac 由最后一行开始显示（tac是cat的倒着写） nl显示的时候 顺道输出行号 more一页一页的显示文件内容 less与more类似，但是比more更好的是，可以往前翻页 head只看头几行 tail只看尾部几行...
2021-10-21 15:09:40
77
原创 对于（i%2）的理解
if（i%2）{执行语句}else{执行语句}我们都知道if语句的用法，如果判断条件为True，且bool值为真，那么会执行if里面的语句。i%2会得到一个属，由布尔值我们可以知道，只有结果为0时，bool值才为false。所以i%2不为零的时候 执行i里面的语句，否则执行else里面的语句。i%2一般用来判断奇偶数 i%2==0 为偶数 i%2==1说明为奇数...
2021-10-16 14:01:30
4530
原创 Linux文件属性查看和修改
在Linux中第一个字符代表这个文件是目录，文件或链接文件当为[d]则是目录当为[-]则是文件当为[l]则表示链接文档当为[b]则表示为装置文件里面的可供存储的接口设备当为[d]则是目录
2021-10-16 10:34:01
759
原创 Linux常用的基本命令 必须掌握
目录管理绝对路径：路径的全称例如：C:\ProgramData\360safe\xxx.xx相对路径：比如360safe目录下，这个xxx.xx文件，对应我们的相对路径就为/xxx.xx切换目录命令 cd返回上一级目录:cd…返回当前目录：cd./...
2021-10-16 01:27:39
85
原创 Another app is currently holding the yum lock； waiting for it to exit...
在linux的centos上面使用yum安装东西的时候提示当前yum被占用 强制关闭进程就好了命令:rm -f /var/run/yum.pid继续安装
2021-10-13 10:18:09
68
原创 js 实现红绿灯
<html> <head> <meta charset="utf-8"> <title></title> </head> </style> --> <style> .box{ width:250px; height:52px; padding:15px 30px; border:2px solid #ccc; .
2021-10-12 15:30:43
805
原创 js编写程序 移除数组中与2相等的元素 并生成一个新数组
移除数组arr([1,2,3,4,2,5,6,2,7,2])中与2相等的元素 并生成一个新数组，不改变原数组<script> var arr = [1,2,3,4,2,5,6,2,7,2]; var newArr = []; //遍历数组 for(var i = 0;i<arr.length;i++){ //找出不等于2的元素 if(arr[i]!==2){ newArr(newArr.length) = arr[i] } } //输出生成的新数组
2021-10-12 15:26:33
3349
1
原创 167.两数字和II 输入 有序数组 javascript
给定一个已按照 非递减顺序排列的整数数组numbers ，请你从数组中找出两个数满足相加之和等于目标数target 。函数应该以长度为 2 的整数数组的形式返回这两个数的下标值。numbers 的下标 从 1 开始计数 ，所以答案数组应当满足 1 <= answer[0] < answer[1] <= numbers.length 。你可以假设每个输入 只对应唯一的答案 ，而且你 不可以 重复使用相同的元素。示例 1输入：numbers = [2,7,11,15]...
2021-10-10 16:51:38
47
原创 876.链表的中间结点
给定一个头结点为head的非空单链表，返回链表的中间结点。如果有两个中间结点，则返回第二个中间结点。示例 1：输入：[1,2,3,4,5]输出：此列表中的结点 3 (序列化形式：[3,4,5])返回的结点值为 3 。 (测评系统对该结点序列化表述是 [3,4,5])。注意，我们返回了一个 ListNode 类型的对象 ans，这样：ans.val = 3, ans.next.val = 4, ans.next.next.val = 5, 以及 ans.next.next.next ..
2021-10-08 15:44:09
62
原创 搭建Vue脚手架 并创建一个项目
1.安装node.js环境官网下载:http://nodejs.Nodejshttp://nodejs.org/en/download/傻瓜式安装 一直点下一步2.安装完进入cmd①node -v②npm -v如果显示出node和npm的版本号说明安装成功，建议选择高版本nodejs 低版本容易出错Vue.js官方脚手架工具就使用了webpack模板webpack全局安装npm install webpack -g（-g为全局安装）同样，可以查看版...
2021-10-05 21:02:44
79
原创 用javascript求两数之和
给定一个整数数组 nums和一个整数目标值 target，请你在该数组中找出 和为目标值 target的那两个整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例 1：输入：nums = [2,7,11,15], target = 9输出：[0,1]解释：因为 nums[0] + nums[1] == 9 ，返回 [0, 1] 。示例 2：输入：nums = [3,2,4], t...
2021-10-03 17:55:51
1318
空空如也
前端官网改版链接旧的url
2024-05-07
腾讯问卷支持默认选中吗，引入问题
2024-04-17
css背景图上加文字
2024-04-09
nuxt3如何实现轮播图效果
2024-04-08
微信开发者工具真机模式头像不显示
2024-01-25
微信小程序表单获取焦点，弹出键盘
2024-01-24
微信小程序自定义键盘
2024-01-23
去除输入框中的反斜杠
2024-01-11
table内有数组，如何赋值
2023-12-15
级联选择器回显不出来数据，
2023-11-23
vue elementui左侧菜单栏样式
2023-09-21
elementui table 数据左对齐无效
2023-08-08
vue table数组赋值问题
2023-08-03
table动态展示数据问题
2023-08-02
vue table分页序号错乱
2023-08-01
elementui tab样式问题
2023-07-31
table展开行，里面数据和表头对齐
2023-07-28
sheet页切换需要不清空查询条件
2023-07-26
vue elementui table表头有固定的数据也有动态的数据
2023-07-20
el-table切换后保持勾选状态不变问题
2023-06-27
选项卡切换添加loading效果问题
2023-06-13
table设置最小高度问题
2023-05-31
vue项目中涉及到的模板模块的开发实现思路
2023-04-26
表格按条件筛选显示出现的问题.
2023-04-26
elementui 多选下拉框只显示个数问题
2023-04-23
js 数据push问题
2023-04-17
时间组件修改后不立即更新视图
2023-04-13
表格嵌套时间组件传参问题
2023-04-07
级联组件动态获取数据问题
2023-03-29
自定义展开行样式问题
2023-03-24
table展开行显示数据问题
2023-03-24
请求拦截器时间能否改变问题
2023-03-22
table操作栏最后一列固定后样式修改问题
2023-03-22
tab切换效果样式修改
2023-03-21
table默认选中样式
2023-03-15
table展开后样式设置
2023-03-14
操作栏控制表格展开收起问题
2023-03-13
table自定义展开行
2023-03-09
sqlyog数据库连接失败
2023-03-03
tree组件查询后结果渲染问题
2023-03-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人