JavaScript 14
-
【每日一面】webpack plugin 原理
基础问答 问:什么是 Webpack Plugin?它的核心作用是什么? 答:Webpack Plugin 是 Webpack 插件系统,本质是一个实现了 apply 方法的 JavaScript 类或函数。Plugin 通过 Webpack 提供的构建生命周期的回调钩子介入构建全流程(如初始化配置
-
【每日一面】如何解决内存泄漏
基础问答 问:有没有遇到过内存泄漏?怎么排查处理的 答:前端页面上出现内存泄露,使用 Chrome devtools -> memory 工具排查,选择时间轴分配(Allocations on timeline)功能后开始录制操作,在页面上进行相关组件的操作,停止录制后,查看内存曲线,重点关注内存曲
-
【每日一面】webpack loader 原理
基础问答 问:webpack 的 loader 了解吗,有什么作用?为什么 webpack 会需要 loader? 答:webpack 本身仅能够识别 JavaScript 和 JSON 文件,但实际项目开发中会用到 CSS、Less、图片、Vue 组件等多种格式资源,Loader 就是用来解决这个
-
【每日一面】装饰器原理
装饰器原理 基础问答 问:什么是装饰器?有什么作用? 答:装饰器是一种元编程语法,可以在不修改原有代码的前提下,动态地为类、方法、属性等添加一些能力,本质上还是一个函数,它接收目标对象、属性名、属性描述符(或类本身)作为参数,返回修改后的目标对象或属性描述符。 在使用的时候,是声明式的使用,在装饰器
-
【每日一面】实现一个深拷贝函数
基础问答 问:知道浅拷贝和深拷贝吗?为什么要用深拷贝? 答:拷贝,可以认为是赋值,对于 JavaScript 中的基础类型,如 string, number, null, boolean, undefined, symbol 等,在赋值给一个变量的时候,是直接拷贝值给变量,而对于引用类型,如 obj
-
【每日一面】你怎么理解 Proxy 的
基础问答 问:Proxy 是什么?怎么使用的? 答:Proxy 是用于创建 “对象代理” 的构造函数,它能封装目标对象(target),并通过 “拦截器对象(handler)” 自定义目标对象的基础操作(如属性读取、赋值),实现对对象行为的 “劫持”,手写使用方式。 // 语法:new Proxy(
-
【每日一面】async/await 的原理
基础问答 问:async/await 的原理是什么? 答:关键字本身就是 Promise 的语法糖,依托于生成器函数 (Generator) 函数能力实现的。async 关键字标志这个函数为异步函数,并且将返回结果封装为一个 Promise,await 则是暂停当前执行,等待后续的异步操作完成后再恢
-
【每日一面】React Hooks 闭包陷阱
基础问答 问题:谈一谈你对 React Hook的闭包陷阱的理解。 产生问题的原因:JavaScript 闭包特性 + Hooks 渲染机制 闭包的本质:函数能够访问其定义时所在的词法作用域,即使函数在作用域外执行,也可以记住定义时的词法作用域的内容,后续执行时,使用这些信息。 function c
-
【每日一面】任意 dom 元素吸顶
简洁版 CSS 只需要使用 css 属性 position: sticky 即可,但是这个属性的使用有很多约束条件,有时可能并不能生效。 JavaScript 这里简化一些代码,使用 React 写了一个 hooks,使用了 ahooks 库去维护 event 和 React 生命周期。 impor
-
JavaScript 沙箱
概述 沙箱可以简单的理解为一个虚拟机,是一个和宿主机隔离的环境,在这个环境中去运行一些不受信任的代码或者应用程序,防止不安全的代码对系统造成损害。 比如我们现在知道某个应用是诈骗软件或者病毒软件,但是我们依旧想要运行,想逆向分析他,那么我们就可以选择在电脑上安装一个虚拟机,在这个虚拟机中,我们将对摄