必看

大家好，我是谢雪妮，很高兴参加这次面试； 在过去的六年里，我一直从事 Web 前端开发工作，主要使用 React 及其生态技术栈，也有扎实的前端工程化能力； 工作中参与了多个网站项目开发，主要包括 电商管理后台系统、BNPY 的分期付款网站...

大家好，我是谢雪妮，很高兴参加这次面试； 在过去的六年里，我一直从事 Web 前端开发工作，主要使用 React 及其生态技术栈，也有扎实的前端工程化能力； 工作中参与了多个网站项目开发，主要包括 电商管理后台系统、BNPY 的分期付款网站...

js 浅拷贝和深拷贝 原型和原型链 函数柯里化 BOM 和 DOM for in 和 for of 哪些地方不能箭头函数 创建一个对象的过程 防抖节流 写一个自定义事件 前端怎么获取页面上哪个元素是最多的 flex: 1 是什么意思 BFC...

document.styleSheets[0].addRule("div", "border: 1px solid red"); head 元素为什么是隐藏的：浏览器源码里默认样式让他隐藏了，相对应的还有 link meta 等 浏览器是如...

实现 Promise 的核心功能: 实例方法：then/catch/finally; 静态方法 resolve/reject/race/all/allSettled/any; 跑通 PromiseA+ 单元测试 constrauctor 定...

W3C => event loop; chromium => message loop; 单线程是异步产生的原因； 事件循环是异步的实现方式 浏览器的进程模型 何为进程？ 程序运行需要有它自己专属的内存空间，可以把这块内存空间简单的理解为进...

h5 是什么？ H5 是一个产品名词，包含了最新的 HTML5、CSS3、ES6 等新的技术来制作的应用。 HTML5 是一个技术名词，指代的就仅仅是第五代 HTML。 defer vs async html 第一行有什么用，Doctype...

npm 私服 项目中使用 Verdaccio 搭建了 npm 私服，主要用于缓存外部包和发布公司内部的组件库和工具库，提高构建效率、保障发布安全。我们通过配置 config.yaml 实现了权限控制，结合 CI/CD 流程实现了私有包的一键...

CSS 几种解决方案的对比 css module 是一种作用域隔离的 CSS 方案，它允许 CSS 代码在组件内部使用，而不会影响其他组件的样式 css in js 主流的有 Styled Component, Emotion; 样式定义嵌...

Redux 是什么 Redux 是 React 核心成员 Dan 本人开发的状态管理库。 Redux 是基于函数式编程思想，集中式管理状态（MobX 是分散式管理） 单一数据源：整个应用的全局 state 被储存在一颗 object tre...

super 原理 父类的 prototype.constructor.call ES module vs common.js CJS: this exports module.exports 是一个东西 CMJ 是社区标准，ESM 是官方标...

js 基础类型有哪些 number，string，bool，undefined，null，symbol(ES6), bigint(es10) 运算规则 TODO 算数运算 转化为数字再运算 特殊情况 string + number = st...

ts vs js 一句话总结：JavaScript 是弱类型的动态语言，而 TypeScript 是强类型的静态语言，它增强了 JS 的可维护性和开发体验。 TypeScript: 是一种静态类型语言，支持类型检查。 在编译阶段捕获类型错误...

在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案。通俗一点说，设计模式就是给面向对象软件开发中的一些好的设计取个名字。 介绍下工厂模式 直接调用即可返回新对象的函数 axios.create 基于传入的配置，创建一个新的请求对象，...

scheduler 调度器 背后的数据结构是最小堆 最小堆：经过排序的完全二叉树（右下角缺了一些节点的二叉树） leftIndex = (parentIndex + 1) * 2 - 1; rightIndex = leftIndex +...

react 的渲染分哪几个阶段 React 渲染主要分为两个阶段：Render 阶段和 Commit 阶段。Render（也叫 reconciliation 阶段） render 阶段里面会经由调度器和协调器处理，此过程是在内存中运行，是异...

LCP 从 4.2s 优化至 1.5s 了 我自己的习惯是会定期的跑一下简单的性能测试，当时由于新项目为了赶进度，在开发初期其实没有很严格的做 code review，发现瓶颈主要集中在 NFT 预览图渲染、链上数据获取慢 首先 chrom...

执行上下文 邓哥会跑步，这叫函数定义，表达的是邓哥可以做这件事 邓哥现在去跑步，这叫函数调用，表达的是邓哥现在就去做这件事 做一件事需要一些准备工作，比如邓哥跑步需要准备： 蓝猫运动服 奥特曼运动鞋 海绵宝宝同款毛巾 北冰洋汽水 之所以要准...

TODO react webpack vite turbopack/nextjs rspack npm/yarn/pnpm 专业技能 熟练使用 HTML5+CSS3，熟悉 CSS 解决方案 熟练使用 JavaScript/TypeScrip...

微购一面 小程序 h5 hybrid app RN 移动端适配方案，有几种方案？ requestAnimationFrame cookie localStorage sessionStorage indexDB cookie 里的 doma...

模块化解决了什么问题，有哪些标准 主要为了文件级的问题 全局污染 依赖混乱 为了解决这些问题，提出了一些标准 Commonjs CJS AMD CMD UMD ESM 前面四个是民间标准，社区出的；ESM 是官方的 AST 分为几个阶段 抽...

介绍下 DNS 查找规则 浏览器里查找 chrome://net-internals/#dns， 如果有，直接用 操作系统里找 etc 目录下，本机 host 文件，如果有，直接用 本地域名服务器，如果有，直接用 向域名服务器发送请求 查询...

测试 jest 单元测试 Jest 是 Facebook 出品的 JavaScript 测试框架，常用于 React 应用的单元测试与快照测试。 describe(name, fn)：测试分组 test(name, fn) 或 it(nam...

技术分享 比如帮助团队了解某个新技术或解决项目中的技术难点。然后，我会选择一个主题，比如最近项目中用到的性能优化方法，并准备结构化的内容，包括背景、核心原理、实践案例和总结。我会通过在线工具进行演示，并在分享过程中引导团队提问和讨论。最后，...