全部文章
共 1306 篇文章
浅析 Map 和 WeakMap 区别以及使用场景
📢 愿你我一起在这肆意生活里大放光彩 📢 在阅读红宝书时遇到了 这个关键字，第一次见感觉没啥用，是我见识浅了，其实还是有点用的，有多大我不知道（快跑） 希望这一篇文章能让你对 有更好的理解，或者能够帮你理解 和 这篇文章会先从 再到 一、为什么是 Map ？ 1\. 传统对象结构 本质上是一个键值对的集合。和传统对象结构相比，传统的对象只能用 字符串作为键名 ，这就在使用上造成了很大的限制了。这也是新增 的原因之一。 在上面的代码中...
Blob的几个使用场景
前言 说起 对于一部分人来说会很陌生，因为没有接触过，包括我之前也没有接触过,后来一个功能的实现才有机会接触 ,现在来学习一下 的使用场景。后面有代码仓库地址 正文 什么是Blob 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取，也可以转换成 来用于数据操作。 创建一个Blob对象 array 是一个由 , , , 等对象构成的 ，或者其他类似对象的混合体，它将会被放进 。DOMStrings 会被编...
必备八股文——HTML&CSS
src和href的区别 和 都是用来加载外部资源，区别如下 src 当浏览器解析到该元素时，会暂停其他资源的加载和处理，直到该资源加载完成。 它会将资源内容嵌入到当前标签所在的位置，将其指向的资源下载应用到文档内，如 脚本等。常用在 、 、 等标签。 href 指向外部资源所在的位置，和当前元素位置建立链接，当浏览器解识别到它指向的位置，将其下载的时候不会阻止其他资源的加载解析。常用在 、 标签。 HTML5新增特性 新增语义化标签，...
必备八股文——JavaScript
共有八种数据类型，分别是 Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt 。 其中 Symbol 和 BigInt 是ES6 中新增的数据类型： Symbol 代表创建后独一无二且不可变的数据类型，它主要是为了解决可能出现的全局变量冲突的问题。 BigInt 是一种数字类型的数据，它可以表示任意精度格式的整数，使用 BigInt 可以安全地存储和操作大整数，即使这个数已...
必备八股文——工程化 - 掘金
git clone ：克隆远程仓库到本地。 git init ：在当前目录初始化一个新的Git仓库。 git add ：将文件添加到暂存区，准备提交。 git commit m "commit message" ：提交暂存区的改动到本地仓库，附带提交信息。 git status ：查看工作区、暂存区的状态，显示文件的修改情况。 git diff ：显示工作区与暂存区之间的差异。 git diff staged ：显示暂存区与最后一次提交...
必备八股文——浏览器
攻击指的是跨站脚本攻击，是一种 代码注入攻击 。攻击者通过在网站注入恶意脚本，使之在用户的浏览器上运行，从而盗取用户的信息如 等。 避免方式 不用服务器端拼接后返回（不使用服务端渲染）。 对一些敏感信息进行保护，比如 使用 ，使得脚本无法获取。 对用户输入的地方和变量都需要仔细检查长度和对 等字符做过滤 攻击的本质是利用 会在同源请求中携带发送给服务器的特点，以此来实现用户的冒充。 避免方式 添加验证码验证 使用 验证 限制 不能作为被...
必备八股文——网络
传递的参数不同， 传递的参数在 中， 传递的参数在 后拼接 请求一般用于查询， 一般用于提交某种信息进行某些修改操作 相对 请求安全 请求会被浏览器主动缓存， 不会，要手动设置 请求长度有限制， 没有 请求为更新数据 为创建数据 二进制协议 ： 的解析是基于文本，而 使用二进制，将请求和响应分割为更小的帧，从而实现多路复用。 多路复用 ：在一个连接里，客户端和服务器都可以同时发送多个请求或回应，而且不用按照顺序一一发送，这样避免了 队头...
虚拟列表 or 时间分片
最近在做一个官网，原本接口做的都是分页的，但是客户提出不要分页，之前看过虚拟列表这个东西，所以进行一下了解。 为啥要用虚拟列表呢！ 在日常工作中，所要渲染的也不单单只是一个li那么简单，会有很多嵌套在里面。但数据量过多，同时渲染式，会在 渲染样式 跟 布局计算上花费太多时间，体验感不好，那你说要不要优化嘛，不是你被优化就是你优化它。 进入正题，啥是虚拟列表？ 可以这么理解，根据你视图能显示多少就先渲染多少，对看不到的地方采取不渲染或者部...
音频可视化-简单实现
离职的第一天，刷到了一个音频可视化的帖子，简单的学习了一下来跟大家分享一下我的学习成果。第一次写帖子大家望大家多指点 理解 首先音频处理需要跟多环节例如修音、混响等，每一个环节就是一个节点，每一个环节都有一个音频的源节点，例如下图的首先获取一个音频源节点，第一个环节去处理他的音色，在下一步在新引入一个音频源节点例如鼓点，节拍之类的在第二个环节添加进去最后通过输出设备播放出来就此完成了整个流程，节点的数量是可以任意数量的。 音频上下文就是...