随笔分类 - Js
摘要：本次使用前端面试题库作为案例，如何去掉二维码关注验证弹窗（请支持原创） 第一种：修改样式，这种谁都会的基操 但是这种一手动刷新页面就失效了 第二种：通过overrides覆盖替换源码 首先找到 我们点击select添加上本地替换sources的文件夹 点击允许 找到请求到的css样式 点击添加到ov
阅读全文
摘要：后端为URL时候：把server给的文件URL通过fetch转换为blob类型：变成blob:xxx let url = "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F4k%2F
阅读全文
摘要：JSON.stringify大家已经不陌生了，是一个将json对象转换为字符串的方法。但是如果你在浏览器控制台中输出 JSON.stringify(window). 如果期望输出一段文字, 可能会失望了. 事实上, 会输出结果如下: VM211:1 Uncaught TypeError: Conve
阅读全文
摘要：通常获取图片的base64编码都是通过input的上传file属性获取转化，但是有时候需要的是本地图片不经过上传操作，直接拿本地图片转成base64编码就不行了，input上传操作需要人为操作一下，没有认为操作拿到的只是图片路径，现在可以通过canvas的toDataURL属性来将本地图片直接转换成
阅读全文
摘要：ES6 Class概念性介绍： extends 类的继承（当我们有很多个Class，这些Class有一些比较公用的属性） super 子类执行父类的构建过程 属性的引用 打印结果： 当我们给父类的方法前加上static后 顺便给大家推荐个好东西 vscode终端运行js打印输出 直接ctrl+alt
阅读全文
摘要：JS中的new操作符 和其他高级语言一样，JS中也有new运算符，我们知道new运算符是用来实例化一个类，从而在内存中分配一个实例对象。但在 javascript 中，万物皆对象，为什么还要通过 new 来产生对象？new操作符的基本使用：如果函数或者方法调用前带有关键字new, 则构成构造函数调用
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：加载形式： HTML/CSS/JS 图片/视频 加载过程： 1.DNS解析：域名 => IP地址 2.浏览器根据IP地址向向服务器发起http请求 3.服务器处理http请求，并返回给浏览器 页面渲染过程： HTML生成DOMTree CSS生成CSSOM 将DOMTree和CSSOM整合成Rend
阅读全文
摘要：前言 今天写一下javascript导致内存泄露的几种方式，及我们在平时工作中，如何通过谷歌浏览器查看内存使用情况。我前面的文章制作公司数据大屏的几点技术总结 ，里面用到了不少setInterval，setInterval用多了，会占用大量的内存，要我们必须及时清理，否则，运行时间一长，极有可能导致
阅读全文
摘要：最近面试 还是回到最基础的JS基础入门 自己对着ajax结合Promise又撸了一遍代码 <!-- * @Description: 描述 * @Version: 1.0 * @Autor: Nanke_南柯 * @Date: 2020-12-03 05:51:01 * @LastEditors: N
阅读全文
摘要：在看别人代码时，发现有这么个写法：[].slice.call(arguments, 0)，这到底是什么意思呢？ 1、基础 1）slice() 方法可从已有的数组中返回选定的元素。 start：必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-
阅读全文
摘要：1. javascript中变量类型分为值类型（基本数据类型）和引用类型 (1) 值类型：String(字符串)，Number(数值)，Boolean(布尔值)，Undefined，Null (2) 引用类型：Array(数组)，Object(对象)，Function(函数) 2. 值类型和引用类型
阅读全文
摘要：俗话说的好，“上班拧螺丝，面试造大海”，想进大厂的同学，除了基本工，面试官可是要你对底层原理无限扩展的哦。 JS基本数据类型和引用数据类型的区别及深浅拷贝
阅读全文
摘要：何谓节流和防抖？ 节流 节流的意思是，规定时间内，只触发一次。比如我们设定500ms，在这个时间内，无论点击按钮多少次，它都只会触发一次。具体场景可以是抢购时候，由于有无数人 快速点击按钮，如果每次点击都发送请求，就会给服务器造成巨大的压力，但是我们进行节流后，就会大大减少请求的次数。 防抖 防抖的
阅读全文
摘要：第一种:使用flat() 缺点：只能转换一层（二维转一维） console.log(arr.flat());//[ 0, 1, 2, 3, 4, 5, 6, 7, [ 8, [ 9, 10 ] ] ] 当然你也可以一直点下去 缺点：不灵活 console.log(arr.flat().flat().
阅读全文
摘要：一.常用Object方法： Object.keys() 遍历可枚举的属性，只包含对象本身可枚举属性，不包含原型链可枚举属性 let obj ={ a:1, b:2, c:3, } Object.keys(obj); // [ 'a', 'b', 'c' ] let str = "saasd字符串"
阅读全文
摘要：parseInt()、Number()这两个函数用到最多的地方就是把一个字符串转换成数据类型，那么他们都有哪些区别？####1、parseInt()parseInt（）函数将给定的字符串以指定的基数解析为整数。parseInt（string，radix）第二个参数表示使用的进制，我们一般使用10进制
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum
阅读全文
