随笔分类 - javascript常用方法
摘要：在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。 通常这种情况下我们怎么去解决的呢？一般来讲，防抖和节流是比较好的解决方案。 让我们先来看看在事件持续触发的过程中频繁
阅读全文
摘要：目录 String.prototype.matchAll - 由 Jordan Harband 提出 import() - 由 Domenic Denicola 提出 BigInt – 任意精度整数，由 Daniel Ehrenberg 提出 Promise.allSettled - 由 Jason
阅读全文
摘要：数组扁平化概念 数组扁平化是指将一个多维数组变为一维数组 [1, [2, 3, [4, 5]]] > [1, 2, 3, 4, 5] 实现 1. reduce 遍历数组每一项，若值为数组则递归遍历，否则concat。 function flatten(arr) { return arr.reduce
阅读全文
摘要：js中排序的几种方法 刚面试一家公司，被问到了各种排序方法 ，现在总结下各类排序方法，如下： 1.sort()方法 var ar1=[2,4,6,8,1,3] var ar2=[2,16,36,8,56] ar1.sort() ar2.sort()//这个方法值只能排序第一位数 也可以字符串进行排序
阅读全文
摘要：1 import Vue from 'vue' 2 Vue.directive('longpress', function (el, binding){ 3 var timer = null; 4 var start = function (e) { 5 // 如果是点击事件，不启动计时器，直接返回
阅读全文
摘要：1.利用Cookie，来设置接口携带的‘token’ 执行命令npm install js-cookie，在js工具类中引入， /** @format */ import Cookie from 'js-cookie'; function getToken() { return Cookie.get
阅读全文
摘要：众所周知，HTML代码一直是搜索引擎抓取的重点。搜索引擎会将HTML中的某些元素标签作为影响网页排名的重要依据 在我们之前的文章中也或多或少地向大家介绍了有关HTML代码的优化技巧，接下来将系统地讲解HTML代码的几个优化重点。 1.Title 标签 Title 标签能够告诉用户和搜索引擎网页页面的
阅读全文
摘要：.clearfix { *zoom:1;}.clearfix:after{clear:both; display:block; height:0; visibility:hidden; line-height:0; content:'\20';}
阅读全文
摘要：i++,代表 先赋值，在加；++i,代表先自加再赋值；后台console例子中可以看到第一个例子；var a= i++; i是等于1的；先赋值，所以打印出a =1的；而i++后为2；所以打印出a =1; i = 2;第二个例子；var a= ++i; 先自加在赋值；所以，打印出i=2的；而++i =
阅读全文
摘要：基本概念 cookie：是网景公司的前雇员在1993年发明。它的主要用于保存登陆信息，比如登陆某个网站市场可以看到'记住密码’，这就是通过在cookie中存入一段辨别用户身份的数据来实现的。 sessionStorage：会话，是可以将一部分数据在当前会话中保存下来，刷新页面数据依旧存在。但是页面关
阅读全文
摘要：功能一：获取map地图窗口的可视区域： var map = new BMap.Map("allmap"); // 创建Map实例 map.centerAndZoom(new BMap.Point(116.4035,39.915), 14); //初始化时，即可设置中心点和地图缩放级别。 var bs
阅读全文
摘要：Js apply方法详解 我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共
阅读全文
摘要：最近又遇到了JacvaScript中的call()方法和apply()方法，而在某些时候这两个方法还确实是十分重要的，那么就让我总结这两个方法的使用和区别吧。 1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。 2. 相同点：这两个方法的作用是一样的。 都是在特定的作用
阅读全文
摘要：try…catch 结构 一旦发生错误，程序就中止执行了。JavaScript 提供了try...catch结构，允许对错误进行处理，选择是否往下执行。 try { throw new Error('出错了!'); } catch (e) { console.log(e.name + ": " +
阅读全文
