JavaScript
关注
分享
扫一扫
文章平均质量分 59
疯狂的夏铭予
smartx.cc
展开
-
Vue中使用qrcode插件将后端给的url转为ewm图片
1.安装依赖npm i qrcode2.组件内导入import QRCode from 'qrcode'3.处理事件函数使用const qrCodeImgUrl = await QRCode.toDataURL('后端返你的url')qrCodeImgUrl就是二维码的图片链接,放到img标签的src属性上就可以了,正常应该用try,catch去包裹一下处理一下错误,不过我懒得包,感觉没这个必要。...原创 2022-03-05 17:41:10 · 537 阅读 · 0 评论 -
恶补JS基础第二轮
函数1.变量提升 var a = () => { console.log(1) } function a() { console.log(2) } a() // 打印1个人理解: 待补充2.length属性返回需要传入的形参数量 function demo(a, b, c) { } console.log(demo.length) // 33.函数的作用域函数的作用域是在声明的时候绑定的,而不是运行原创 2022-03-03 19:32:03 · 396 阅读 · 0 评论 -
input输入框的部分总结
input输入框购物车的一些总结(pc端)change事件是在失焦的时候触发的,但是如果你输入的值跟原来的值一样,失焦的时候是不是触发change事件的在输入框里面按回车键是能否触发change事件的,但是要保证输入的值跟原来的值不一样vue项目中给input的value属性也可以动态绑定一个变量,但是这种方式跟v-model的区别是给value动态绑定的变量与input输入框输入的值不是双向绑定的,也就是你把变量绑在value上,这个value就是死的,变量是多少value就是多少,不能手动输入原创 2022-02-26 22:53:17 · 448 阅读 · 0 评论 -
vue项目中改变滚动条样式
vue项目中改变浏览器滚动条的样式,推荐一个超级好用的vue组件: vuescroll.js原创 2022-02-25 22:13:38 · 379 阅读 · 0 评论 -
恶补js基础第一轮
恶补js基础第一轮变量提升(hoisting)js引擎解析代码的方式是先把所有被声明的变量放在头部,所以会出现以下情况 console.log(a) // undefined var a = 1标识符可以使用中文名字作为标识符,标识符就是你给你的变量起的名字 // 合法 var 夏鸣予 = '哎呀呀'这里我的理解就是对象不是由key和value组成的吗,key就是字符串,你写中文,其实我认为js被解析的时候自动帮你转为字符串了。区块用大括号把一组语句括起来,被称原创 2022-02-23 15:18:22 · 141 阅读 · 0 评论 -
ES6学习之路（八）-类的继承
简介本文基于峰哥的ES6类的继承一节谈谈我的理解先写一个father类 class Father { constructor(money,carName) { this.money = money this.carName = carName } }在new一个Father实例的时候,我们给他配置一些金钱并配置一辆车,而在199x-200x年,你出生了,当然你可以完美继承你爸爸的金钱,你除了继承你爸爸的钱以外,你也可以开你爸爸的原创 2022-02-22 15:22:57 · 1005 阅读 · 0 评论 -
removeListener报错
问题描述<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum原创 2022-02-22 11:03:57 · 5900 阅读 · 0 评论 -
es6学习之路(7) -类
老版新版对比如果了解过C++，或者java，类的写法看起来就很舒服了 // 老版的构造函数 function House(name) { this.name = name } House.prototype.openDoor = () => { console.log('door open') } // ES6类的写法 class House { constructor(name) { this.name = name }原创 2022-02-21 17:33:52 · 374 阅读 · 0 评论 -
原生js实现放大镜效果
记录一次原生js实现放大镜效果。效果图设计思路基本架子先弄一个容器放正常的图片,中间那个蒙版(稍微有点透明的白色正方形),肯定给绝对定位,动态调left，top值,所以子绝父相,父容器给相对定位。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2022-02-20 17:28:29 · 665 阅读 · 0 评论 -
JavaScript的concat方法
数组的concat方法用途: 合并2个或多个数组变量名value1,value2,value3,…,valueN详细描述值或者数组（可以传对象）是否必传否要注意,concat返回的是一个浅拷贝示例:1.连接2个数组const arr = [1, 2, 3].concat([4, 5])console.log(arr) // [1,2,3,4,5]2.连接3个数组 const arr1 = [1, 2] const arr2 = [3,原创 2022-02-13 12:43:46 · 26844 阅读 · 5 评论 -
javaScript的includes方法
includes函数是ES6新增的方法,是我认为在实际项目中实用性非常强的一个函数。作用:判断数组是否包含指定的值判断字符串是否包含指定的子串包含返回true,不包含返回false数组或者字符串都能够使用。变量名valueToFindfromIndex描述数组:你要找的那个元素。字符串:你要找的那个字符串。起始索引详细解释传1,就从索引(index)为1的那个元素开始找,传-1,就从后往前数,因为第一个元素索引是0,所以-1就是倒数第一个,-2就是倒数第二原创 2022-02-11 17:35:38 · 7200 阅读 · 1 评论 -
JS之splice和slice函数
今天看了一下JS的Splice和slice，之前总是搞的比较混Splice要注意splice方法时可以修改原数组的！！！Splice方法可以替换,修改,删除数组中的元素,这个方法我理解为接收3个参数,详细见表格。变量名startdeleteCountitem1,item2,item3，…more描述索引,可以理解为要操作的那个数组位置(这个地方是可以传负数的,传负数,你就倒着数-1就是最后一个元素,因为第一个元素索引为0嘛)从索引开始要删除的元素个数（这个地方是可以传负数原创 2022-02-07 22:11:37 · 466 阅读 · 1 评论 -
JavaScript的reduce函数
title: JS之reduce函数date: 2022-01-14tags:reducecategories:JavaScript::: tip这是一篇关于js reduce函数的文档o(￣▽￣)ｄ:::使用了reduce方法进行了数组求和,觉得这个函数挺高级的,就去MDN学习了一下。先上代码和结果,然后在介绍。 const sum = [1, 2, 3].reduce((accumulator, currentValue) => accumulator + cu.原创 2022-02-06 11:04:06 · 1791 阅读 · 0 评论