![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
summer88221
这个作者很懒,什么都没留下…
展开
-
js数组和字符串相互转换
一、数组转字符串let arr = ['1', '2', '3', '4', '5', '6']arr.toString() //方法① "1,2,3,4,5,6"arr.join('==') //方法② "1==2==3==4==5==6"toString()和join()的区别是:toString()不仅仅适用于数组,还可以用于其他类型的对象join()只可用于数组,还可以指定分隔符,默认逗号分隔二、字符串转数组let str = "1,2,3,4,5,6"str.split原创 2021-04-09 15:23:27 · 98 阅读 · 0 评论 -
js判断传入时间是否在当前时间之后
new Date('2020-05-28 14:54:00') > new Date() //falsenew Date('2031-05-28 14:54:00') > new Date() //true原创 2021-04-08 15:44:52 · 574 阅读 · 0 评论 -
js移动端页面判断是否是iphoneX,然后去设置元素对应高度?
在开发h5项目有时候需要判断iPhone型号,需要区分一下是否为iPhoneX,实现如下:methods: { isIPhoneX() { let u = navigator.userAgent; let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (isIOS) { if (screen.height == 812 && screen.width == 375) {原创 2021-04-08 10:46:33 · 535 阅读 · 0 评论 -
h5页面fastClick.js点击报错处理
开发h5页面点击事件移动端会有300ms的延迟,于是便打算用fastClick.js解决。页面引入fastClick.js后,执行点击事件的时候发现谷歌浏览器会报错,如下:查询了之后发现这是因为Chrome及其内核浏览器更新了一项新特性,那么如何解决呢?一般现在有两种方案:最简单的是加上*{ touch-action: none; } 不进行任何touch相关默认行为.手动清除默认行为document.addEventListener('touchmove', function (event转载 2021-04-07 18:02:08 · 361 阅读 · 0 评论 -
JS数组slice()和splice()的区别
slice()定义:从已有的数组中返回你选择的某段数组元素,不会改变原始数组splice()定义:从数组中添加或删除元素,然后返回被删除的数组元素,会改变原始数组1、slice() 语法:arrayObject.slice(start,end) 注:1. start表示从何处开始选取,end表示从何处开始结束选取,表示一个选取的范围2. start可以为负数,此时规定从数组尾部开始算起。也就是-1指最后一个元素,-2指倒数第二个元素,以此类推3. end如果没有被指定参数,数组会包含原创 2021-04-07 17:32:13 · 580 阅读 · 0 评论 -
js 删除对象数组中指定元素
操作对象数组中指定条件的元素:例:let arr = [{ createDate: "2021-03-20", id: 1}, { createDate: "2021-03-21", id: 2}, { createDate: "2021-03-22", id: 3}, { createDate: "2021-03-23", id: 4}, { createDate: "2021-03-24", id: 5}, { createDate: "2021原创 2021-04-07 16:20:44 · 7490 阅读 · 0 评论 -
JS中map、some、every、filter用法区别
every()方法用于检测数组中所有元素是否都符合指定条件,若符合返回true,否则返回false;不会对空数组进行检测,不会改变原来的数组。some()方法用于检测数组中的元素是否有满足指定条件的,若满足返回true,否则返回false;不会对空数组进行检测,不会改变原来的数组。map() 方法返回一个新数组,新数组中的每一个元素为原始数组对应每一个元素调用函数处理后的值;不会对空数组进行编辑,不会改变原来的数组。filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所原创 2021-04-07 16:10:04 · 318 阅读 · 0 评论 -
js中 clientHeight、offsetHeight、scrollHeight的区别
1、clientHeight元素高度,包含元素的高度+内边距,不包含水平滚动条、边框和外边距仅仅包含内边距+高度2、offsetHeight元素高度 包含元素的垂直内边距和边框、水平滚动条的高度且是一个整数包含内边距+滚动条+边框即 clientHeight+滚动条高度+边框 = offsetHeight3、scrollHeight元素内容的高度,包括溢出的不可见内容参考资料:https://blog.csdn.net/shibazijiang/article/details/10389原创 2021-04-02 13:55:50 · 254 阅读 · 0 评论 -
js判断页面是否滚动到底部
原理判断页面是否滚动到底部的前提:内容区域的高度(element.scrollHeight )滚动条距离顶部的位置(element.scrollTop )内容区域的可见高度(element.clientHeight)判断条件element.scrollHeight - element.scrollTop === element.clientHeight返回true则表示滚动到底部demohandleScroll(){ let scrollTop = document.docume原创 2021-04-02 11:51:01 · 4981 阅读 · 0 评论 -
JSON.parse() 和 JSON.stringify()的用法
1、JSON.parse()用于将字符串解析成json对象:如下2、JSON.stringify()用于将对象解析成字符串:如下:原创 2021-03-10 15:03:31 · 51 阅读 · 0 评论 -
Ajax之同步请求和异步请求的区别?使用场景?
一、区别①、异步:在异步模式下,当我们使用AJAX发送完请求后,可能还有代码需要执行。这个时候可能由于种种原因导致服务器还没有响应我们的请求,但是因为我们采用了异步执行方式,所有包含AJAX请求代码的函数中的剩余代码将继续执行。如果我们是将请求结果交由另外一个JS函数去处理的,那么,这个时候就好比两条线程同时执行一样。如下:$.ajax({ type:"POST", url:"Venue.aspx?act=init", dataType:"html", suc原创 2021-03-09 15:00:19 · 1471 阅读 · 0 评论 -
JS 数组对象中过滤重复数组
在一个复杂的数组对象数据中,有时候去过滤掉重复的数组,在网上搜到的,感觉挺好用的,也没有多深入研究,直接拿来用了(捂脸)function deteleObject(obj) { var uniques = []; var stringify = {}; for (var i = 0; i < obj.length; i++) { var keys = Object.keys(obj[i]); keys.sort(function(a, b) { return (Number(a)原创 2020-12-03 09:49:02 · 2596 阅读 · 0 评论 -
JS cookie的操作
cookie的操作写(存)cookie读cookie删除cookie写(存)cookiesetCookie(name, value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + escape(value) + ";expires=" + exp.to原创 2020-12-02 11:50:15 · 75 阅读 · 1 评论 -
JS 简单的一维数组去重
1、先定义一个数组aconst a = [1, 2, 3, 4, 1, 6, 7, 1, 2, 8];2、数组去重,Set方法得到一个对象b;const b = new Set(a);3、使用Array.from() 方法将类数组对象转化为数组c;const c = Array.from(b);如下图:原创 2020-12-02 15:37:03 · 377 阅读 · 0 评论 -
JS 获取url地址栏中的参数
废话不多说,直接上代码,常用的几种方法方法①、function getQueryVariable(variable){ let query = window.location.search.substring(1); let vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].spli原创 2020-12-02 15:27:34 · 139 阅读 · 0 评论 -
JS 时间戳转标准时间
function timeFilter (time = +new Date()) { const date = new Date(time + 8 * 3600 * 1000); return date.toJSON().substr(0, 19).replace('T', ' ');}方法使用直接调用方法 timeFilter()不传参,则直接返回当前时间调用方法并传入时间戳 timeFilter(1606892418855),则直接返回对应时间戳的时间。顺便提一原创 2020-12-02 15:03:43 · 556 阅读 · 0 评论