任务看板 | 前端面试

跳到主要内容

55%

待办

854

这个项目还未开始

▼JavaScript86

null undefined 区别?P1

有用过 Symbol 么，说一下？P1

如何判断一个数值是整数？P1

什么是 NaN ，它的类型，如何判断 NaN?P1

BigInt 是如何实现的？P3

js 中类型转换规则？P1

typeof 和 instanceof 的区别P1

操作符和表达式

操作符优先级P2

操作符和表达式

说明下面的代码运行结果P2

操作符和表达式

Object.is() 与比较操作符 “===”、“==” 有什么区别P3

操作符和表达式

语句和申明

`for...of`、`for...in`、`for` 循环的区别简表P1

语句和申明

说一下 JS regexp 的常用方法P1

语句和申明

数字千分位P1

语句和申明

url 查询字段解码P1

语句和申明

原始封装类型P1

什么是属性描述符P0

防止对象被篡改有哪些方式P2

用过 Array 哪些方法P0

数组和正则

什么是伪数组和数组的区别是什么如何转换P1

数组和正则

Iterator 的概念与作用P4

集合类对象

哪些数据结构原生支持 Iterator？如何自定义？P4

集合类对象

Iterator 接口会在什么场合被自动调用？P4

集合类对象

Set 和 Map 的底层实现及时间复杂度？P4

集合类对象

Map 和 WeakMap、Set 和 WeakSet 有什么区别？P4

集合类对象

如何遍历 Map？有哪些常用 API？P4

集合类对象

WeakMap/WeakSet 的典型应用场景？P4

集合类对象

用过哪些函数对象的方法？P0

函数表达式和函数声明的区别？P0

IIFE 是什么？P4

eval 了解多少？P1

ES6 class 的基本语法与特性P4

class 与传统构造函数的区别？P4

class 的继承机制及 super 关键字作用？P4

静态方法和实例方法的区别？P4

class 的私有属性和方法如何实现？P4

ES Module 的基本语法与特性P4

ES Module 与 CommonJS 的区别？P4

ES Module 的导入导出方式有哪些？P4

ES Module 的静态分析和 tree-shaking 原理？P4

ES Module 如何在浏览器和 Node.js 中使用？P4

iterator 是什么？P1

迭代器、生成器、元编程

用过 generator ，讲一下？P1

迭代器、生成器、元编程

用过 Proxy 么，简单讲解下？P0

迭代器、生成器、元编程

用过 Reflect 么，简单讲解下？P0

迭代器、生成器、元编程

JavaScript、ECMAScript、BOM、DOM、Node.js 之间是什么关系？P4

递归和尾递归是什么概念？P4

JS 严格模式为什么禁用 with 语句？P4

stage0、stage1、stage2、stage3 分别代表什么含义？P4

装饰器（Decorator）是什么？如何实现？P4

如何将JavaScript代码解析成抽象语法树(AST)P4

js 引擎原理

V8 里面的 JIT 是指什么？P4

js 引擎原理

js 引擎原理

引擎调试与性能分析P4

js 引擎原理

js 引擎原理

`['1', '2', '3'].map(parseInt)` 输出结果？P1

编码题 / 语言和 API

铺平嵌套数组P2

编码题 / 语言和 API

手写实现 Object.createP1

编码题 / 语言和 API

手写 JSON.stringify 和手写 JSON.parse 实现P0

编码题 / 语言和 API

实现 async 函数P0

编码题 / 语言和 API

实现 call 或 apply 方法?P4

编码题 / 语言和 API

编码题 / 语言和 API

下面代码中 a 在什么情况下会打印 1 ?P0

编码题 / 核心概念

深拷贝和浅拷贝P0

编码题 / 核心概念

实现一个 sum 函数，支持任意个参数的累加，在 console.log 时输出结果？P1

编码题 / 核心概念

模拟new操作P0

编码题 / 核心概念

实现链式调用？P0

编码题 / 核心概念

实现 loadash getP4

编码题 / 工具函数

检测对象循环引用P4

编码题 / 工具函数

实现字符串过长显示省略号？P4

编码题 / 工具函数

实现并发异步调度器P4

编码题 / 工具函数

实现 dayjs format 函数P1

编码题 / 工具函数

