Achieve前端实验室

基础问答 问：HTTP 和 HTTPS 有什么区别？ 答：1. HTTPS 是 HTTP + SSL/TLS 协议的一个组合，使用 SSL/TLS 加密，相对更安全。2. ...

基础问答 问：什么是 Webpack Plugin？它的核心作用是什么？ 答：Webpack Plugin 是 Webpack 插件系统，本质是一个实现了 apply 方法...

概述 作用域（Scope）与作用域链（Scope Chain）是 JavaScript 的核心概念，它们决定了变量的可访问范围、生命周期，以及代码运行时变量查找的规则，理解...

基础问答 问：有没有遇到过内存泄漏？怎么排查处理的 答：前端页面上出现内存泄露，使用 Chrome devtools -> memory 工具排查，选择时间轴分配（Allo...

基础问答 问：webpack 的 loader 了解吗，有什么作用？为什么 webpack 会需要 loader？ 答：webpack 本身仅能够识别 JavaScript...

热身 先来看一道题： 请你编写一个函数，检查给定的值是否是给定类或超类的实例。 可以传递给函数的数据类型没有限制。例如，值或类可能是 undefined 。 Leetcod...

BOM 是什么 基础问答 问：了解过 BOM 吗？他和 DOM 有什么差异？ 基础问答 问：了解过 BOM 吗？它和 DOM 有什么差异？ 答：BOM 是浏览器对象，指的是...

装饰器原理 基础问答 问：什么是装饰器？有什么作用？ 答：装饰器是一种​元编程语法，可以在不修改原有代码的前提下，动态地为类、方法、属性等添加一些能力，本质上还是一个函数，...

概述 在 Web 应用架构设计中，单页应用（SPA）与多页应用（MPA）是目前两种主流的前端架构，他们各自适用于不同的业务场景。 作为一个前端开发，理解这两种模式的核心原理...

基础问答 问：知道浅拷贝和深拷贝吗？为什么要用深拷贝？ 答：拷贝，可以认为是赋值，对于 JavaScript 中的基础类型，如 string, number, null, ...

概述 在 JavaScript 模块化发展历程中，为解决全局变量污染，代码依赖管理等问题，先后出现了 CommonJS（CJS）、AMD、CMD、UMD、ES6 Modul...

基础问答 问：Proxy 是什么？怎么使用的？ 答：Proxy 是用于创建 “对象代理” 的构造函数，它能封装目标对象（target），并通过 “拦截器对象（handler...

基础问答 问：有使用过 Promise.race 吗，说说他的作用。 答：Promise.race 接收一个 Promise 数组（或者一个具有迭代器的对象）作为参数，返回...

基础问答 问：async/await 的原理是什么？ 答：关键字本身就是 Promise 的语法糖，依托于生成器函数 （Generator） 函数能力实现的。async 关...

基础问答 问：手写一个防抖函数 答： 扩展延伸 防抖（Debounce）： 核心逻辑：当一个事件会被频繁的触发时，防抖函数不会频繁的执行，而是等待事件停止触发一段时间后才执...

基础问答 问题：标准的 CSS 盒子模型是怎样的？ 答案：标准盒子模型由内容区域（content）、内边距（padding）、边框（border）和外边距（margin）组...

谈一谈你对 React Hook的闭包陷阱的理解。 产生问题的原因：JavaScript 闭包特性 + Hooks 渲染机制 闭包的本质：函数能够访问其定义时所在的词法作用...

沙箱可以简单的理解为一个虚拟机，是一个和宿主机隔离的环境，在这个环境中去运行一些不受信任的代码或者应用程序，防止不安全的代码对系统造成损害。 比如我们现在知道某个应用是诈骗...

简洁版 代码如下： 话多版 为什么需要 “获取文字真实宽度”？ 听上去好像没什么用，也很少会遇到问这种问题的面试场景，但现在大厂的面试除了基本的八股外，也在开始搞一些自己的...

实现 DOM 元素吸顶效果，可以使用 css 属性 position: sticky ，但是这个属性的使用有很多约束条件，有时可能并不能生效。 我们也提供了 JavaScr...