![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
thankseveryday
这个作者很懒,什么都没留下…
展开
-
JavaScript call,apply,bind 的用法区别
【代码】JavaScript call,apply,bind 的用法区别。原创 2023-12-22 08:47:43 · 99 阅读 · 0 评论 -
网页置灰的方法(兼容IE)
通过 css 滤镜可以非常方便的给网页完成置灰。HTML 添加一个统一的滤镜即可。但为了兼容 IE,就需要借助插件。如果需要保留特殊元素不被置灰,那就使用选择器:其它的几种置灰方式:使用 SVG 滤镜使用 backdrop-filter 实现首屏置灰遮罩借助混合模式实现网站置灰但是,IE 对以上方式无效借助插件:注意,这里又是为了兼容性,最好使用 jquery,用选择器的时候能免去不少麻烦。cd…原创 2022-12-04 01:27:02 · 1150 阅读 · 0 评论 -
从搜狐的开放的接口里读取数据
【代码】从搜狐的开放的接口里读取数据。原创 2022-11-11 21:43:19 · 162 阅读 · 0 评论 -
JavaScript 监听页面滚动到元素位置执行 css 动画
🍊使用 JavaScript 监听页面滚动目标元素,添加 css 动画。原创 2022-07-20 09:14:39 · 1186 阅读 · 0 评论 -
JavaScript 使用 .replace(正则, 函数) 获取地址参数妙不可言的用法
在阅读一段源码时,看到这么一段代码,可以获取到地址中所有的参数:function getUrlVars(href) { var vars = {}; var parts = href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) { vars[key] = value; }); return vars;}这里重点要说的就是原创 2022-05-10 21:34:38 · 1327 阅读 · 0 评论 -
JavaScript 字符串 split 使用技巧(如何保留分割符)
// 不保留分隔符"A、B、C".split("、") == ["1", "2", "3"]// 保留分割符"A、B、C".split(/(、)/g) == ["1", "、", "2", "、", "3"]"A、B、C".split(/(?=、)/g) == ["1", "、2", "、3"]"A、B、C".split(/(?!、)/g) == ["1、", "2、", "3"]"A、B、C".split(/(.*?、)/g) == ["", "1、", "", "2、", "3"]//原创 2022-03-27 09:40:27 · 3911 阅读 · 0 评论 -
JavaScript 创建下载
/** * 生成下载 * @param {string} fileName 文件名 * @param {string} fileType 文件后缀名 * @param {string} content 文件内容 */makeDownload(fileName, fileType, content) { var pom = document.createElement('a'); pom.setAttribute('href', 'data:text/plain;charset=u原创 2021-10-09 15:04:57 · 303 阅读 · 0 评论 -
jQuery 获取页面地址参数
// 获取页面 url 参数$.getUrlParam = function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null;}// 使用$.getUrlPar原创 2021-09-13 12:48:54 · 1016 阅读 · 0 评论 -
JavaScript 计算相隔日期之间的天数、小时数、分钟数、秒数
// 起始日期到现在相差秒数let second = parseInt(new Date().getTime() / 1000) - parseInt(new Date('2021-08-4').getTime() / 1000)// 相差天数let day = parseInt(second / 60 / 60 / 24); // 相差小时let hour = parseInt(second / 60 / 60); // 相差分钟数let minutes = parseInt(second原创 2021-08-11 21:15:02 · 1790 阅读 · 0 评论 -
JavaScript 笔记
暂停 JavaScript 执行:function sleep(ms) { for(var t = Date.now();Date.now() - t <= ms;); } sleep(200);原创 2021-07-14 21:53:24 · 48 阅读 · 0 评论 -
JavaScript 如何复制数组而不是引用
方法1const arr1 = ['a', 'b', 'c']const arr2 = arr1.concat()console.log(arr2) // ['a', 'b', 'c']arr2.push('d')console.log(arr1) // ['a', 'b', 'c']console.log(arr2) // ['a', 'b', 'c', 'd']方法2const arr1 = ['a', 'b', 'c']// 写法一const arr2 = [...a原创 2021-07-11 18:27:43 · 212 阅读 · 0 评论 -
Node.js 使用 got.stream 下载文件
got 是 node.js 完成 HPPT request 的模块。要对 API 完成一次请求非常简单:const got = require("got");got(url) .then(response => console.log(response.body)) .catch(error => console.log(error.response.body));下载文件可以使用 got.stream 方法,或设置 got 请求参数 isStream: truegot.s原创 2021-06-13 10:18:10 · 2260 阅读 · 2 评论 -
一个示例「run」清楚 JavaScript 的 async 和 await
看不少教程,也一直在用,就是云里雾里的。借鉴别人的一段代码,自己跑跑看,终于清爽很多。async 和 await 都一个修饰符,都是获取返回的 promise 内容。async 修饰的函数会返回一个 promise 对象await 放在调用返回值为 promise 对象的函数前使用await 关键字仅在 async 函数中有效。如果在 async 函数体外使用 await ,你只会得到一个语法错误。如果在循环中使用 await 语句,就要使用 for 循环,其它的如 each 中不起作用as原创 2021-06-09 20:00:18 · 149 阅读 · 0 评论 -
微信小程序云开发:云函数实现简单的路由
内容比较简单,直接上代码。使用很方便,免得安装依赖。// 云函数入口文件const cloud = require('wx-server-sdk')cloud.init()// 云函数入口函数exports.main = async (event, context) => { const wxContext = cloud.getWXContext() // 定义简单的路由 if (event.action && routeHelper[even原创 2021-03-06 13:23:11 · 513 阅读 · 0 评论 -
JS数组reduce()方法详解及应用技巧
目录1、语法2、实例解析 initialValue 参数2.1 例2.2 例3、reduce的简单用法4、reduce的高级用法4.1 计算数组中每个元素出现的次数4.2 数组去重4.3 将二维数组转化为一维4.4 将多维数组转化为一维4.5 对象里的属性求和reduce()方法可以搞定的东西,for循环,或者forEach方法有时候也可以搞定,那为啥要用reduce()?这个问题,之前我也想过,要说原因还真找不到,唯一能找到的是:通往成功的道路有很多,但是总有一条路是最捷径的,亦或许reduce()逼转载 2021-01-05 22:32:48 · 207 阅读 · 0 评论 -
JavaScript 判断对象属性是否存在(对象是否包含某个属性)
JS 判断对象属性是否存在,判断是否包含某个属性,是否为自身属性判断是否包含某对象我们知道访问对象属性有两种形式,如下:var obj = { name:'听风是风'};obj.name; //听风是风obj['name']; //听风是风那么马上有同学就想到用这两种形式判断对象是否包含某个属性,因为原型链上如果某个属性不存在就会返回undefined,比如:if(!obj.age){ console.log('obj没有age属性');}这么做行不行,行,但是存转载 2021-01-04 10:28:14 · 37535 阅读 · 2 评论 -
js怎么判断数组是否包含另一个数组
let a = [1, 2, 3, 4, 5, 6, 7, 8];let b = [1, 2];let c = [3, 9];function includes(arr1, arr2) { return arr2.every(val => arr1.includes(val));}console.log(includes(a, b)); //trueconsole.log(includes(a, c)); //false妙啊!转载自:https://blog.csdn.n转载 2020-12-30 19:30:13 · 2831 阅读 · 0 评论 -
js 中 a = a || {} 是什么意思?
const a = a || {}这句话的意思是:如果 a 具有真值(不是undefned,null,NAN,false,0中的任意一 种) ,则这个a可以被使用 。否则将 a 定义为一个空的object对象 {}这样做的目的是,如果a没有被定义,在下面的代码里如果使用到变量a,浏览器将会抛出 xxx is undefined 的异常。大多数浏览器处理此异常的方法是停止执行其后的js代码。所以预先处理好可能发生这种异常的情况,属于一种异常处理机制。...原创 2020-09-17 19:27:55 · 1373 阅读 · 0 评论 -
JavaScript 使用 window.localStorage 在客户端存储数据
localStorage 的优势localStorage 拓展了 cookie 的 4K 限制。localStorage 会可以将第一次请求的数据直接存储到本地,这个相当于一个 5M 大小的针对于前端页面的数据库,相比于 cookie 可以节约带宽,但是这个却是只有在高版本的浏览器中才支持的。判断浏览器是否支持 localStorage 这个属性:if(! window.localStorage){ alert("浏览器不支持localstorage"); return fals原创 2020-05-14 21:29:37 · 792 阅读 · 1 评论 -
maze 游戏设计
在这里插入图片描述原创 2020-04-26 10:40:16 · 160 阅读 · 0 评论 -
代码着色插件
Prismhttps://prismjs.com/原创 2020-02-21 15:36:52 · 216 阅读 · 0 评论 -
JavaScript拾遗
$.extend({},defaults, options)这样做的目的是为了保护包默认参数。也就是defaults里面的参数。做法是将一个新的空对象({})做为$.extend的第一个参数,defaults和用户传递的参数对象紧随其后,这样做的好处是所有值被合并到这个空对象上,保护了插件里面的默认值。$.fn.myPlugin = function(options) { var ...原创 2019-03-30 21:44:01 · 85 阅读 · 0 评论