Js
Js常用的一些方法总结
咸鱼起码是条鱼
小前端
展开
-
解决vant组件在桌面端clear事件失效问题
Vant 是一个移动端的组件库,只适配了移动端设备,组件只监听了移动端的 touch 事件,没有监听桌面端的 mouse 事件, 解决办法:引入@vant/touch-emulator,这自动将 mouse 事件转换成对应的 touch 事件,使得组件能够在桌面端使用。原创 2024-03-27 10:52:30 · 310 阅读 · 0 评论 -
js promise多个接口调用
【代码】js promise多个接口调用。原创 2024-02-21 12:42:07 · 345 阅读 · 0 评论 -
el-image的preview-src-list图片预览总是从第一张的问题
【代码】el-image的preview-src-list图片预览总是从第一张的问题。原创 2024-01-17 14:00:33 · 1325 阅读 · 0 评论 -
Cascader级联选择器数据回显
(在选中节点改变时,是否返回由该节点所在的各级菜单的值所组成的数组,若设置 false,则只返回该节点的值。注意这里的value是字符串格式,所以回显的值必须也是字符串格式。原创 2024-01-16 11:48:16 · 896 阅读 · 0 评论 -
解决element的el-input无法输入问题
【代码】解决element的el-input无法输入问题。原创 2023-11-15 15:54:45 · 480 阅读 · 0 评论 -
js唤起拨打电话功能
【代码】js唤起拨打电话功能。原创 2023-11-15 10:28:01 · 1346 阅读 · 0 评论 -
解决oss视频上传后截取的图片被旋转问题
【代码】解决oss视频上传后截取的第一帧图片被旋转问题。原创 2023-09-26 15:40:53 · 246 阅读 · 0 评论 -
解决js加减乘除精度丢失问题
参考:https://blog.csdn.net/ycclydy/article/details/123580326。原创 2023-09-14 20:10:48 · 735 阅读 · 0 评论 -
js取出数组中最大值
【代码】js取出数组中最大值。原创 2023-08-08 13:45:55 · 88 阅读 · 0 评论 -
js常用的数据类型判断
它对于大多数数据类型都能提供基本的类型信息,包括 “number”、“string”、“boolean”、“undefined”、“symbol”、“object”(包括 null)和 “function”。通过调用 Object.prototype.toString.call() 方法,可以得到一个以 “[object 类型]” 格式表示的字符串,其中类型即为变量的精确类型。需要注意的是,typeof null 返回 “object”,这是一个历史遗留问题,实际上 null 是一个特殊的基本数据类型。原创 2023-07-06 14:40:20 · 315 阅读 · 0 评论 -
js浅拷贝和深拷贝的区别及方法
会创建一个新的对象,但是新对象和原对象的一些属性指向相同的内存地址。也就是说,新对象中的一些属性只是原对象属性的引用。修改新对象中的这些属性也会影响到原对象,因为它们指向同一块内存。则是完全复制一个对象,包括对象的属性值,而不是仅仅复制对属性的引用。这样,在新对象上做任何修改都不会影响原对象。在JavaScript中,拷贝一个对象有两种方式:浅拷贝和深拷贝。它们的区别在于拷贝后的对象与原对象的关系不同。原创 2023-05-16 11:51:04 · 89 阅读 · 0 评论 -
js对象赋值
对象展开运算符(Spread Operator):通过使用展开运算符…,可以创建一个新对象,并将另一个对象的所有属性复制到新对象中。直接赋值:通过将一个对象的引用赋给另一个变量,它们指向同一个对象。当一个变量改变对象时,另一个变量也会反映出这个改变。Object.assign() 方法:该方法用于将一个或多个源对象的属性复制到目标对象中。它也可以用于创建一个新对象。手动属性复制:通过遍历源对象的属性,将它们逐个复制到目标对象中。原创 2023-05-16 11:41:53 · 986 阅读 · 0 评论 -
js数组去重方法
可以使用Map数据结构进行去重,Map对象是一组键值对的集合,其中键是唯一的,可以使用Map来存储不重复的值。可以使用ES6中的Set数据结构进行去重。Set对象是一组不重复的值的集合,可以轻松地从数组中删除重复项。可以使用reduce()方法和includes()方法来创建一个新数组,其中包含原始数组中不重复的元素。使用filter()方法和indexOf()方法可以创建一个新数组,其中包含原始数组中不重复的元素。原创 2023-05-10 09:34:22 · 34 阅读 · 0 评论 -
js数组遍历
使用该方法时,需要传入一个回调函数作为参数,该回调函数会被每个元素执行一次,回调函数的参数分别为元素的值、元素的索引、整个数组。:也是 ES5 新增的方法,它可以遍历数组并返回一个新的数组。:遍历数组中的每一个元素,对每个元素执行回调函数,如果回调函数返回true,则返回true,否则返回false,只要有一个元素满足条件,就返回true。:遍历数组中的每一个元素,对每个元素执行回调函数,如果回调函数返回true,则继续遍历,否则返回false,只有所有元素都满足条件,才返回true。原创 2023-05-10 09:26:40 · 915 阅读 · 0 评论 -
js常用方法
【代码】js常用方法。原创 2023-05-09 11:13:30 · 44 阅读 · 0 评论 -
yarn安装以及解决vscode禁止运行问题
首先:npm install -g yarnvscode显示:解决办法:1.用管理员身份打开cmd:输入:set-ExecutionPolicy RemoteSigned2.选择 y3.再次`yarn -v原创 2022-05-23 16:09:06 · 463 阅读 · 0 评论 -
less用法
1.可以声明变量,格式为:@[变量名]:[变量值],可以是颜色、长度、复合值@textColor:#ffff00;@h:100px;#box{ color: @textColor; height: @h;}2.样式嵌套#list{ list-style: none; li{ color: aqua; }}3 less可以将一个样式混入到另一个样式.rect{ width: 100px; height: 100px原创 2021-11-29 16:46:30 · 296 阅读 · 0 评论 -
js构造函数创建对象
如果一个函数中参数非常多,其中某些参数还是可选的,那么如果使用普通的形参列表,在调用时就会很麻烦需要记住每一个位置对应的是哪个参数,但是用构造函数就方便多了//声明构造函数首字母大写 function Cellphone(param) { this.brand = param.brand; this.price = param.price; this.size = param.size; this.color = param.color; this.typ原创 2021-11-29 16:01:22 · 774 阅读 · 0 评论 -
localstroage用法
注意:localStorage只能存储字符串格式,几乎支持大部分浏览器 不用考虑IE8 的问题 大小为 5M1.存储localstroage.setItem(‘openid’,‘ksjhfkjajkdfjkszdjfksad’);2.获取var openid = localstroage.getItem(‘openid’);3.删除某个值localstroage.removeItem(‘openid’);4.删除所有值localstroage.clear();5.遍历所有键值 loc原创 2021-11-24 18:09:14 · 421 阅读 · 0 评论 -
js数组对象处理
往往后端给的数据都不是最终显示的格式,需要前端做处理。假如有下面这样的一个数组对象 comboMealList: [ {id: 1, name: "商务套餐1", totalPrice: 20, totalNum: 2}, {id: 1, name: "商务套餐2", totalPrice: 15, totalNum: 1}, {id: 1, name: "自定义套餐", totalPrice: 0, totalNum: 1} ]需要处理成以 | 隔开的形式,这个效果:商原创 2020-12-02 17:01:51 · 229 阅读 · 1 评论 -
RangeError: Maximum call stack size exceeded错误分析
项目开发的时候遇到这样的运行报错:代码分析一翻译说是堆栈溢出,我估摸造成这个问题的原因可能是:1.使用了未定义的数据或者方法定义等书写错误2.页面引入了其他递归轮询方法3.可能跟vue-route有关,是不是拦截器捕获到不存在的页面等问题按照上面那个思路,我一条条查看问题,最后把问题锁定在了这个方法里:onLoad() { this.centerRing() },再看这个方法,我发现了问题所在,自己调用自己了。。。忙活了半天,我还以为是啥高级bug希望对你有所帮助!.原创 2020-11-24 15:38:51 · 8136 阅读 · 0 评论 -
jsrsasign解析token获取用户信息
在uniapp开发中,遇到一种情况,就是在某个模块,我需要根据登录的账号判断有没有权限看到该模块。于是,本来我以为这些信息都存在用户登录接口里,后来发现原来都装在token中,也就是说,我这边存储获取到token后需要自己去解析。1.下载依赖npm install jsrsasign2.封装一个公共方法import jsrsasign from 'jsrsasign'export const decodeToken = (token) => { let obj = null if (原创 2020-11-19 09:38:10 · 4732 阅读 · 1 评论 -
wangeditor富文本编辑器的使用,以及开发中遇到的奇葩bug
这两天在pc端和h5都做了一个富文本编辑器的功能。h5用的uniapp做的,它里面有editor组件直接使用就行了,其中出现的问题就是,上传图片逆时针90度旋转了,这个问题在我之前的文章也写了解决办法。这次主要说一下在pc端用wangeditor开发过程中的一些细节问题1.下载引入npm install wangeditorimport E from 'wangeditor'2.配置 mounted() { this.editor = new E(document.getElem原创 2020-11-18 10:46:51 · 4168 阅读 · 13 评论 -
js时间戳转时间方法
通常前端从后端请求过来的日期是时间戳,需要前端同志自己处理成正常的时间格式渲染在页面,在此提供了一个公共方法,供参考:这里,时间戳为10位(new Date())需*1000,时间戳为13位的话不需乘1000//第一种:时间格式为 2020-08-09timestampToTime(shijian) { var date = new Date(shijian) var Y = date.getFullYear() + '-' var M = (date.getMon原创 2020-11-17 14:52:36 · 3791 阅读 · 1 评论