Achieve前端实验室

概述 在 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...

在 Docker 等容器技术普及前，开发、测试、运维团队常被环境不一致、部署复杂、资源浪费、扩容低效为典型的问题困扰，这些问题不仅可能导致项目的交付周期的延后，还会引发跨团...

在解释docker是什么之前，我们首先应该先了解的是容器化的概念。 什么是容器？ 就是一个沙箱，在这个沙箱中涵盖了特定应用运行的一切依赖的内容。但他不是一个操作系统，且和底...

Fiber 原理 在 Fiber 出现之前 React 存在什么问题 在 React 16 之前的版本对比更新 VirtualDOM 的过程是采用 Stack 架构实现的，...

前端八股文还是值得深入了解，系统巩固的基础。扎实的基本功还有利于跳槽涨薪的。小知识，大挑战！努力行动起来吧！...

很多前端都喜欢用 console.log 调试，先不谈调试效率怎么样，首先 console.log 有个致命的问题：会导致内存泄漏。 为什么这么说呢？ 用 Performa...

半年时间，几千人参与，精选大厂前端面试高频 100 题，这就是「壹题」。 在 2019 年 1 月 21 日这天，「壹题」项目正式开始，在这之后每个工作日都会出一道高频面试...

浅浅的聊一下 WebSocket Websocket 历史 WebSocket是在2008年6月诞生的1。经由IEFT标准化后，2009年chrome 4第一个提供了该标准...

手机号码一键登录是最近两三年出现的一种新型应用登录方式，比之前常用的短信验证码登录又方便了不少。登陆时，应用首先向用户展示带有本机号码掩码的授权登录页面，用户点击“同意授权...