任务看板 | web-interview

跳到主要内容

22%

待办

893

这个项目还未开始

▼html140

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

什么是 HTML 语义化？P0

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

HTML 全局属性有哪些？P1

attribute property 区别?P0

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

src 和 href 有什么区别P0

crossorigin 的作用是什么P1

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

说一下 HTMl 下有哪些元素P0

HTML5 中 meta 标签作用是啥P0

header 的作用P1

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

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

html 元素类型P2

页面导入样式时，使用link和@import有什么区别？P2

a 标签保存文件P2

HTML 中的 input 标签有哪些 typeP2

link 标签有那些属性，作用都是啥？P0

web components 了解多少P0

事件冒泡?P0

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

说明 load,ready,DOMContentLoaded 的区别P1

事件冒泡机制?P4

stopImmediatePropagation 和 stopPropagation 区别P4

addEventListener 和 attribute onclickP4

什么是事件委托P1

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

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

onpopstate 可以监听到一个pushstate的事件吗P0

XMLHTTPRequest 对象P0

XHR 和 Fetch 是否支持取消请求P0

getComputedStyle用法?P4

解释 cookies session storage local storage 的区别 ?P0

IntersectionObserver api?P3

ResizeObserver 作用是什么P2

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

Cookie和Session区别？P1

如何批量触发多个请求P2

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

为何现在主流的图表库都是用的 canvas 方案，而不是使用 svg，是基于什么因素考量的呢P4

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

介绍一下 URLSearchParams APIP2

剪切板方法P1

localStorage 是同步还是异步P1

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

如何判断用户设备P2

navigator.sendBeaconP2

MutationObserverP0

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

requestIdleCallback apiP2

scrollIntoView apiP4

浏览器的存储有哪些P0

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

为何现在市面上做表格渲染可视化技术的，大多数都是 canvas ，而很少用 svg 的？P0

跨页面通信方式？P0

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

requestAnimationFrameP0

escape、encodeURI、encodeURIComponent 区别P0

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

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

输入 url 到渲染P0

browser-rendering

浏览器架构P4

browser-rendering

html5有哪些新特性移除了那些元素？P0

browser-rendering

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

browser-rendering

如何区分 HTML 和 HTML5?P4

browser-rendering

url 解析到渲染过程分析?P4

browser-rendering

如何构建 DOM Tree 的P4

browser-rendering

常见浏览器内核有哪些，有什么区别P4

browser-rendering

repaint 和 reflow 区别P0

browser-rendering

如何避免重拍和重绘P4

browser-rendering

浏览器主要组成部分P4

browser-rendering

宏任务和微任务P4

browser-rendering

事件循环原理?P4

browser-rendering

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

browser-rendering

常见的浏览器内核有哪些？P0

browser-rendering

jS 浏览器事循环有哪些使用案例P2

browser-rendering

什么是文档的预解析P0

browser-rendering

浏览器有读写能力吗？P4

browser-rendering

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

browser-rendering

浏览器和 Node 事件循环有区别吗？P0

browser-rendering

浏览器渲染进程了解多少？P0

browser-rendering

gcP4

browser-rendering

browser-rendering

browser-rendering

常见 web 安全问题P0

browser-security

browser-security

browser-security

跨域手段有哪些P4

browser-security

browser-security

browser-security

browser-security

网页验证码是干嘛的，是为了解决什么安全问题？P4

browser-security

加密基础概念P4

browser-security

中间人攻击?P4

browser-security

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

browser-security

中间人攻击是什么？P4

browser-security

browser-security

性能优化策略P0

browser-performance

如何监控卡顿P1

browser-performance

常用性能指标P0

browser-performance

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

browser-performance

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

browser-performance

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

browser-performance

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

browser-performance

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

browser-performance

browser-performance

解释 layout,painting,compositingP4

browser-performance

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

browser-performance

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

browser-performance

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

browser-performance

说一下 Performance APIP0

browser-performance

如何计算页面首屏时间P2

browser-performance

如何计算页面白屏时间P2

browser-performance

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

browser-performance

动画性能如何检测P1

browser-performance

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

browser-performance

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

browser-performance

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

browser-performance

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

browser-performance

PerformanceObserver 如何测量页面性能P2

browser-performance

如何统计页面的 long taskP4

browser-performance

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

browser-performance

图片进行优化？P0

browser-performance

css加载会造成阻塞吗P1

browser-performance

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

browser-performance

如何优化 DOM 树解析过程P0

browser-performance

常见图片懒加载P0

browser-performance

browser-performance

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

browser-performance

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

browser-performance

▼js140

有几种方法判断变量的类型P1

null undefined 区别?P1

0.1 + 02 !== 0.3P0

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

BigInt 是如何实现的？P3

js 中类型转换规则？P1

== 和 === 区别P0

操作符优先级P2

Object.is 与全等运算符(===)有何区别P2

inP0

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

