JavaScript
一拖再拖 一拖再拖
简洁的美
展开
-
javascript 实现文件下载,不跳转页面
这个函数的作用是根据传入的url和fileType,下载对应的文件。其中,fileType的类型有:pdf、word、excel、ppt、txt、png、jpg、gif、bmp、tiff、svg。如果传入的url为空,抛出错误;如果传入的fileType为空,抛出错误。使用该函数实现了在浏览器端。如果有错误,欢迎指正。进行下载文件的功能。原创 2023-05-23 12:31:48 · 1281 阅读 · 0 评论 -
javascript Worker 教程
一般遇到计算量大,占用内存的高的场景,应该考虑使用 javascript Worker ,它让javascript从单线程变为了多线程。它的最大优点是,通过多线程避免了因为大量的计算导致页面卡顿。我们看下下面这个例子。当你打开这个文件的时候,页面会卡死,用户无法输入任何内容,导致用户体验非常不好。使用Worker虽然很好,但依旧需要考虑它的兼容性。页面执行,可以发现页面没有卡顿了,即使计算量很大。首先我们需要判断浏览器是否支持 Worker。原创 2023-05-12 20:29:36 · 722 阅读 · 0 评论 -
element 省市区选择 javascript 省市区选择
这里介绍element中创建省市区选择和原生javascript中的省市区选择。原创 2022-11-14 15:07:48 · 1918 阅读 · 4 评论 -
javascript 大文件下载,分片下载,断点续传
既然是断点续传,自然离不开分片下载。接下来,我们将一个文件分片并一个一个下载。首先,我们需要获取文件的大小,以便更好地对其进行分段。原创 2022-11-04 00:05:04 · 6153 阅读 · 13 评论 -
JavaScript 深拷贝
【代码】JavaScript 深拷贝。采用递归方式设置深拷贝函数原创 2022-10-24 12:51:34 · 394 阅读 · 0 评论 -
阳历转阴历,阳历转中国农历
阳历转阴历一直都是很繁琐的过程,所以我制作了一个开发包,来方便我们转换阳历到中国农历。moon-time 是一个将阳历转换为阴历(中国农历)的工具。原创 2022-10-13 14:05:20 · 752 阅读 · 2 评论 -
React教程(详细)
React是一个用于构建用户界面的 JavaScript 库。1:创建一个 React 程序2:开始3:使用 class 和 function 创建组件3.1:function 组件3.2:class 组件4:生命周期5:state6:事件处理6.1:方式一:不绑定this6.2:方式二:绑定this,返回函数调用6.3:方式三:绑定this,使用bind绑定7:条件渲染8:列表9:受控组件值的实时修改原创 2022-09-14 01:00:23 · 3692 阅读 · 0 评论 -
ES6新特性,ES6详解
该 ES6 内容包含了ES7、ES8、ES9、ES10、ES11 的特性。我们通常会使用 ES6 来统一概括这些新特性。1:前言2:let与const 3:Promise 异步操作4:Class 类5:箭头函数6:函数默认值7:模版字符串8:解构赋值9:展开语法10:对象属性缩写11:模块化12:includes13:指数运算符14:async/await15:Object对象遍历16:Object.getOwnPropertyDescriptors()17:padStar原创 2022-07-07 23:07:46 · 1293 阅读 · 0 评论 -
javascript阻止事件默认行为,阻止事件传播冒泡,兼容IE
javascript阻止事件默认行为,阻止事件传播冒泡,兼容IE文章目录javascript阻止事件默认行为,阻止事件传播冒泡,兼容IE1:兼容写法2:禁止元素默认行为3:禁止元素事件传播冒泡1:兼容写法兼容ie的默认行为,事件传播:let eventUtil = { //默认行为 preventDefault:function(event){ if(event.preventDefault){ event.preventDefault() }else{ event.retu原创 2022-04-10 17:37:20 · 1155 阅读 · 0 评论 -
使用JavaScript使浏览器进入全屏或退出全屏
使用JavaScript使浏览器进入全屏或退出全屏首先使用fullscreenElement判断浏览器是否在全屏状态。如果是:则调用exitFullscreen函数退出全屏,否则调用requestFullscreen进入全屏。代码如下: function fullScreenOrOff() { if (!document.fullscreenElement) { //进入全屏 document.documentEle原创 2021-11-05 18:06:00 · 949 阅读 · 1 评论 -
javascript 类(伪)数组和数组的区别
javascript 类(伪)数组和数组的区别文章目录javascript 类(伪)数组和数组的区别1:类(伪)数组和数组的区别2:原因3:将类(伪)数组转成数组1:类(伪)数组和数组的区别相同点:都具有length属性和索引元素不同点:类数组没有任何Array属性和Array方法(比如push)2:原因最常用的类数组是 arguments :function test(){ console.log(typeof arguments)}test();可以发现输出的类型是 obj原创 2021-07-19 16:28:35 · 1916 阅读 · 1 评论 -
JavaScript 中的相等性判断-3种方式
JavaScript 中的相等性判断-3种方式相等性判断-双等于号(==)相等性判断-三等于号(===)相等性判断-Object.is()1:非严格相等 ==使用非严格相等比较时会自动转换: let a = "10"; let b = 10; console.log(a==b);output:true此时的数字10将自动转换为10的字符串。2:严格相等 ===严格相等运算符比较两个值是否相同,并且两个比较值在比较之前没有原创 2021-05-25 19:11:14 · 351 阅读 · 1 评论 -
什么是闭包?
闭包:调用一个函数作用域中变量的函数称为闭包。通常发生在嵌套函数中。例如: function aa(){ var a = 100; function bb(){ return ++a; } return bb; } var cc = aa(); cc(); console.log(cc()); // 输出原创 2021-04-15 01:22:04 · 93 阅读 · 1 评论 -
JavaScript 检测 DOM 变化(监听 dom 高度变化)
JavaScript 检测 DOM 变化需要JavaScript MutationObserver 来检测dom变化。API:MutationObserverMutationObserver 包含三种方法:disconnect():防止MutationObserver实例继续接收通知,直到再次调用其 observe() 方法,并且不会再次调用观察者对象中包含的某些函数为止。observe():将MutationObserver配置为在DOM更改与给定选项匹配时开始通过其替换功能接收通知。tak原创 2021-03-05 17:43:38 · 5431 阅读 · 1 评论 -
原型和原型链-JavaScript
原型和原型链原型:每个对象都有原型对象。原型链:原型对象也可能拥有原型,一层一层,并从其中继承方法和属性。此外:1⃣️:每个 实例对象 都有 __proto__ 来访问原型对象。2⃣️:每个 构造函数 都有 prototype 来访问原型对象。3⃣️:并且该 实例对象 的 __proto__ == 该 构造函数 的 prototype。4⃣️:查找属性时,实例对象 会依次查找继承的原型对象属性。听着比较抽象: function a(){ }原创 2020-11-21 03:38:17 · 176 阅读 · 0 评论 -
null和undefined的区别
null和undefined的区别null:代表空对象undefined:代表变量未赋值总结:定义变量但未分配值时,输出undefined变量可以指定为 null,但不能分配给 undefined当变量设置为 null 时,类型为 object例子:1⃣️:当定义一个变量但未对其进行赋值时,输出 undefined。 var a; console.log(a)output:undefined如果未创建变量就进行使用,输出 a is not defined cons原创 2020-11-11 20:35:53 · 448 阅读 · 0 评论 -
Google 谷歌翻译 API
API 地址:https://translate.google.com/translate_a/single?client=webapp&sl=zh-CN&tl=en&hl=zh-CN&dt=at&dt=bd&dt=ex&dt=ld&dt=md&dt=qca&dt=rw&dt=rm&dt=sos&dt=ss&dt=t&source=bh&ssel=0&tsel=0&.原创 2020-05-29 14:35:00 · 11182 阅读 · 0 评论 -
js获取当前时间
js获取当前时间 //获取当前时间 var timestamp = Date.parse(new Date()); var date = new Date(timestamp); //获取年份 var Y = date.getFullYear(); //获取月份 var M = (date.getMonth() + 1 < 10 ?...原创 2020-01-09 17:18:42 · 256 阅读 · 0 评论 -
Javascript替换示例|Javascript字符串Replace()方法
一:Javascript替换示例|Javascript字符串Replace()方法目录一:Javascript替换示例|Javascript字符串Replace()方法1:Javascript字符串replace()(==替换某个字符串==)2:Javascript替换正则表达式匹配(==替换中括号==)3:替换JavaScript中子字符串的多次出现(==替换多次出现的数据==)4:Javas...原创 2019-11-18 14:32:59 · 426 阅读 · 0 评论 -
JavaScript延迟执行,定时器
JavaScript延迟执行,定时器setInterval() 定时器var test = setInterval(function(){ // do something console.log("hello world") }, 1000) clearInterval(test) // 取消定时器setTimeout() 延迟执行...原创 2019-11-07 13:46:15 · 625 阅读 · 1 评论 -
从JavaScript数组中删除元素
从JavaScript数组中删除元素目录从JavaScript数组中删除元素1:使用Splice删除JavaScript中的数组元素2:使用pop从数组末尾删除元素3:使用shift从数组的开头删除元素4:使用拼接按值删除数组项5:使用数组过滤器方法按值删除项目6:使用Delete运算符明确删除数组元素7:清除或重置JavaScript数组注意:JavaScript数组没有remove方法...原创 2019-11-06 20:16:19 · 376 阅读 · 0 评论