for in 和 for of 的区别
在对数组或对象进行遍历时，我们经常会使用到两种方法: 和 ，那么这两种方法之间的区别是什么呢？让我们来研究研究 简单来说就是它们两者都可以用于遍历，不过 遍历的是数组的索引（ ），而 遍历的是数组元素值（ ） 先说说 for in 更适合遍历对象，当然也可以遍历数组，但是会存在一些问题， 比如： 索引为字符串型数字，不能直接进行几何运算 遍历顺序有可能不是按照实际数组的内部顺序 使用 会遍历数组所有的可枚举属性，包括原型，如果不想遍历原...
Web Worker：JS多线程的伪解药💊?
前言 在前端开发领域，JavaScript 的单线程限制一直是一个难以忽视的挑战。当谈到解决JavaScript的单线程限制时，HTML5引入的Web Worker被普遍认为是一剂解药💊。同时，业界中大量的文章也是聚焦于讨论web worker的神奇力量。然而，本文将另辟蹊径，和您一同探索Web Worker神秘的另一面。 js单线程限制及多线程能力的需求 js的一大特点就是单线程。对于单线程，一句最经典的概述就是“同一时间只能执行一...
浅析 Map 和 WeakMap 区别以及使用场景
📢 愿你我一起在这肆意生活里大放光彩 📢 在阅读红宝书时遇到了 这个关键字，第一次见感觉没啥用，是我见识浅了，其实还是有点用的，有多大我不知道（快跑） 希望这一篇文章能让你对 有更好的理解，或者能够帮你理解 和 这篇文章会先从 再到 一、为什么是 Map ？ 1\. 传统对象结构 本质上是一个键值对的集合。和传统对象结构相比，传统的对象只能用 字符串作为键名 ，这就在使用上造成了很大的限制了。这也是新增 的原因之一。 在上面的代码中...
Blob的几个使用场景
前言 说起 对于一部分人来说会很陌生，因为没有接触过，包括我之前也没有接触过,后来一个功能的实现才有机会接触 ,现在来学习一下 的使用场景。后面有代码仓库地址 正文 什么是Blob 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取，也可以转换成 来用于数据操作。 创建一个Blob对象 array 是一个由 , , , 等对象构成的 ，或者其他类似对象的混合体，它将会被放进 。DOMStrings 会被编...
虚拟列表 or 时间分片
最近在做一个官网，原本接口做的都是分页的，但是客户提出不要分页，之前看过虚拟列表这个东西，所以进行一下了解。 为啥要用虚拟列表呢！ 在日常工作中，所要渲染的也不单单只是一个li那么简单，会有很多嵌套在里面。但数据量过多，同时渲染式，会在 渲染样式 跟 布局计算上花费太多时间，体验感不好，那你说要不要优化嘛，不是你被优化就是你优化它。 进入正题，啥是虚拟列表？ 可以这么理解，根据你视图能显示多少就先渲染多少，对看不到的地方采取不渲染或者部...
音频可视化-简单实现
离职的第一天，刷到了一个音频可视化的帖子，简单的学习了一下来跟大家分享一下我的学习成果。第一次写帖子大家望大家多指点 理解 首先音频处理需要跟多环节例如修音、混响等，每一个环节就是一个节点，每一个环节都有一个音频的源节点，例如下图的首先获取一个音频源节点，第一个环节去处理他的音色，在下一步在新引入一个音频源节点例如鼓点，节拍之类的在第二个环节添加进去最后通过输出设备播放出来就此完成了整个流程，节点的数量是可以任意数量的。 音频上下文就是...
js闭包的6种应用场景！！！这下会用了
闭包的基本定义 如果一个函数访问了此函数的父级及父级以上的作用域变量，那么这个函数就是一个闭包 。闭包会创建一个包含外部函数作用域变量的环境，并将其保存在内存中，这意味着，即使外部函数已经执行完毕，闭包仍然可以访问和使用外部函数的变量。 闭包的优缺点及特性 闭包的优点 ： 1. 保护变量 ：闭包可以将变量封装在函数内部，避免全局污染，保护变量不被外部访问和修改。 2. 延长变量生命周期 ：闭包使得函数内部的变量在函数执行完后仍然存在，可...
JavaScript完整原型链图解_js 原型链的关系图
了解完整 对我们有什么帮助? 没什么帮助，装逼意义大于实用（doge） 好的吧，可能是我还是新手，没碰上这方面的需求 完整原型链图示 上图里，我们常用的部分是右下至右上的链，即从构造函数到构造函数原型对象再到 的部分。 而实际上，我们常见的 和 也参与了原型访问链。 在这个图中，不管将哪个块当作实例对象，总有一个构造函数和一个原型对象和它组成三角关系。 只有一个块例外，那就是 。若 ，则原型链访问将一直访问 没有尽头，故底层规定 ，使原...
图解原型&原型链 - 掘金
原型链图 图中Parent是构造函数，p1是通过Parent实例化出来的一个对象。 如果你看到这张图一脸懵，不要怕，往下看，下面会一步一步教你认识原型&原型链 前置知识 js的初学者一般很难理解原型和原型链的概念，但原型和原型链又是js中最重要的点之一。从jQuery到现在最火的框架之一Vue，原型的应用无处不在，那我们该怎么学好JavaScript的原型和原型链呢？ 想要弄清楚原型和原型链，这几个属性必须要搞清楚， 、 、 。 其次你...