let var const 区别? ⭐️⭐️⭐️⭐️⭐️P4

什么是执行上下文P0

new Function 了解多少？P0

函数声明与函数表达式的区别P0

匿名函数？P1

箭头函数?P4

普通函数动态参数和箭头函数的动态参数有什么区别？P0

call,apply,bind 区别？P0

IIFE 是什么？P4

解释一下原型、构造函、实例、原型链之间的关系P0

原始封装类型P4

对象的可变和不可变P4

深拷贝和浅拷贝区别?P4

instanceof 的使用P4

手写实现四种继承P4

Object.create 实现原型继承P4

hasOwnProperty 与 instanceof 区别P0

类数组转换成数组的方法有哪些P0

js 编写数组排序P4

找出匹配的数组P4

es6 generatorP4

let const var 区别P4

Reflect.get() 和直接通过对象 [.] 访问获取属性，有何区别P2

getter setterP2

Object.keys 与 Object.getOwnPropertyNames() 有何区别P2

Javascript 数组中有那些方法可以改变自身，那些不可以P2

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

JS 创建对象的方式有哪些？P0

数字千分位P4

url 查询字段解码P4

解构复制对象，是深拷贝还是浅拷贝P2

for...of、for...in、for 循环，三者有什么区别P0

eval 了解多少？P1

const 和 readonly 的区别P1

JavaScript 异步解决方案的发展历程主要有哪些阶段？P1

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

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

v8P0

V8 里面的 JIT 是什么？P4

JavaScript 如何做内存管理？P0

引擎调试与性能分析P4

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

隐藏类是什么概念？P0

for 循环的性能远远高于 forEach 的性能？P1

JavaScript 和 BOM、DOM 、ECMAScript、Nodejs 之间是什么关系P0

amd、commonjs、esm 理解P0

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

JS 严格模式为什么会禁用 with 语句？【热度P2

递归和尾递归是什么概念?P1

副作用是什么概念P0

异步编程的实现方式?P0

实现 call 或 apply 方法?P4

深拷贝和浅拷贝P4

实现 loadash getP4

async await 原理，手写 async 函数？P0

检测对象循环引用P4

实现一个处理长字符串的函数P2

统计前端请求耗时P2

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

创建一个禁止修改的对象，只能通过指定方法去修改属性P2

铺平嵌套数组P2

判断一个对象是否为空，包含了其原型链上是否有自定义数据或者方法。该如何判定P4

cookies 解析函数，输出结果为一个对象P4

实现并发异步调度器P4

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

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

实现日期格式化 format 函数P0

实现一个函数，计算两个日期之间的天数差P0

实现 map 函数P4

JS 中数组深对比实现P0

JS 中如何实现大对象深度对比P0

根据 path 来解析数组，生成多维度的数组对象P4

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

实现管道函数P0

模拟new操作P0

手写实现 instanceofP0

手写实现 Object.createP1

实现一个缓存函数P0

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

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

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

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

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

this指向与对象继承数组方法：输出以下代码执行的结果并解释为什么？P0

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

手写订阅-发布模式P0

['1', '2', '3'].map(parseInt) 结果是啥，为什么？P4

promise.allSettledP4

手写代码实现 promise.allP4

手写代码实现 promise.raceP4

setObjectValue(obj: object, keys: string[], value: any) 方法，支持安全设置对象的值P4

Promise finally 怎么实现的？P4

如何判断一个数值是整数，实现 isIntegerP1

限制并发的 PromiseP4

async await 原理，手写 async 函数?P4

▼css60

css 选择器优先级如何计算?P0

介绍下 BFC、IFC、GFC 和 FFC？P0

BFC (Block Formatting Context 块格式化上下文)P0

IFC(Inline Formatting Context 内联格式化上下文)P1

css 选择器性能P1

内联加载样式和外联加载样式有啥区别P1

css module 是什么？P0

margin 塌陷P0

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

position 属性P0

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

custom-propertyP2

display float 理解P4

display none 和 vsibility hidden 区别P4

px 如何转为 remP2

line-gradientP0

水平垂直居中P0

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

css 如何实现分栏布局P2

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

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

瀑布流布局P4

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

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

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

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

less 函数如何使用？P2

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

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

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

三角形 borderP0

CSS3实现卡片翻转?P4

常见布局实现P4

实现阿拉伯数字转中文P0

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

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

▼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

▼react61

构建组件的方式有哪些P1

为什么 react 组件，都必须要申明一个 `import React from 'react';`P4

react 中如何引入样式P2

Class Components 和 Function Components 的区别？P1

父组件调用子组件的方法P1

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

错误边界组件如何使用P1

jsx 返回 null undefined false 区别P2

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

state 和 props 区别P1

Portals 作用是什么，有哪些使用场景？P2

createElementP0

cloneElement 的使用P3

forwardRef 的使用P3

