
JavaScript
林中明月间。
努力又平庸 ,自卑又内敛 。
展开
-
includes在数组中检查每一项是否包含某内容,并把他们的下标存放在一个数组中
【代码】includes在数组中检查每一项是否包含某内容,并把他们的下标存放在一个数组中。原创 2024-11-27 16:46:12 · 151 阅读 · 0 评论 -
JS删除对象属性的三种方法\delete关键字用法
在 JavaScript 中,对象就像是保存键值对的容器。但是,如果你需要从对象中删除属性,该怎么办?今天这篇文章,我将分享三种方法,希望对你有所帮助。转载 2024-10-31 15:03:34 · 1524 阅读 · 0 评论 -
Javascript 函数默认参数、默认传参
现在我们使用ES6给出的默认值写法。转载 2024-07-05 11:05:37 · 433 阅读 · 0 评论 -
Js files转文件大小(size),显示成多少M, 多少G, 多少K
【代码】Js files转文件大小(size),显示成多少M, 多少G, 多少K。转载 2024-07-05 10:53:10 · 1164 阅读 · 0 评论 -
JS实现导出Excel和CSV操作
【代码】JS实现导出Excel和CSV操作。转载 2024-04-23 15:24:14 · 70 阅读 · 0 评论 -
Js截取视频vedio第一帧为图片
【代码】Js截取视频vedio第一帧为图片。转载 2024-04-17 18:00:24 · 616 阅读 · 1 评论 -
图片过大 canvas.toBlob 报错、Failed to execute ‘createObjectURL‘ on ‘URL‘ Overload resolution failed
报错问题:"图片过大 canvas.toBlob 报错" 可能是由于 canvas 转换为 Blob 时,图片的尺寸超过了系统或浏览器的限制。确保在缩小图片尺寸的时候不要过度压缩,以免影响图片质量。转载 2024-04-10 15:10:01 · 793 阅读 · 0 评论 -
JS hasOwnProperty用法、判断对象是否包含某属性值、字段
所有继承了 Object.prototype 的对象都会从原型链上继承到 hasOwnProperty 方法,这个方法可以用来检测一个对象是否含有特定的自身属性,和 in 运算符不同,该方法会忽略掉那些从原型链上继承到的属性。转载 2023-09-08 16:49:20 · 483 阅读 · 0 评论 -
Js(filter)移除数组指定的元素或者某一项、(Vue移除数组指定的项并更新ui)
filter可以移除一项或者同时移除指定的多项 推荐。原创 2022-09-27 10:09:09 · 4899 阅读 · 0 评论 -
重写toFixed四舍五入出现的问题
vue 局部页面使用,采用export方式。vue全局使用 在main.js里面重写。转载 2022-09-24 16:03:17 · 258 阅读 · 0 评论 -
JS创建数组的方式
JS创建数组的方式原创 2022-08-29 10:34:01 · 1157 阅读 · 0 评论 -
Js原生ajax请求
ajax 的核心就是我们今天要学的的原生请求,**XMLHttpRequest**对象。一. XMLHttpRequer 对象创建: 通过 new 来创建。open: 接收三个参数,分别为请求类型,请求的URL,请求是否异步,该方法为发送请求做好准备send: 接收一个参数,请求体发送的内容,如果不发送,必须写入null,该方法开始发送请求status: 相应的 HTTP 状态码,当位于 200~300 或者 等于 304 时,说明响应成功返回。...转载 2022-08-12 15:27:48 · 1125 阅读 · 0 评论 -
Js保留到有数位、decimal有效数位
Js保留到有数位、decimal有效数位转载 2022-07-21 16:53:35 · 935 阅读 · 0 评论 -
JS sort() 方法使用详解
https://www.jb51.net/article/71717.htmsort()方法主要是用于对数组进行排序,默认情况下该方法是将数组元素转换成字符串,然后按照ASC码进行排序,这个大家都能理解,但如果数组元素是一个Object呢,转不了字符串,难道不能进行排序?答案当然是否定的,那么我们就来详细探讨下sort()方法的使用语法:arrayObject.sort(sortby);参数sortby可选。规定排序顺序。必须是函数。sort() 方法用于对数组的元素进行排序。如果调用该方法转载 2022-04-21 20:56:46 · 24881 阅读 · 0 评论 -
js是否包含某个字符、是否包含某个属性hasOwnProperty
只写常用的js 查找字符串中是否包含指定的字符串 - 柠夏 - 博客园//es6 新增str.includes("i")//如果字母存在返回 true 不存在 falseconsole.log(str.includes("i"))// true str.startsWith("ai")//是否以选中的字符串开头 是 true 不是 falseconsole.log(str.startsWith("ai"))//false1、indexOf()var str = "123";co.转载 2022-01-25 14:19:12 · 362 阅读 · 0 评论 -
相对路径、绝对路径写法
绝对路径写法:/code/people/main/index.html 或者c:/website/img/images/photo.jpg相对路径写法:images/pic.png 或者 ./images/pic.png 或者 ../images/pic.png (./当前 ../上一层)1 相对路径:基于当前文件, 其他文件的路径.写法: ./虚拟目录/资源路径这里自我约束几个条件约束1: 寻找任意资源都需要一个名称 即:对于任意资源,写法最短为: ./xxx...转载 2021-07-09 11:49:14 · 4707 阅读 · 0 评论 -
Ts 学习记录
在浏览器运行 TStsc --watch index.ts原创 2021-07-05 21:32:09 · 204 阅读 · 0 评论 -
创建订单轮询查看支付状态
createOrder(params).then(res=>{ Toast('创建定单成功'); state.showPay = true; // 订单ID state.orderNo = res.id; payOrder(state.orderNo, {type:'aliyun'}).then(re..转载 2021-05-12 21:39:10 · 1465 阅读 · 0 评论 -
Js保留两位小数(不四舍五入)、toFixed保留两位小数、小数乘100后精度丢失
https://blog.youkuaiyun.com/weixin_39648539/article/details/111497480转载 2021-04-19 22:55:31 · 1216 阅读 · 0 评论 -
JS判断是否为手机
原生js<script type="text/javascript"> if ( /AppleWebKit.*Mobile/i.test(navigator.userAgent) || /MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test( naviga转载 2021-04-10 22:33:33 · 1586 阅读 · 0 评论 -
application/json、application/x-www-form-urlencoded、 multipart/form-data
Content-TypeContent-Type(MediaType),即是Internet Media Type,互联网媒体类型,也叫做MIME类型。在互联网中有成百上千中不同的数据类型,HTTP在传输数据对象时会为他们打上称为MIME的数据格式标签,用于区分数据类型。最初MIME是用于电子邮件系统的,后来HTTP也采用了这一方案。在HTTP协议消息头中,使用Content-Type来表示请求和响应中的媒体类型信息。它用来告诉服务端如何处理请求的数据,以及告诉客户端(一般是浏览器)如何解析响应的数据转载 2021-03-09 16:17:43 · 1528 阅读 · 0 评论 -
Vue、Js滚动条到底部加载更多数据
链接:https://zhuanlan.zhihu.com/p/335058248$(window).scroll(function() {//下面这句主要是获取网页的总高度,主要是考虑兼容性所以把Ie支持的documentElement也写了,这个方法至少支持IE8var htmlHeight = document.body.scrollHeight || document.documentElement.scrollHeight;//clientHeight是网页在浏览器中的可视高度.转载 2020-12-09 17:39:04 · 1411 阅读 · 1 评论 -
input 标签的 accept 属性、excel等文件类型
https://blog.youkuaiyun.com/mp624183768/article/details/84761914?ops_request_misc=&request_id=&biz_id=102&utm_term=input%2520accept&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~sobaiduweb~default-2-84761914.nonecasehttps://blog.转载 2020-12-08 18:42:41 · 8103 阅读 · 0 评论 -
Js中所有事件列表,on+事件名,React 适用
https://reactjs.org/docs/events.html#clipboard-eventsClipboard Events:onCopy onCut onPasteKeyboard Events:onKeyDown onKeyPress onKeyUp onFocus onBlurForm Events:onChange onInput onInvalid onReset onSubmitMouse Events:onClick onContextMen.转载 2020-12-08 11:28:25 · 984 阅读 · 1 评论 -
Vue限制input仅能输入正整数或浮点数指令
https://zhuanlan.zhihu.com/p/150844281该指令主要解决了以下问题:v-model同步问题 中文输入法导致input触发了但v-model同步失效 可扩展到其他UI框架下,如element 注意,我们通过手工触发input事件会再次进入指令,如此就成了死循环,所以此处需要判断是否需要去更新v-model,进而确定是不是需要手工去触发事件。 以上代码看上去是ok的,但实际使用时会遇到一个很奇怪的现象:当用中文输入法时,尝试输入中文的字符确实会...转载 2020-11-27 15:47:08 · 2957 阅读 · 0 评论 -
JS中将对象转化为数组,数组转对象
https://www.cnblogs.com/wancheng7/p/8735168.html对象的两种取值方式我们都知道,JS中对象有两种取值方式,通过在.后面直接加属性名取值,这也是我们最常使用的一种方式,例如:let obj = {name: 'wan'};console.log(obj.name); //wan这是最普通的一种方式,还有一种方式我们用的不太多,就是使用[]包住属性名取值,类似于数组那样,例如let obj = {name: 'wan'};consol转载 2020-11-27 12:04:46 · 3718 阅读 · 0 评论 -
js空格处理
https://www.cnblogs.com/a-cat/p/8872498.htmlJS判断字符串是否为空或是否全为空格var test = " ";//为空或全部为空格if (test.match(/^[ ]*$/)) { console.log("all space or empty");}str.trim()方法 trim()方法是用来删除字符串两端的空白字符并返回,trim方法并不影响原来的字符串本身,它返回的是一个新的字符串。 缺.转载 2020-11-11 19:29:35 · 1077 阅读 · 0 评论 -
JS合并数组对象中重复数据
https://www.jianshu.com/p/c50515d369c4var oldData = [ {a:1,b:2,c:3,d:2,e:1}, {a:1,b:2,c:3,d:3,e:2}, {a:1,b:2,c:3,d:4,e:3}, {a:1,b:2,c:3,d:5,e:4} ] var oldDataRule = [] oldData.forEach(el => { var oldObj = {.转载 2020-10-14 21:35:58 · 1811 阅读 · 0 评论 -
Vue,Js禁止自动填充浏览器记住的密码?
https://www.zhihu.com/question/23529765综合以上答案 可以这样写,但是我也只是测试了chrome与firefox,可行的用户名:<input type="text" autocomplete="off">密码:<input type="password" autocomplete="new-password" readonly onfocus="this.removeAttribute('readonly');" onblur="this.转载 2020-10-10 10:51:59 · 4998 阅读 · 0 评论 -
图片懒加载\滚动加载
* { padding: 0; margin: 0;}#main { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -moz-column-gap:20px; -webkit-column-gap:20px; column-gap:20px; paddin转载 2017-11-27 18:27:46 · 693 阅读 · 0 评论 -
【Vue】JS什么是深拷贝,与浅拷贝、JSON.parse使用(解码unicode)
区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,拿人手短,如果B没变,那就是深拷贝,自食其力。JSON.parse(JSON.stringify(obj))我们一般用来深拷贝,其过程说白了 就是利用JSON.stringify 将js对象序列化(JSON字符串),再使用JSON.parse来反序列化(还原)js对象;序列化的作用是存储(对象本身存储的只是一个地址映射,如果断电,对象将不复存在,因此需将对象的内容转换成字符串的形式再保存转载 2020-09-17 16:50:26 · 1867 阅读 · 0 评论 -
Vue js获取指定日期到今天的相差天数(数值)
//指定时间大于当前时间为负,指定时间小于当前时间为正dateDiff: function (targetDate) { let date1 = new Date(targetDate); let date2 = new Date(); date1 = new Date(date1.getFullYear(), date1.getMonth(), date1.getDate()); date2 = new Date(date2.getFullYear(),.转载 2020-09-16 16:05:46 · 4497 阅读 · 0 评论 -
Vue 前端导出、下载zip/excel文件流blob、public静态文件下 实现下载本地文件、Vue打包后下载静态资源里的pdf文件
downloadAll() { axios({ method: "get", url: "api/TemplateDownload/GetAllTemplateZIP", headers: { "content-type": "application/json; charset=utf-8", Authorization: Cookies.get("token") || "", }, .转载 2020-09-14 19:21:28 · 8837 阅读 · 0 评论 -
Vue 比较两个对象里的值是否相同
有个取巧的方法JSON.stringify一下,把对象转化为字符串let r = JSON.stringify(this.RightDetail);let l = JSON.stringify(this.LeftDetail);console.log(r == l)if(r == l){ this.$Message.warning("配货明细,必须修改!"); return;}...原创 2020-09-10 19:47:00 · 9627 阅读 · 1 评论 -
ES6...扩展运算符操作\传参
https://www.jianshu.com/p/7414dc5537a5复制和合并数组变得更为简洁。不需要使用 concat() 方法或 slice() 方法,一个 ... 操作符已经足够:const arr1 = [10, 20, 30];const copy = [...arr1];console.log(copy); // → [10, 20, 30]const arr2 = [40, 50];const merge = [...arr1, ...arr2];c转载 2020-09-02 17:14:00 · 431 阅读 · 0 评论 -
Vue如何在iframe中刷新\关闭整个页面
if(res.success){ parent.location.reload(); //刷新整个当前页}function loadUrl(url) { if (window != top){ top.location.href = url; return; } window.location.href = url; }转载 2020-08-29 15:40:21 · 8203 阅读 · 0 评论 -
JS数组转对象,对象转数组
<script type="text/javascript"> //数组转对象 var a = [1,2,3,4] var obj = {...a}// {0: 1, 1: 2, 2: 3, 3: 4} var obj2 = {} a.forEach((item,index)=>{ obj2[index] = item }) //{0: 1, 1: 2, 2: 3, 3: 4} function toObj(a.转载 2020-07-21 14:16:54 · 3544 阅读 · 0 评论 -
原生JS创建一个对象里面的点击事件、addEventlistener()方法,事件监听
addEventListener()方法,即为事件监听;可以使用removeEventListener()方法来移除事件的监听。element 可以是 window、document、oDiv 等 //语法: element.addEventListener(event,function,Boolean); // 其中第一个参数是事件的类型(如'click 或 'mousedown') // 第二个参数是事件触发后调用的函数。 // 第三个参数是个布尔值用于描述事件是冒.转载 2020-07-12 16:48:13 · 7945 阅读 · 2 评论 -
H5移动端开发遇到问题,和方案
1. 弹出数字键盘 <!-- 有"#" "*"符号输入 --> <input type="tel"> <!-- 纯数字 --> <input pattern="\d*">安卓跟IOS的表现形式应该不一样,大家可以自己试试。当运用了正则pattern后,就不用关注input的类型了打开原生应用 <a href="weixin://">打开微信</a> <a href="alipays:/.转载 2020-06-30 14:51:23 · 254 阅读 · 0 评论 -
Js return小结
https://blog.youkuaiyun.com/q3254421/article/details/83154247?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-5.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-5.nonecase先看.转载 2020-06-24 17:19:56 · 466 阅读 · 1 评论