保姆级 Performance 工具使用指南
性能分析一直是前端er们津津乐道的话题；而俗话说得好：工欲善其事，必先利其器； 说到前端性能，就少不了性能分析的利器 —— Performance 😎；我想各位前端小伙伴，在使用 Chrome 浏览器 时或多或少都有留意到这个面板吧？ 今天我们就迈开性能分析的第一步，来探究一下 Performance 这个强大的工具。 文章中提到的 Performance 面板，以 Chrome 118 版本为参考。 我们打开 Performance...
js 如何判断对象自身为空
前言 如何判断一个对象为空是我们在开发中经常会遇到的问题，今天我们来聊聊几种经常使用的方法，以及在不同的场景下我们如何去使用。 1\. JSON.stringify 方法可以使对象序列化，转为相应的 JSON 格式。 缺点：如果存在 、任意的函数以及 symbol 值，在序列化过程中会被忽略（出现在非数组对象的属性值中时）或者被转换成 （出现在数组中时）。 如下示例： 2\. for in 配合 hasOwnProperty 使用 对当...
PC调试手机微信浏览器
此方案，可以调试一些仅可在微信客户端才能打开的网页，以及一些需要微信授权的网页，都可以用此方式进行真机调试，可快速分析和逆向 准备工具 一部手机 一台电脑 一条数据线 首先用数据线把手机与电脑连接 然后手机进入到开发者模式并且要是开启状态，具体进入方式，根据机型不同，进入方式不同，自行百度。 进入到开发者选项之后，开启USB调试模式。 然后在手机微信浏览器随便进入一个网站，例如： 再回到电脑浏览器输入： chrome内核的浏览器输入 c...
能说说你对宏任务 和 微任务 的理解吗
一、背景 js 是一种单线程语言，只有一条通道，那么在任务多的情况下，就会出现堵塞，这种情况下就产生了 多线程，那么就产生了同步任务和异步任务。 同步任务： 在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务。是 由 js 执行栈/回调栈执行 的 异步任务： 不进入主线程、而进入任务队列的任务，当主线程中的任务运行完成了，才会从任务队列中取出异步任务，放入主线程中执行 二.宏任务和微任务 微任务和宏任务都是异步任务，它...
请自信的大声告诉面试官forEach跳不出循环
如果面试官，或者有人问你foreach怎么跳出循环，请你大声的告诉ta，跳不出！！！！！！！！！！ 为什么呢？ 先看看foreach大体实现。 两个输出的结果是一样的没啥问题，这就是foreach的大体实现，既然都知道了它的实现，那么对它为什么跳不出循环♻️应该都知道了，再不清楚的话，再看一下下面的例子。 在demo2函数里面调用demo函数，demo函数的return能阻止demo2函数下面的执行吗？很明显不行啊，demo函数里的re...
面试官：tree-shaking的原理是什么？
前言 在前端面试的过程中， 一直是考察面试者能力的一个重点，而在我们常用的项目打包工具中，无论是 还是 ，都具备一项很强大的能力—— ，所以面试官也常常会问到 的原理是什么，这时我们该如何回答呢？其实核心原理就是 。 在前端开发中，其实 的应用有很多，比如我们前端项目的打包工具 、代码检查工具 ，代码转换工具 都依赖了 的语法分析和转换能力。 AST简单介绍 是 的缩写，这玩意儿的全称叫 ，它可以用来描述我们代码的 。 举个例子： 我这...
useEffect依赖引用类型
如果你是一个入行不久的前端开发，面试中多半会遇到一个问题： 你认为使用React要注意些什么？ 这个问题意在考察你对React的使用深度，因为沉浸式地写过一个项目就会发现，不同于一些替你做决定的框架，“潜规则”丰富的React远比看上去要难相处。 React中主要有两类坑点，一种是让你措手不及，结果对不上预期，严重影响开发进度，另一种更为头痛，表面风平浪静，水下暗流涌动。 官方文档的触角只伸到Demo级别，并不涉及花样百出的最差实践，所...
Web Worker：JS多线程的伪解药💊?
前言 在前端开发领域，JavaScript 的单线程限制一直是一个难以忽视的挑战。当谈到解决JavaScript的单线程限制时，HTML5引入的Web Worker被普遍认为是一剂解药💊。同时，业界中大量的文章也是聚焦于讨论web worker的神奇力量。然而，本文将另辟蹊径，和您一同探索Web Worker神秘的另一面。 js单线程限制及多线程能力的需求 js的一大特点就是单线程。对于单线程，一句最经典的概述就是“同一时间只能执行一...
Blob的几个使用场景
前言 说起 对于一部分人来说会很陌生，因为没有接触过，包括我之前也没有接触过,后来一个功能的实现才有机会接触 ,现在来学习一下 的使用场景。后面有代码仓库地址 正文 什么是Blob 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取，也可以转换成 来用于数据操作。 创建一个Blob对象 array 是一个由 , , , 等对象构成的 ，或者其他类似对象的混合体，它将会被放进 。DOMStrings 会被编...