react 类组件中哪些要保持为纯函数，为什么P0

shouldComponentUpdate 的作用P1

react 如何处理事件，Synthetic Event 的作用P4

useEffect 依赖为空数组与 componentDidMount 区别P0

createContext 和 useContext 有什么区别，是做什么用的P0

useCallback 是否支持异步函数P1

useLayoutEffect 和 useEffect 有什么区别?P0

如何进行路由变化监听P4

react-router 页面跳转时，是如何传递下一个页面参数的？P1

如何实现路由守卫P0

redux reducerP0

mobx 与 redux 的区别P4

React 与 Vue 的主要区别P1

React 中 mode 是什么？P1

react 是如何进行渲染的？P0

虚拟 DOM (virtual dom)P0

reconciliationP0

commit 阶段的执行过程P0

scheduler 调度机制原理P4

react hooks 原理P4

useRef 是如何实现的P4

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

事件绑定原理P0

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

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

是如何实现页面的快速响应？P1

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

性能调优中，如何确定哪个数据变化引起的组件渲染P2

如何实现转场动画？P4

React15 架构存在什么样的问题？P2

React 18 的新特性有哪些P4

react19 新特性P2

▼vue55

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

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

什么是响应式？P0

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

什么是指令？P0

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

watch 和 computed 有什么区别吗P0

ref 和 reactive 有何区别吗P1

watch 和 watchEffect 使用有何区别P0

provide inject 的使用场景？P1

说下 effectScope ？P2

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

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

什么是函数组件，和 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

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

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

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

说一下 nextTick 的使用场景？P2

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

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

vue-router hash 模式和历史模式区别P4

vuex 和 Pinia 有什么区别P3

scope 是怎么做的样式隔离的P2

异常处理机制有哪些P0

3.x 中 app.config 有哪些应用配置？P4

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

插件是什么概念，有什么作用，该怎么用P4

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

你做过哪些性能优化P4

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

使用Proxy实现简易的vue双向数据绑定P4

react 中是如何实现下拉菜单场景，点击区域外关闭下拉组件？P1

▼hybird7

react native 工作原理是什么？P4

jsBridge 是什么？原理是啥？P0

小程序的大概原理?P0

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

为什么小程序拿不到 domP4

授权登录流程P4

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

▼algorithm88

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

complex-analysis

说一下 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

dynamic-programing

dynamic-programing

斐波那契数列P0

dynamic-programing

最长递增子序列P0

dynamic-programing

dynamic-programing

dynamic-programing

dynamic-programing

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

dynamic-programing

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

树结构查找P0

UTF8 ASCII UTF16 区别P4

霍夫曼编码P4

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

海量数据下 topk 的问题？P4

▼network72

网络的核心指标有哪些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

cdn 的概念及作用?P0

CDN 是如何工作的P1

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

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

DNS 协议了解多少P0

DNS 解析方式P0

完整域名的构成部分P4

什么是DNS劫持？P3

弱网检测该如何做P4

Protobuf 相关知识P4

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

▼engineering114

什么是前端模块化P0

什么是同构P0

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

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

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

babel 是如何工作的？P0

如何编写 babel 插件P1

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

bundler-webpack

webpack 的主要配置项有哪些P0

bundler-webpack

module、chunk 、output 的区别P1

bundler-webpack

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

bundler-webpack

如何写一个 loaderP1

bundler-webpack

如何写一个 plugin ？P2

bundler-webpack

webpack 原理P0

bundler-webpack

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

bundler-webpack

了解 tapable 么？P2

bundler-webpack

webpack 优化P0

bundler-webpack

说下异步加载P2

bundler-webpack

bundler-webpack

sideEffects 属性的作用是啥P3

bundler-webpack

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

bundler-webpack

bundler-webpack

webpack5 Module FederationP3

bundler-webpack

webpack热更新原理是什么？P2

bundler-webpack

webpack-dev-server 的功能P2

bundler-webpack

source map 配置和原理P2

bundler-webpack

vite 和 webpack 区别P0

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

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

rollup 为什么快P1

rollup 内联优化是什么？P2

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

内促泄漏定位P0

实现 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

▼operate-system2

进程和线程区别P4

权限管理模型相关概念P2

▼paradigm21

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

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

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

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

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

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

什么是 SOLID 原则？P4

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

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

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

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

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

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

函数式编程了解多少？P1

函数柯里化是什么？P0

什么是偏函数？P2

什么是 Compose ？P1

什么是管道 (Pipeline)？P1

什么是函子？P2

什么是 Monad?P2

λ 演算是什么P3

▼interview25

为什么会有面试？P4

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

面试策略有哪些P4

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

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

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

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

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

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

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

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

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

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

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

最得意的项目是什么?P4

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

前端面试策略P4

面试官开放性问题P4

▼coding45

实现一个拖曳列表组件P1

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

长列表渲染解决方案?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

进行中

0

正在积极开发中