JavaScript
关注
分享
扫一扫
吴冬雪~
Everything is the best arrangement.
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JavaScript find() 方法
find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。当数组中的元素在测试条件时返回true时, find() 返回符合条件的元素，之后的值不会再调用执行函数。如果没有符合条件的元素返回 undefinedfind() 对于空数组，函数是不会执行的。find() 并没有改变数组的原始值。原创 2021-04-13 16:32:44 · 639 阅读 · 0 评论 -
javaScript 判断对象中是否存在某个属性
【代码】javaScript 判断对象中是否存在某个属性。转载 2021-04-16 15:46:35 · 121 阅读 · 0 评论 -
JS获取当前时分秒时间值
javascript自带有个对象(构造函数)，Date()：varmyDate=newDate();// 实例一个时间对象；myDate.getFullYear();// 获取系统的年；myDate.getMonth()+1;// 获取系统月份，由于月份是从0开始计算，所以要加1myDate.getDate();//获取系统日，myDate.getHours();// 获取系统时，myDate.getMinutes();// 分myDate.get转载 2021-04-25 21:01:15 · 8046 阅读 · 0 评论 -
去除数组中某一属性值相同的对象元素
【代码】去除数组中某一属性值相同的对象元素。原创 2021-05-28 21:28:15 · 1360 阅读 · 0 评论 -
js 封装倒计时
【代码】js 封装倒计时。原创 2022-10-13 19:49:16 · 391 阅读 · 0 评论 -
js复制功能插件clipboard
【代码】复制功能插件clipboard。原创 2022-11-11 11:02:02 · 553 阅读 · 0 评论 -
计算两个时间之间相差的天数
Date.parse()函数用于分析一个包含日期的字符串，并返回该日期与 1970 年 1 月 1 日午夜之间相差的毫秒数，该函数属于Date对象，所有主流浏览器均支持该函数。入参是new Date(‘2023-01-13 10:14:30’)这样的格式。原创 2023-04-18 16:47:25 · 718 阅读 · 0 评论 -
js获取元素的宽高 clientWidth、offsetWidth、scrollWidth
【代码】js获取元素的宽高 clientWidth、offsetWidth、scrollWidth。转载 2023-05-24 16:25:11 · 930 阅读 · 0 评论 -
JS中对于对象数组按照对象的某个属性进行排序
【代码】JS中对于对象数组按照对象的某个属性进行排序。原创 2023-06-14 14:30:04 · 199 阅读 · 0 评论 -
vue3.0清空历史记录history
【代码】vue3.0清空历史记录history。原创 2023-08-03 17:15:35 · 2045 阅读 · 0 评论 -
判断数组中值是否重复
【代码】判断数组中值是否重复。原创 2022-12-30 17:37:23 · 203 阅读 · 0 评论 -
instanceof 检测原理
字面量方式创造的基本数据类型值是无法基于 instanceof 检测的「浏览器默认并不会把它转换为new的方式」，所以它本身不是对象，不存在__proto__这个东西。+ 所有实例的原型链最后都指向Object.prototype，所以 “实例 instacnceof Object”的结果都是true。+ 基于instanceof可以细分一下不同类型的对象「也可以检测出基于构造函数方式创建出来的基本类型对象值」+ 在JS中原型链是可以改动的，所有结果不准确。+ 临时当“壮丁”的，存在很多问题。原创 2022-07-25 19:55:07 · 327 阅读 · 0 评论 -
重写内置call、bind
柯理化思想「预处理思想」原创 2022-07-21 19:06:03 · 134 阅读 · 0 评论 -
分析内置new的原理，重写
/ 创建一个空对象，并且让创建的这个空对象的.__proto__指向[proto] “把[proto]作为创建对象的原型”let obj = Object.create(null);//->创建一个空对象，并且阻止了他的__proto__指向「没有这个属性了」原创 2022-07-21 17:54:27 · 109 阅读 · 0 评论 -
js 根据url 下载图片
// js 根据url 下载图片export const downloadIamge = (imgsrc, name) => { // 下载图片地址和图片名 let image = new Image() // 解决跨域 Canvas 污染问题 image.setAttribute('crossOrigin', 'anonymous') image.onload = function () { let canvas = document.createElement('can.转载 2021-07-06 18:12:28 · 1131 阅读 · 0 评论 -
Promise.all和Promise.race
顾名思义，Promse.race就是赛跑的意思，意思就是说，Promise.race([p1, p2, p3])里面哪个结果获得的快，就返回那个结果，不管结果本身是成功状态还是失败状态。Promse.all在处理多个异步处理时非常有用，比如说一个页面上需要等两个或多个ajax的数据回来以后才正常显示，在此之前只显示loading图标。二、Promise.race的使用。一、Pomise.all的使用。原创 2021-06-29 10:50:29 · 1298 阅读 · 0 评论 -
1.格式化date 获取年月日 2. 20210626时间字符串返回标准日期格式数据
原创 2021-06-26 17:10:28 · 243 阅读 · 0 评论 -
.map()、.forEach()、.filter()
原生js中数组可以直接通过map(),filter()函数来进行一次操作，他们分别是做一次统一映射，和一次过滤。说的更通俗一点，就是map函数之后，数组元素个数不变，但是按照一定的条件转换，数组元素发生了变化。filter函数之后，数组元素个数可能发生了改变，但是数组元素不会发生改变。...原创 2021-06-17 18:49:44 · 573 阅读 · 1 评论 -
封装trim方法，去除字符串首尾指定字符
@param {String} type 左右位置，值为left、right，不传则是首尾两端。* @description 封装trim方法，去除字符串首尾指定字符。* @param {String} char 删除的字符。原创 2021-06-17 18:00:01 · 386 阅读 · 0 评论 -
判断时间某一时刻的前后
原创 2021-06-11 16:56:33 · 248 阅读 · 0 评论 -
import和require
import属于加载前置得机制，因此将其全放在代码顶部，代码解析逐个import获取一个引入的列表，先引入依赖，再向下执行代码，加载前置 re'q原创 2021-06-10 11:17:55 · 173 阅读 · 0 评论 -
input设置type为number,但是还能输入e等符号,处理方法。且限制输入个数为4位
【代码】input设置type为number,但是还能输入e等符号,处理方法。且限制输入个数为4位。转载 2021-06-01 17:19:28 · 962 阅读 · 1 评论 -
前端实现下载、导出
【代码】前端实现下载、导出。原创 2021-05-31 20:53:08 · 1695 阅读 · 0 评论 -
dom事件级别
dom事件级别其实就是一些制定的标准：有0,2,3三种标准。0级就是类似下图那样，用onclick来绑定事件，也没有自定义事件啥的。事件会被覆盖。到了2级可以开始有多个事件，还支持事件的冒泡和捕获的设置。【false是冒泡，true是捕获】addeventListener(event,listener,useCaptrue) IE11以下：attachEvent(event,listener)到了3级，多了一些事件类型能够绑定。还多了自定义事件。【这一块主要能和事件的绑定，冒泡...转载 2020-11-11 19:25:58 · 333 阅读 · 0 评论 -
vue中使用js-md5插件进行MD5加密 并将密文大小写转换
hex_md5("123456");//"e10adc3949ba59abbe56e057f20f883e" 在大小写上可以使用1、转换成大写：toUpperCase()2、转换成小写：toLowerCase()原创 2020-11-10 12:33:27 · 3382 阅读 · 1 评论 -
函数防抖与节流
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>函数防抖</title> <style> #box { width: 200px; height: 2.原创 2020-08-01 23:37:52 · 149 阅读 · 0 评论 -
判断是不是数组类型的几种方法？
Array.isArray() 推荐 Array.isArray([1, 2, 3]); // true 用于确定传递的值是否是一个Array instanceof console.log([1,2] instanceof Array); // true当检测Array实例时,Array.isArray优于instanceof,因为Array.isArray能检测iframes。参考https://developer.mozilla.org/zh-CN/docs/...原创 2020-05-15 09:13:40 · 665 阅读 · 0 评论 -
js实现深度克隆函数clone(）
今天聊一下clone这个前端面试高频问题，由此引出typeof、instanceof、Object.prototype.toString这些javascript Api。js对象之间的赋值，如果直接用"="会发现来两个对象还是同一个对象，改变其中一个另外的一个也会做出对应的改变。建议先学一下js 数据类型判断 -> 参考https://blog.youkuaiyun.com/qq_37548296/article/details/105440198=======================...原创 2020-05-12 12:01:39 · 2162 阅读 · 0 评论 -
JS如何阻止事件冒泡和如何阻止默认行为
【代码】JS如何阻止事件冒泡和如何阻止默认行为。原创 2020-04-18 17:18:47 · 437 阅读 · 0 评论 -
JS 什么是 冒泡 和 捕获
冒泡和捕获的关系，只会出现在包含和被包含的结构中，兄弟关系是不会有这种关系的。冒泡和捕获只是方向的不同而已。转载 2020-04-18 16:02:26 · 1463 阅读 · 0 评论 -
js以逗号分隔的字符串怎么转化为数组
var str = "aaa,bbb,ccc";var arr = str.split(',');//检测是不是数组的实例console.log(arr instanceof Array);//true原创 2020-04-11 19:57:46 · 11836 阅读 · 0 评论 -
前端实现数组去重，如何高效快捷？
是比较笨拙的方法，它实现的原理很简单：先定义一个包含原始数组第一个元素的数组，然后遍历原始数组，将原始数组中的每个元素与新数组中的每个元素进行比对，如果不重复则添加到新数组中，最后返回新数组；该方法首先定义一个空数组res，然后调用indexOf方法对原来的数组进行遍历判断，如果元素不在res中，则将其push进res中，最后将res返回即可获得去重的数组.（，遍历数组，将数组中的值设为对象的属性，并给该属性赋初始值1，每出现一次，对应的属性值增加1，这样，属性值对应的就是该元素出现的次数了.转载 2020-04-11 19:56:24 · 586 阅读 · 1 评论 -
理解 JavaScript 的 async/await
随着Nodev7 的发布，越来越多的人开始研究据说是异步编程终级解决方案的 async/await。我第一次看到这组关键字并不是在 JavaScript 语言里，而是在 C# 5.0 的语法中。C# 的 async/await 需要在 .NET Framework 4.5 以上的版本中使用，因此我还很悲伤了一阵——为了要兼容 XP 系统，我们开发的软件不能使用高于 4.0 版本的 .NET F...转载 2020-04-10 22:33:28 · 125 阅读 · 0 评论 -
js 数据类型判断
从结果中看出instanceof不能识别出基本的数据类型 number、boolean、string、undefined、unll、Symbol，但是可以识别出Array、Object、Function，同时对于是使用new声明的类型，它还可以检测出多层继承关系。null、undefined没有construstor方法，因此constructor不能判断undefined和null，并且它是不安全的，因为contructor的指向是可以被改变。此方法可以相对较全的判断js的数据类型。转载 2020-04-10 21:14:33 · 325 阅读 · 1 评论 -
js判断字段是否为空 isNull（）问题 （ js没有isNull函数，这个函数是自己写的）
//在js中if条件为null、undefined、0、NaN、""、false，表达式时，统统被解释为false,此外均为true 。//为空判断函数function isNull(str){return !str && str!==0 && typeof str!=="boolean"?true:false;}//alert(isNull(nu...原创 2020-03-20 14:01:04 · 10786 阅读 · 0 评论 -
js中逻辑值为false的6种情况
对象无初始值或者其值为 0/-0、null、""、false、undefined 或者 NaN，那么对象的逻辑值为 false。原创 2020-03-16 14:53:49 · 881 阅读 · 0 评论 -
TypeError: Cannot read property 'split' of null
str.split('.')变成(str|| "").split('.')不报错啦原创 2019-05-31 15:44:53 · 22644 阅读 · 6 评论 -
.*? 或 .*+ 是什么意思 $1,$2 是什么意思 \S 元字符
正则表达式中的 .*? 或 .*+ 是什么意思？后边多一个？表示慵懒模式。必须跟在*或者+后边用。.*? ：尽可能少的匹配.*+ ：尽可能多的匹配var str="Visit Microsoft!"document.write(str.match(/V.*t/)) // Visit Microsoftdocument.write(str.match(/V.*?t/)) /...转载 2019-05-31 15:05:57 · 17182 阅读 · 0 评论 -
正则表达式的写法（全面）
（js中正则表达式的使用方式有两种，一种是正则表达式对象的方法，一种是字符串对象的方法，前者有exec(str)、test(str)两个方法，后者有match(regexp)、replace(regexp)、search(regexp)、split(search)四个方法。1 数字：^[0-9]*$2 n位的数字：^\d{n}$3 至少n位的数字：^\d{n,}$4 m-n位的数字：^\d{m,n}$5 零和非零开头的数字：^(0|[1-9][0-9]*)$转载 2019-05-30 15:17:19 · 9102 阅读 · 0 评论