随笔分类 - javascript
摘要：1.Date.parse() 参考自文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date/parse Date.parse() 方法解析一个表示某个日期的字符串，并返回从 19
阅读全文
摘要：在工作中，用到了 mraid.js 库，其中封装了事件监听逻辑，代码如下： var EventListeners = function (event) { this.event = event; this.count = 0; var listeners = {}; this.add = funct
阅读全文
摘要：有时候一些项目中会使用类似如下的方式覆盖掉console对象： var console = {}; console.log = function(){}; console.info = function(){}; window.console = console; 这个时候如果需要在控制台调试一些接
阅读全文
摘要：1. 定义window.onerror全局事件函数 window.onerror = function(message, source, lineno, colno, error) { ... } / * * message：错误信息（字符串）。可用于HTML onerror=""处理程序中的eve
阅读全文
摘要：// 方法一：从左到右迭代，从高位判断，返回高位的大小结果 注意：仅适用于版本号各个位的位数相同 let versions = ["1.45.0", "1.5", "6", "2.3.4.5"]; versions = versions.sort((a, b) => { let arr1 = a.s
阅读全文
摘要：一、将对象转为字符串比较 这是最容易想到的方法，主要使用JSON.stringify()这个方法对对象进行强转： var a={}; var b=new Object(); console.log(JSON.stringify(a)=="{}") //true console.log(JSON.st
阅读全文
摘要：方法一 全局重写 setTimeout function overrideSetTimeout(fn){ return function(callback, delay, params){ var _callback = function(){ try{ callback(); }catch(err
阅读全文
摘要：引入 我们都知道 try catch 无法捕获 setTimeout 异步任务中的错误，那其中的原因是什么。以及异步代码在 js 中是特别常见的，我们该怎么做才比较？ 无法捕获的情况 function main() { try { setTimeout(() => { throw new Error
阅读全文
摘要：Array.prototype.forEach() forEach() 方法对数组的每个元素执行一次给定的函数。 forEach() 方法按升序为数组中含有效值的每一项执行一次 callbackFn 函数，那些已删除或者未初始化的项将被跳过（例如在稀疏数组上，见下方的示例）。 可依次向 callba
阅读全文
摘要：Array.prototype.flat() flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 const arr1 = [0, 1, 2, [3, 4]]; console.log(arr1.flat()); // expected
阅读全文
摘要：为Array实现一个Reader,通过接口getReader获取，Reader 有一个接口 read(n)每次调用会按顺序读区数组的n（默认为1）个元素，调用不会改变数组本身的值，若数组已全部读取完则返回空数组，若传入的参数不为正整数则抛出异常例： const arr = [1, 2, 3, 4,
阅读全文
摘要：// 1.for方法跳出循环 function getItemByIdFor(arr, id) { var item = null; for (var i = 0; i < arr.length; i++) { console.log("for循环 i", i); if (arr[i].id ==
阅读全文
摘要：async function async1() { console.log("async1 start"); //2 await async2(); console.log("async1 end"); // 6 } async function async2() { console.log("as
阅读全文
摘要：document.documentElement.scroll 仅在 ios 有效， document.body.scrollTop 仅在 安卓有效 document.documentElement.scroll，在PC上有效果，在IOS/安卓上没效果 document.body.scroll，在I
阅读全文
摘要：移动端点击穿透原理 当同时绑定 touchstart、touchend、click 三个事件的时候，触发的先后顺序是：touchstart -> touchend -> click。正是由于这种 click 事件的滞后性设计从而会产生事件穿透（点击穿透）问题。 移动端 click 事件点击会有 30
阅读全文
摘要：需求 实现一行多个盒子块元素可以在浏览器窗口改变的时候，根据浏览器视口不同的宽度，响应式改变元素的宽且可自动换行，切尽量不在右侧留白。 注意，要实现此逻辑，首先盒子块元素需要定义一个最大宽和最小宽，才能根据这两个边界值进行计算。 块元素之间有边距。 实现 <!DOCTYPE html> <html
阅读全文
摘要：用到的事件： onmousedown：鼠标的按下事件 onmouseove：鼠标的移动事件 onmouseup：鼠标的松开事件 执行步骤： 先获取鼠标在页面中的位置 获取鼠标按下时 mousedown 鼠标距离盒子内部的位置：用鼠标的位置减去盒子距离画布页面X，Y轴的距离就是鼠标在画布内的位置e.p
阅读全文
摘要：Math.floor(Math.random() * (max - min + 1) + min) // 获取 min-max之间的随机整数，包括左右大小值的边界 Math.floor(Math.random() * (max - min) + min) // 仅获取>=小值 && < 大值的 随机
阅读全文
摘要：方法一： selection api 配合 createRange api 配合 document.execCommand('copy', true) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS选中
阅读全文