实现类似 dayjs [difference](https://day.js.org/docs/en/display/difference) 函数P1

编码题 / 工具函数

实现 lodash isEqual 函数P1

编码题 / 工具函数

实现管道函数P0

编码题 / 工具函数

实现一个缓存函数P0

编码题 / 工具函数

如何做 promise 缓存？上一次调用函数的 promise 没有返回，那么下一次调用函数依然返回上一个 promiseP0

编码题 / 工具函数

数字千分化的实现方式有哪些？用代码实现一下P0

编码题 / 工具函数

统计前端请求耗时P2

编码题 / 业务场景代码

cookie 解析函数P2

编码题 / 业务场景代码

JS 执行 100 万个任务，如何保证浏览器不卡顿？P4

编码题 / 业务场景代码

如何封装一个请求，让其多次调用的时候，实际只发起一个请求的时候，返回同一份结果P1

编码题 / 业务场景代码

使用 Promise 实现一个异步流量控制的函数(限制并发数)P0

编码题 / 业务场景代码

编码题 / 业务场景代码

限制并发的 PromiseP4

编码题 / 业务场景代码

▼html112

doctype(文档类型) 的作用是什么？P0

什么是 HTML 语义化？P0

HTML5 引入了哪些核心能力？P4

如何处理 HTML5 新标签的浏览器兼容问题？P4

HTML 全局属性有哪些？P1

attribute property 区别?P0

data- 属性的好处是什么？P1

src 和 href 有什么区别P0

crossorigin 的作用是什么P1

html rel 属性的参数 preload和prefetch 的作用是什么P0

事件冒泡是什么?P0

事件委托的作用和意义？P1

说明 load,ready,DOMContentLoaded 的区别P1

stopImmediatePropagation 和 stopPropagation 区别P1

addEventListener 和 attribute onclickP4

addEventListener 绑定事件?参数不同的执行顺序P1

mouseEnter、mouseLeave、mouseOver、mouseOut 有什么区别？P2

说一下 HTMl 下有哪些元素P0

元素 / 文档和元信息

HTML5 中 meta 标签作用是啥P0

元素 / 文档和元信息

header 的作用和 head 的区别P1

元素 / 文档和元信息

为什么通常推荐将 CSS `<link>` 放置在 `<head></head>` 之间，而将 JS `<script>` 放置在 `</body>` 之前？你知道有哪些例外吗？P2

元素 / 文档和元信息

link 标签有哪些属性，作用是什么？P0

元素 / 文档和元信息

a 标签如何保存文件？P2

元素 / 文本和链接

简述 `<iframe>` 的优缺点及常见应用场景P1

元素 / 嵌入式内容

input 类型有哪些？P2

元素 / 表单

请解释 `<script>、<script async> 和 <script defer>` 的区别P0

元素 / 脚本

web components 了解多少?P0

元素 / 自定义元素

如何实现浏览器内多个标签页之间的通信?P0

跨页面通信方式？P0

History API ?P0

原生 js 如何进行监听路由的变化P0

escape、encodeURI、encodeURIComponent 区别P3

getComputedStyle用法?P4

介绍一下 URLSearchParams APIP2

requestIdleCallback apiP2

DOM0 到 DOM3 区别？P0

scrollIntoView apiP4

documentFragment api 是什么，有哪些使用场景P2

XMLHttpRequest 和 Fetch API 的区别 ?P0

webapi / 网络 API

Long-Polling、Websockets 和 Server-Sent Event 之间有什么区别？P0

webapi / 网络 API

说下 navigator.sendBeaconP2

webapi / 网络 API

webapi / 网络 API

浏览器的存储有哪些P0

webapi / web api

Cookie和Session区别？P1

webapi / web api

localStorage 是同步还是异步P1

webapi / web api

IndexedDB 存储空间大小是如何约束的？P0

webapi / web api

ResizeObserver 作用是什么P2

webapi / DOM 观察者

IntersectionObserver api?P3

webapi / DOM 观察者

MutationObserverP0

webapi / DOM 观察者

PerformanceObserver 如何测量页面性能P2

webapi / DOM 观察者

requestAnimationFrame 是什么，有什么作用？P0

webapi / 渲染与图形

canvas 是如何处理复杂事件交互的?P2

webapi / 渲染与图形

如何判断用户设备P2

webapi / 设备 API

WebWorker、SharedWorker 和 ServiceWorker 有哪些区别？P0

webapi / web worker

Service Worker 是如何缓存 http 请求资源的？P0

webapi / web worker

HTML5的离线储存怎么使用，工作原理能不能解释一下？P2

webapi / web worker

有用过剪切板么，简要讲解下P2

webapi / 其他

如何判断页签是否为活跃状态P1

webapi / 其他

webapi / 其他

常见 web 安全问题P0

browser / 安全

browser / 安全

browser / 安全

browser / 安全

browser / 安全

前端如何防止加载外域脚本？P0

browser / 安全

实现一个拖曳列表组件P1

编程题 / components

取出一个 html 树，并返回标签类型和各标签出现次数？P0

编程题 / dom

长列表渲染解决方案?P0

编程题 / 编程题

写一个幻灯片效果P0

编程题 / 编程题

实现两个可以拖曳的节点连线P4

编程题 / 编程题

实现文本溢出 popover 效果P0

编程题 / 编程题

前端如何快速获取页面 url query 参数P0

编程题 / 编程题

编程题 / 编程题

查找页面出现次数最多的 HTML 标签P0

编程题 / 编程题

实现一个缓存函数P0

编程题 / 编程题

大文件上传P0

编程题 / 编程题

前端需要加载一个大体积的文件时，一般有哪些优化思路P1

编程题 / 编程题

计算一段文本渲染之后的长度P2

编程题 / 编程题

长文本场景，中间显示省略号..., 两端正常展示P3

编程题 / 编程题

要实时统计用户浏览器窗口大小，该如何做P4

编程题 / 编程题

如何实现鼠标拖拽P2

编程题 / 编程题

长文本溢出，展开/收起如何实现P2

编程题 / 编程题

在页面关闭时执行方法，该如何做 {#p3-page-close-exeP4

编程题 / 编程题

大文件切片上传的时候，确定切片数量的时候，有那些考量因素P2

编程题 / 编程题

移动端如何实现下拉滚动加载（顶部加载）P1

编程题 / 编程题

（电梯导航）该如何实现P0

编程题 / 编程题

如何在划词选择的文本上添加右键菜单（划词：鼠标滑动选择一组字符，对组字符进行操作）P2

编程题 / 编程题

富文本里面，是如何做到划词的（鼠标滑动选择一组字符，对组字符进行操作）P3

编程题 / 编程题

扫码登录？P0

编程题 / 编程题

不同标签页或窗口间的【主动推送消息机制】的方式有哪些？P4

编程题 / 编程题

编程题 / 编程题

一次性渲染十万条数据还能保证页面不卡顿P1

编程题 / 编程题

编程题 / 编程题

手写创建一个 ajax 请求P0

编程题 / 编程题

如何检测网页空闲状态(一定时间内无操作)P2

编程题 / 编程题

手写 dom 分段渲染P0

编程题 / 编程题

不使用 setTimeout 来实现 setIntervalP1

编程题 / 编程题

如何拦截 web 应用的请求P0

编程题 / 编程题

web 网页如何禁止别人移除水印P0

编程题 / 编程题

如何实现大文件断点续传P0

编程题 / 编程题

如何通过设置失效时间清除本地存储的数据？P0

编程题 / 编程题

如何判断dom元素是否在可视区域P0

编程题 / 编程题

移动端如何实现上拉加载，下拉刷新？P0

编程题 / 编程题

使用 ajax 封装一个上传文件的函数P0

编程题 / 编程题

ajax 取消请求P0

编程题 / 编程题

（Ant Design）的 Tooltip 组件是如何实现的P0

编程题 / 编程题

如何优化大规模 dom 操作的场景P0

编程题 / 编程题

如何实现网页加载进度条？P1

编程题 / 编程题

前端如何实现截图？P0

编程题 / 编程题

文件上传和上传文件解析的原理是啥？P4

编程题 / 编程题

▼node48

node 中 nextTick 与 setTimeoutP1

node 子进程P0

nodejs 进程间如何通信?P4

commonjs 规范P4

commonjs 模块化中 module.exports 与 exports 有什么区别P1

package.json 配置了解多少？P0

package.json 依赖申明的方式有哪些，他们有何却别P2

package.json 里面，表示导出包内容的配置有哪些P1

说一下你对 npm hook 的理解P2

npm workspaces 是什么概念，主要是解决什么问题P2

pnpm install 和 npm install 有何区别P2

monorepo 工程有哪些工具架构，该如何选型P3

141 如何组织 monorepo 工程？P4

幽灵依赖是什么P0

pnpm、npm、yarn 特性P1

npx 了解多少？P0

npm lock 文件了解多少？P0

npm script 了解多少？P0

Eslint 代码检查的过程是啥？P4

模块化加载？P2

axios 有哪些特性？P0

axios 是如何区分是 nodejs 环境还是浏览器环境的？P1

axios interceptorP4

axios 如何取消请求P4

949 axios 如何注销拦截器P4

解释下 axios withCredentials 配置P1

eslint 如何设置只校验本次 MR 变更的文件内容P1

请求数量过多，该如何治理P1

semantic-releaseP1

express middleware(中间件) 工作原理是什么P0

前端渲染和后端渲染各有啥优缺点，为何现在技术大方向又逐渐往【后端渲染】方向靠了呢？P4

express 里面的中间件和插件，是一个意思吗？P4

grpc 和 protobuf 是什么关系？P0

PM2 部署 nodejs 有哪些优势？P4

koa 中间件的异常处理是怎么做的？P4

koa 在没有async await 的时候, koa是怎么实现的洋葱模型？P4

koa body-parser 中间件实现原理？P4

koa 如何解析 post 请求参数P0

CSR、SSR、SSG、NSR、ESR、ISR 都是啥？P0

单线程的 nodejs 是如何充分利用计算机 CPU 资源的呢？P4

如何使用 node 做一个全局命令行工具P2

node 如何处理循环依赖P2

实现一个命令行工具，统计输入目录下面指定代码的行数P0

如何进行 node 内存优化？P0

▼css104

什么是CSS盒模型？P0

什么是视觉格式化模型(View formatting model) ?P0

什么是 BFC 有哪些作用？P0

什么是 IFC ，和 BFC 有哪些区别？P0

什么是 Cascade?P4

什么是层叠上下文(Stacking Context)?P4

CSS选择器有哪些类型？P0

CSS选择器优先级如何计算？P1

常用的CSS伪类选择器有哪些？P2

CSS属性选择器如何使用？P3

现代CSS选择器有哪些新特性？P4

如何评估 css 选择器性能？P5

CSS中的值和单位有哪些？P0

display none 和 visibility hidden 区别P1

px 如何转为 remP2

line-gradientP0

display:none和visibility:hidden的区别？P1

CSS定位有哪些方式？P0

什么是Flexbox布局？P1

什么是Grid布局？P2

CSS定位有哪些方式？P0

什么是CSS浮动？P0

什么是CSS层叠上下文？P0

什么是CSS Grid布局？P1

什么是CSS Flexbox布局？P1

CSS 如何实现固定长宽比的元素P2

css 如何实现分栏布局P2

有哪些清除浮动的技术，都适用哪些情况？P1

重置 css 和标准化 css 的区别?你会选择哪种?为什么?P1

瀑布流布局P4

栅格布局是什么，如何实现P0

css 中三栏布局的实现方案的实现方案有哪些？P4

Flex 布局有哪些属性？P0

Grid 布局有哪些属性？P0

CSS 选择器优先级如何计算？P0

z-index: 999 元素一定会置于 z-index: 0 元素之上吗P2

position 属性P0

885 如何做静态资源预加载【热度: 696】P4

custom-propertyP2

display属性有哪些常用值？P0

display:none和visibility:hidden有什么区别？P0

break 用在什么场景？P4

CSS中有哪些颜色表示方法？P0

如何实现CSS阴影效果？P1

如何实现CSS渐变效果？P2

CSS 动画和过渡有什么区别？P0

动画与过渡

如何实现 CSS 动画的性能优化？P0

动画与过渡

如何实现 CSS 关键帧动画？P0

动画与过渡

如何实现 CSS 3D 变换？P0

动画与过渡

什么是CSS变量（CSS Custom Properties）？P1

现代CSS技术

什么是CSS容器查询？P2

现代CSS技术

什么是CSS Grid子网格（Subgrid）？P2

现代CSS技术

什么是CSS层叠层（Cascade Layers）？P2

现代CSS技术

什么是CSS嵌套（CSS Nesting）？P2

现代CSS技术

如何实现响应式断点设计？P2

工程与架构

什么是响应式设计？如何实现？P0

工程与架构

什么是移动优先设计？P0

工程与架构

如何实现图片的响应式？P0

工程与架构

什么是视口（Viewport）？如何设置？P0

工程与架构

css 预处理器 ⭐️⭐️⭐️⭐️⭐️P4

工程与架构

请解释什么是精灵图（css sprites），以及如何实现？P1

工程与架构

less 函数如何使用？P2

工程与架构

husky 作用是啥，有哪些重要配置P4

工程与架构

Husky 和 lint-staged 有什么区别？P4

工程与架构

什么是CSS方法论？P1

工程与架构

如何设计可维护的CSS架构？P1

工程与架构

如何实现CSS组件化？P1

工程与架构

如何优化CSS性能？P1

工程与架构

CSS选择器性能如何优化？P1

工程与架构

CSS动画性能如何优化？P1

工程与架构

如何优化CSS渲染性能？P1

工程与架构

如何优化CSS文件大小？P1

工程与架构

水平垂直居中P0

如何实现页面文本不可选中，不可复制P0

三角形 borderP0

CSS3实现卡片翻转?P1

常见布局实现P0

实现阿拉伯数字转中文P0

实现 table header 吸顶P1

CSS 文档流是什么概念？P0

CSS 中 position 常见属性有哪些，大概讲一下？P0

未知高度和宽度元素的水平垂直居中的方案有哪些？P0

CSS 中隐藏元素的方法有哪些?P0

css 实现打字机效果P3

css 实现翻牌效果P3

全局样式命名冲突和样式覆盖问题怎么解决？P0

CSS 如何实现文本溢出？P1

实现页面顶部，自定义滚动进度条样式P0

css 隐藏元素的方法有哪些P0

H5 如何解决移动端适配问题P0

实现 table header 吸顶，有哪些实现方式？P0

CSS 文档流是什么概念？P4

CSS 中 position 常见属性有哪些，大概讲一下？P4

未知高度和宽度元素的水平垂直居中的方案有哪些，简单手写一下？P0

CSS 新特性有哪些？P0

样式隔离方式有哪些？P1

如何避免全局样式污染？P0

PostCSS 是什么，作用是什么？P0

伪类和伪元素有什么区别？P0

▼react72

什么是 JSX?P0

JSX 支持哪些功能？P0

什么是 Virtual DOM, 它的作用是什么?P0

Elements 和 Components 有什么区别？P0

什么是 ReactNode 它和 Element 的区别是什么？P0

state 和 props 区别是什么P1

什么是 Context 如何使用?P0

什么是渲染属性(render props) ?P0

什么是 React Hooks，它解决什么问题？P0

什么是 Reconciliation?P0

什么是合成事件(synthetic event) ，它有什么作用?P0

React Fiber 是什么，解决什么问题?P0

React 中纯函数的概念是什么？P0

React 和 Vue 有什么区别？P0

类组件继承 Component 和 PureComponent 有什么区别？P0

类组件和 Function Components 的区别？P1

React 有哪些内置组件？P0

说一下 Suspense 和 lazy 的使用场景？P0

说一下 ViewTransition 的使用 ?P1

父组件如何调用子组件的方法?P1

请求在哪个阶段发出，如何取消请求？P2

jsx 返回 null undefined false true 区别？P2

JSX 如何渲染 HTML 注释节点？P4

React.Children.map 和 props.children 的区别P3

react 中如何引入样式P2

React 内置了哪些 hooks ?P0

说一下 useState 的使用？P0

说一下 useRef？P0

useReducer 的作用，和 useState 有什么区别？P1

说一下 useEffect?P0

useLayoutEffect 和 useEffect 有什么区别?P0

useCallback 和 useMemo 有什么区别，如何使用？P1

useContext 的作用是什么？P0

useReducer 和 useState 有什么区别？P3

useInsertionEffect 有什么用？P2

useActionState 和 useFormStatus 有什么区别?P0

useDeferredValue 和 useTransition 的区别?P3

useImperativeHandle 的作用?P2

useSyncExternalStore 的作用?P2

useOptimistic 的作用?P2

useId 的作用?P3

useDebugValue 的作用?P3

说一下 React 中有哪些内置 API?P0

createElement 和 cloneElement 的区别？P1

React 中 mode 是什么？P1

Fiber 是什么，有哪些作用?P0

react 是如何进行渲染的？P0

scheduler 调度机制原理P4

diff 算法细节？P4

react hooks 核心原理？P0

ref 是如何实现的?P1

为什么不能在循环、条件或嵌套函数中调用 Hooks？P0

为什么要自定义合成事件P1

react 优化手段有哪些？P0

什么时候 React 会发生 re-render 如何避免？P4

在 React 应用中如何排查性能问题?P2

如何确定哪个数据变化引起的组件渲染?P2

如何实现 Vue 中 keep-alive 的功能？P0

如何实现转场动画？P4

React Router 中 mode 有哪几种有什么区别？P0

工具链 / 路由

BrowserRouter、 HashRouter 、MemoryRouter 有什么区别？P0

工具链 / 路由

React Router 的路径支持哪些匹配模式?P0

工具链 / 路由

如何监听路由变化?P0

工具链 / 路由

react-router 页面间如何传递信息？P1

工具链 / 路由

React Router 如何实现类似 Vue 导航守卫效果？P0

工具链 / 路由

用过 redux 说下核心概念？P0

工具链 / 工具链

说一下 `redux`、`@reduxjs/toolkit`、`react-redux` 的区别？P1

工具链 / 工具链

redux 是如何实现中间件机制的？P1

工具链 / 工具链

redux-thunk 是什么？P2

工具链 / 工具链

mobx 与 redux 的区别P4

工具链 / 工具链

react 中如何书写样式，有哪些模式？P1

工具链 / 其他常用库

▼RN2

react native 工作原理是什么？P4

jsBridge 是什么？原理是啥？P0

▼小程序5

小程序的大概原理?P0

391 小程序为什么会有两个线程P0

为什么小程序拿不到 domP4

授权登录流程P4

微信 auth 流程 OAuth2.0 是什么登录方式P0

▼vue55

Vue2 与 Vue3 的主要区别是什么？P4

MVC、MVP、MVVM 是什么意思， Vue 属于哪种？P0

什么是响应式？P0

什么是虚拟 DOM (virtual DOM)和组件(Component)的关系是什么 ?P0

什么是指令？P0

什么是编译器宏？P1

Vue2 和 Vue3 响应式系统的区别和原理？P0

watch 和 computed 有什么区别吗P0

ref 和 reactive 有何区别吗P1

watch 和 watchEffect 使用有何区别P0

provide inject 的使用场景？P1

说下 effectScope ？P2

什么是单文件组件, 如何使用？P0

有用过 `<script setup>` 吗, 它和 option 方式有什么区别？P0

`<style scope>` 是怎么做的样式隔离的P2

什么是函数组件，和 JSX、渲染函数有什么关系？P0

JSX 和采用单文件组件编写有哪些区别？P0

什么是异步组件，是如何实现的？P1

组件通信策略和方法有哪些？P0

Vue 有哪些内置组件?P2

Teleport 组件功能？P2

KeepAlive 组件功能？P0

component 元素了解么，它是如何实现动态挂载的？P2

讲解一下插槽的使用？P2

了解 Vue 组件的整个渲染流程么，如何处理挂载和更新的？P0

Vue3 是怎么实现 template 支持多个根节点的？P0

Vue 的 DOM diff 算法是如何实现的？P0

SFC 是如何处理的P0

你是如何编写一个组件的？P4

有用过指令么，Vue 有哪些内置指令 ?P0

有用过自定义指令么，说下使用场景？P0

v-if 和 v-show 差别P0

为何 v-if 和 v-for 不能同时用在同一个元素上？P0

v-bind 和 v-model 有什么区别，如何使用P1

key 的作用P4

ref 的作用？P0

vue 是如何识别和解析指令P0

Vue 的 app 实例支持哪些方法和配置P1

有使用过 Vue 插件么，说下使用场景？P1

说一下 nextTick 的使用场景？P2

有使用过哪些 Vue 内置的组合式 API？P2

vue 如何配置全局使用的定义或者常量P2

说一下日常使用 Vue 中涉及那些工具链？P0

说一下用过 Vue Router 哪些功能？P0

Vue Router histroy 和 hash 模式有什么区别？P4

vuex 和 Pinia 有什么区别P3

针对 Vue 做过哪些性能优化P4

vue3 相比较于 vue2 在编译阶段有哪些改进P0

实现一个文件夹树组件，支持拖拽排序P0

实现一个 ErrorBoundary 组件，捕获子组件的错误并可自定义错误组件P1

实现下拉菜单，支持点击区域外关闭下拉组件？P1

实现一个简单的 i18n (国际化 (Internationalization) 的缩写) 插件P3

▼engineering141

什么是前端模块化P0

什么是同构P0

什么是前端脚手架？为什么需要它？P1

如何开发一个脚手架工具？P1

TDD、BDD、DDD 分别指？P2

测试金字塔P1

代码测试的工具及方法?P4

单元测试和功能或集成测试的区别?P4

如何针对 react hooks 写单测P3

代码覆盖率一般有什么手段？P2

常用的 git 命令P4

什么是 semver 规范，~1.2.3 与 ^1.2.3 的版本号范围是多少P2

在开发过程中，想做 git 代码暂存，该如何做P2

git pull 和 git fetch 区别P2

git 仓库迁移应该怎么操作P4

git 中回滚代码有哪些操作？P1

git reset 作用是啥，有哪些操作？P1

git merge 和 git rebase 区别P1

CI 和 CD 的区别P0

前端应用 CICD 有哪些方式实现P1

1030 flex 布局中 align-content 与 align-items 有何区别【热度: 106】P4

应用如何做应用灰度发布P3

性能优化策略P0

如何监控卡顿P1

常用性能指标P0

为什么传统上利用多个域名来提供网站资源会更有效？P4

采用什么工具查找性能问题?P4

如何改善网站滚动性能?P4

你如何对网站的文件和资源进行优化？P4

浏览器同一时间可以从一个域名下载多少资源,有什么例外吗？P4

解释 layout,painting,compositingP4

css 动画和 js 动画优缺点?P4

请说出三种减少页面加载时间的方法P4

什么是 domain pre-fetching 它如何帮助性能?P4

说一下 Performance APIP0

如何计算页面首屏时间P2

如何计算页面白屏时间P2

有哪些前端性能分析工具P0

动画性能如何检测P1

需要详细记录多个操作链路的性能耗时，进行结构化场景分析，该如何做P2

统计全站每一个静态资源加载耗时，该如何做P3

如何统计用户 pv 访问的发起请求数量（所有域名的）P2

可有办法判断用户的网络条件, 判断网速快慢，网络状态？P1

PerformanceObserver 如何测量页面性能P2

如何统计页面的 long taskP4

浏览器对队头阻塞有什么优化？P2

图片进行优化？P0

css加载会造成阻塞吗P1

SPA首屏加载速度慢的怎么解决P0

如何优化 DOM 树解析过程P0

常见图片懒加载P0

dom 渲染能使用 GPU 加速吗？P0

canvas 性能为何会比 html/css 好？P0

如果用户说 web 应用感觉很反应慢或者卡顿，该如何排查？P0

如何定位一个偶现的问题？P4

如何禁止别人调试自己的前端页面代码?P4

用户访问页面白屏了，原因是啥，如何排查？P4

实现 Awaited 类型定义P4

应用上线后，怎么通知用户刷新当前页面？P2

简单实现一个洋葱模式中间件P0

大文件上传了解多少P0

解决重复引用 node_modules 里面的不同版本的包(包重复问题)P1

eslint 该如何配置P2

eslint 有哪些实用的插件，该如何配置P2

slint 如何集成到 webpackP2

如何定制化开发一个 eslint 插件，功能是实现提示检验某一个项目里面的字符串errorP2

请解释什么是 ARIA 和屏幕阅读器 (screenreaders)，以及如何使网站实现无障碍访问 (accessible)?P4

Polyfill 和 shim ？P1

corejs 是做什么用的P4

描述 seo 的最佳实践或你最近使用的技术P4

什么是 FOUC (无样式内容闪烁)？你如何来避免 FOUC？P4

请谈谈你对网页标准和标准制定机构重要性的理解?P4

日志监控：如何还原用户操作流程P4

source map 可有办法将请求的调用源码地址包括代码行数也上报上去P1

如何做国际化？P4

站点如何防止爬虫？P4

SemVer（Semantic Versioning）P0

如何在前端团队快速落地代码规范P0

日常有使用过 babel 么，用在哪些场景？P1

编译器和打包器 / babel

babel 是如何工作的？P0

编译器和打包器 / babel

如何编写 babel 插件P1

编译器和打包器 / babel

有用过 webpack 或其他打包工具么，它们有什么特点解决什么问题？P0

编译器和打包器 / webpack

webpack 的主要配置项有哪些P0

编译器和打包器 / webpack

module、chunk 、output 的区别P1

编译器和打包器 / webpack

loader 和 plugin 是什么，有什么区别, 用过哪些 loader 和 pluginP0

编译器和打包器 / webpack

如何写一个 loaderP1

编译器和打包器 / webpack

如何写一个 plugin ？P2

编译器和打包器 / webpack

webpack 原理P0

编译器和打包器 / webpack

webpack 输出的 bundle 是如何实现加载顺序不影响运行的P1

编译器和打包器 / webpack

了解 tapable 么？P2

编译器和打包器 / webpack

webpack 优化P0

编译器和打包器 / webpack

说下异步加载P2

编译器和打包器 / webpack

编译器和打包器 / webpack

sideEffects 属性的作用是啥P3

编译器和打包器 / webpack

webpack externals 是如何加载外部依赖的P3

编译器和打包器 / webpack

编译器和打包器 / webpack

webpack5 Module FederationP3

编译器和打包器 / webpack

webpack热更新原理是什么？P2

编译器和打包器 / webpack

webpack-dev-server 的功能P2

编译器和打包器 / webpack

source map 配置和原理P2

编译器和打包器 / webpack

vite 和 webpack 区别P0

编译器和打包器 / vite

vite 为什么开发和构建会采用不同工具链？P1

编译器和打包器 / vite

vite dev 是如何工作的, 为什么快，有什么缺点?P0

编译器和打包器 / vite

rollup 为什么快P1

编译器和打包器 / 其他打包器

rollup 内联优化是什么？P2

编译器和打包器 / 其他打包器

浏览器架构及主要组成部分？P0

性能优化 / 浏览器原理

常见浏览器内核及区别？P0

性能优化 / 浏览器原理

输入 url 到页面渲染全过程？P0

性能优化 / 浏览器原理

DOM/CSSOM/渲染树构建？P4

性能优化 / 浏览器原理

事件循环原理、宏任务与微任务？P0

性能优化 / 浏览器原理

重排和和重绘及优化？P0

性能优化 / 浏览器原理

浏览器缓存中 Memory Cache 和 Disk Cache，有啥区别？P0

性能优化 / 浏览器原理

如何做性能优化的？P0

性能优化 / 方法和指标和工具

常用性能指标P0

性能优化 / 方法和指标和工具

有哪些前端性能分析工具P0

性能优化 / 方法和指标和工具

说一下 Performance APIP0

性能优化 / 方法和指标和工具

说一下什么是 FCP?P2

性能优化 / 方法和指标和工具

FP、FCP 有什么区别和白屏时间有什么关系？P2

性能优化 / 方法和指标和工具

如何统计资源加载耗时？P0

性能优化 / 方法和指标和工具

如何监控卡顿?P1

性能优化 / 方法和指标和工具

如何统计页面的 long task ?P4

性能优化 / 方法和指标和工具

如何实现自定义指标采集？P2

性能优化 / 方法和指标和工具

浏览器同一时间可以从一个域名下载多少资源,有什么例外吗？P4

性能优化 / 资源加载

CSS 加载是否阻塞 DOM 解析、渲染和 JavaScript 执行？P2

性能优化 / 资源加载

什么是文档的预解析P0

性能优化 / 资源加载

你如何对网站的文件和资源进行优化？P4

性能优化 / 资源加载

如何优化 DOM 来提升性能？P0

性能优化 / 渲染和运行时

DOM 和 GPU 加速的关系？P0

性能优化 / 渲染和运行时

如何优化 CSS 来提升性能？P0

性能优化 / 渲染和运行时

JS 优化的策略P4

性能优化 / 渲染和运行时

图片优化策略?P0

性能优化 / 图像和多媒体

图片懒加载原理？P0

性能优化 / 图像和多媒体

如何改善网站滚动性能?P4

性能优化 / 其他优化技巧

▼数据结构和算法89

什么是大 O 表示法，它的作用是什么？P0

复杂度分析

说一下 Array 的常用方法?P0

数组合并？P0

三数求和？P0

两数求和问题？P0

最大子数组和P0

寻找数组中的第 k 大元素P0

Fizz Buzz 问题P0

寻找首次匹配子序列P0

字符串匹配P1

字符串转换为整数P2

最长回文子串P0

字符串的全排列P0

字符串的子序列P0

字符串/数组处理P0

大数字符串相加/相乘P0

字符串/数组处理P4

**[5. 最长回文子串](https://leetcode.cn/problems/longest-palindromic-substring/)**P4

LRU 缓存机制P0

哈希和散列表

treemap和hashmap的实现以及区别？P4

哈希和散列表

一致性哈希P4

哈希和散列表

HashMap的并发问题P4

哈希和散列表

哈希和散列表

说一下栈和队列的结构的特点？P1

递减栈温度匹配P0

用栈实现队列P4

双端队列最近的较大元素P0

数组转换为链表?P0

单向链表结构实现?P0

合并两个有序链表P0

删除存在重复值的节点P0

删除倒数第 n 个节点P0

k 接翻转链表P0

判断单向链表是否是循环链表P0

判断单向链表是否是循环链表P0

定位环起点P0

跳表的原理和应用P4

ugly-num 变体P4

数组转换为树P0

深度遍历？P0

广度遍历？P0

树的先序,中序,后续?P1

二叉树的最大深度P4

翻转二叉树P4

红黑树的平衡原理P4

B树和B+树的区别P4

AVL树与红黑树比较P4

Trie树的应用场景P4

[208. 实现 Trie (前缀树)](https://leetcode.cn/problems/implement-trie-prefix-tree/)**P4

最短路径算法P0

最小生成树P0

打印所有长度为 n 的二进制数P0

N 皇后问题P0

斐波那契数列P0

最长递增子序列P0

[200. 岛屿数量](https://leetcode.cn/problems/number-of-islands/)**P4

常见数组排序算法有哪些？P0

树结构查找P0

UTF8 ASCII UTF16 区别P4

霍夫曼编码P4

大数字符串相加大数字符串相乘P0

海量数据下 topk 的问题？P4

▼编程范式22

什么是面向对象编程（OOP）？它与函数式编程有何区别？P1

JavaScript 中的对象和类是如何定义的？请举例说明P4

什么是继承，JavaScript 中的继承机制的实现方式？P4

什么是访问控制， JavaScript 中如何实现访问控制？P4

什么是多态？JS 实现多态有哪些方式？P4

什么是组合？JS 实现组合有哪些方式？P4

什么是 SOLID 原则？P4

什么是依赖注入？它和依赖倒置原则原则区别是什么，在实际开发中如何使用？P4

什么是设计模式？为什么在开发中使用设计模式？P4

解释以下创建型模式单例模式、工厂模式、建造者模式、抽象工厂模式的区别，说明实际开发中如何使用？P4

解释以下结构型模式适配器模式、装饰器模式、外观模式，说明实际开发中如何使用？P4

解释以下行为型模式观察者模式、策略模式、命令模式、状态模式，说明实际开发中如何使用？P4

解释职责链模式，说明实际开发中如何使用？P4

函数式编程了解多少？P1

函数柯里化是什么？P0

什么是高阶函数，它和柯里化有什么区别？P1

什么是偏函数？P2

什么是 Compose ？P1

什么是管道 (Pipeline)？P1

什么是函子？P2

什么是 Monad?P2

λ 演算是什么P3

▼operate-system2

进程和线程区别P4

权限管理模型相关概念P2

▼network74

网络的核心指标有哪些P1

常见网络协议有哪些P2

什么是 MAC 地址？P0

什么是 IP 地址？P0

IP 地址的分类和子网划分P1

什么是 IPv4 和 IPv6？P0

IP 报文的组成和结构P2

什么是 NAT？NAT 的作用是什么？P2

什么是 IP 分片？P3

什么是 ARP 和 RARP？P4

概述下 UDP 的功能P1

概述下 tcp 的功能P0

TCP 和 UDP 的区别和应用场景P1

tcp 报文的组成和结构P4

TCP 三次握手流程，为什么需要三次握手？P4

什么是 TCP 快速启动P1

TCP 四次挥手流程，为什么需要四次挥手？P4

TCP 如何保证数据包传输的有序可靠P1

TCP 的重传机制是怎样的P2

TCP粘包了解多少P0

TCP 拆包了解多少P0

什么是 TCP 流量控制，如何配置？P1

什么是 TCP 拥塞控制，如何配置？P1

TCP 状态机P4

http 基本流程P4

常见的请求头和响应头P0

http 缓存控制P4

http 缓存 header 中的 Date 与 Last-Modified 有什么不同P1

http 缓存中 no-cache 与 no-store 的区别是什么「P4

http content-typeP4

http 向 https 做重定向应该使用哪个状态码P1

什么是跨域资源共享 (CORS)？它用于解决什么问题？P4

站点是如何保持登录状态P1

http1、2、3区别P1

url 的长度限制P4

ajax 工作原理？P4

JSONP原理,回调过程？P4

请描述以下 request 和 response headers?P4

什么是 HTTP method？请罗列出你所知道的所有 HTTP method，并给出解释?P4

http 请求中 GET 和 POST 有什么区别P1

http 中 CSP 是什么P4

如何从 http1.1 迁移到 http2 ?P0

http1.1 的 keep-alive 和 http2 的多路复用有什么区别？P0

http2 多路复用P0

http2 中的首部压缩是什么P1

为何 http2 非常快速的就过度到了 HTTP3 ？P0

http3 有哪些核心的新特性P3

https 层可以做哪些性能优化P1

TLS 和 SSL 分别是什么，有何区别P0

HTTPS 安全协议P3

如果在网络带宽一定的情况下，切片上传感觉和整体上传，消费的时间应该是差不多的。这种说法正确吗P3

http 中 HSTS 是什么P4

什么是正向代理，反向代理P0

数字证书了解多少P0

浏览器对队头阻塞有什么优化？P2

cdn 的概念及作用?P0

CDN 是如何工作的P1

什么是 WebSocket？它与 HTTP 的主要区别是什么？P0

请详细描述 WebSocket 握手过程及数据帧格式?P1

DNS 协议了解多少P0

DNS 解析方式P0

完整域名的构成部分P4

什么是DNS劫持？P3

可有办法判断用户的网络条件, 判断网速快慢，网络状态？P1

弱网检测该如何做P4

Protobuf 相关知识P4

web 应用中如何对静态资源加载失败的场景做降级处理P0

▼interview25

为什么会有面试？P4

面试的核心逻辑是什么？P4

面试策略有哪些P4

当和上级或同事意见不同时如何处理?P4

有什么问题问我? ⭐️⭐️⭐️⭐️⭐️P4

你最近遇到过什么技术挑战？你是如何解决的？⭐️⭐️⭐️⭐️⭐️P4

你通过哪些方式获取前端的学习资源？⭐️⭐️⭐️⭐️⭐️P4

在制作一个网页应用或网站的过程中，你是如何考虑其 UI、安全性、高性能、SEO、可维护性以及技术因素的？ ⭐️⭐️⭐️P4

说一下你熟悉的版本控制系统? ⭐️⭐️⭐️P4

描述一下你编写一个页面的工作流程？ ⭐️⭐️⭐️P4

是否有设计过通用的组件？ ⭐️⭐️⭐️⭐️⭐️P4

你昨天和上周学了什么？ ⭐️P4

编写代码的哪些方面能够使你兴奋或感兴趣？ ⭐️P4

如果今年你打算熟练掌握一项新技术，那会是什么？P4

最得意的项目是什么?P4

组件的实践经验,复用性?P4

如何面试候选人

如何面试候选人

前端面试策略P4

如何面试候选人

面试官开放性问题P4

如何面试候选人

如何面试候选人

如何面试候选人

进行中

0

正在积极开发中

已完成

54

已经完成的项目

▼JavaScript36

JavaScript 中有几种数据类型 ?P0

什么是原始类型和引用类型，有什么区别？P0

有哪些方法判断变量的类型P0

0.1 + 02 !== 0.3P0

== 和 === 区别P0

操作符和表达式

let const var 区别P0

语句和申明

用过 Object 哪些方法P0

instanceof 的作用P0

如何判定一个属性来自于对象本身，还是来自于原型链P0

什么是执行上下文 ?P0

说一下 this？P0

什么是作用域？P0

什么是闭包？P0

构造函数和普通调用有什么区别？P0

JS 有几种创建函数的方式，有哪些区别？P0

说一下箭头函数，和普通函数有什么区别？P0

call,apply,bind 区别？P0

js 中异步编程有哪些模式 ?P0

说一下 promise ？P0

async 和 Promise 的区别P0

解释性语言和编译型语言的区别P0

js 引擎原理

说一下 v8 是如何执行 javascript 语句的？P0

js 引擎原理

JavaScript 如何做内存管理？P0

js 引擎原理

JS 中的数组和函数在内存中是如何存储的？P0

js 引擎原理

隐藏类是什么概念？P0

js 引擎原理

手写实现 instanceofP0

编码题 / 语言和 API

实现 PromiseP0

编码题 / 语言和 API

实现 `Promise.allSettled`P0

编码题 / 语言和 API

手写代码实现 promise.allP0

编码题 / 语言和 API

手写代码实现 promise.raceP0

编码题 / 语言和 API

promise.finally 怎么实现的？P0

编码题 / 语言和 API

实现 new 操作符P0

编码题 / 语言和 API

实现 lodash debounce ?P0

编码题 / 工具函数

实现 lodash throttleP0

编码题 / 工具函数

▼react9

什么是高阶组件 (Higher-Order Components HOC) ？P0

构建组件的方式有哪些?P0

受控和非受控组件区别?P0

createPortal 了解多少？P0

组件生命周期P0

react 组件通信方式P0

setState() 是同步还是异步？？P1

react 中的 key 有什么作用P0

react 和 react-dom 是什么关系？P0

▼vue5

什么是组件？P0

组合式 API 是什么，和选项式 API 的区别?P0

Vue 的组件有哪些类型?P0

组件生命周期?P0

组件包含哪些核心选项？P0

▼engineering2

如何理解前端工程化？P0

内促泄漏定位P0

▼编程范式2

函数副作用具体指什么P0

续延传递风格 Continuation-Passing Style （简写 CPS）P0