HTML面试题

defer和async属性在script标签中分别有什么作用?

DOM 事件的理解

h5的新特性有哪些?

html第一行的作用是什么?

img标签的alt和title属性有什么区别?

title与h1的区别和b与strong的区别和i与em的区别？

什么是SEO(搜索引擎优化)？

你在项目中是如何适配的?

如何关闭IOS键盘首字母自动大写?

对响应式布局是怎么理解的?

对渐进增强和优雅降级的理解？

对语义化标签是如何理解的？

常见的图片格式及使用场景

行内元素块元素空元素有哪些？

通常会采用哪些措施来确保网站或应用在不同浏览器上的兼容性?

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

CSS面试题

CSS3的新特性有哪些？

IFC和FFC和GFC是什么

让Chrome⽀持⼩于12px的⽂字⽅式有那些?

css中哪些方式可以隐藏页面元素?

css中那些属性可以继承？

css动画有那些

css如何画一个三角形?

CSS属性计算过程

css选择器有哪些？优先级怎么计算？

display有哪些值

line-height和height的区别

rgba和opacity设置透明度的区别

transition和animation的区别?

为什么用translate来改变位置而不是定位?

一什么是1px问题？如何在前端开发中解决它?

什么是响应式设计?

介绍下flex弹性布局

介绍下grid网格布局

伪元素和伪类的区别?

使用CSS，怎么画出一条粗细为0.5px的线?

元素之间有看不见的空白间隙是什么原因造成的?

元素水平垂直居中的方法有哪些?

兼容性问题

如何实现单行多行文本溢出的省略样式?

在网页中的应该使用奇数还是偶数的字体？

外边距塌陷是什么？

如何使用css完成视差滚动效果?

如何实现两栏布局和三栏布局?

对CSSSprites的理解（精灵图）

谈谈对盒模型的理解？

有几种定位方式？

清除浮动的方式有哪些？

解决了那些移动端的兼容性问题？

能解释一下物理像素、逻辑像素、像素密度的区别，并说明为什么在移动端开发中需要@2x、@3x等图片吗？

说说em和px和rem和vhvw的区别

说说对 CSS 预编语言的理解?

BFC是什么？

JavaScript面试题

1.什么是Reflect有什么作用？

DOM常见的操作是什么?

ES6中数组新增了那些扩展?

ESModule是怎么理解的?

JS中的继承是什么?

JavaScript中this的绑定规则有哪些?

JavaScript中本地存储有哪些？

JavaScript中的Proxy对象是什么以及他是如何工作的用于那些场景?

JavaScript中的原型和原型链是什么?

JavaScript中的数据类型有哪些?

JavaScript在执行过程中产生的AO、GO、VO、LE、VE、ER都是什么对象?

Map和WeakMap有什么不同WeakMap的特点是什么什么情况下使用WeakMap而不是Map?

Proxy和Object.defineProperty之间的区别,特别是在用于对象属性拦截和修改行为时,他们在功能和性能以及适用场景上有何区别?

V8引擎是如何执行JavaScript代码的?

V8引擎的架构是什么分别是什么作用?

call和apply和bind的区别是什么

let和const和var的区别

this相关的面试题

null和undefined的区别？

web常⻅的攻击⽅式有哪些?

什么是JavaScript引擎常见的JavaScript引擎有哪些?

什么是事件代理

什么是作用域链及其在JavaScript中的作用

什么是函数式编程?

什么是变量提升为什么JavaScript中存在变量提升这一机制?

什么是回调函数以及它在异步编程中的作用和存在的缺点?

什么是尾递归?

什么是执行上下文(Execution Context)和执行栈?

什么是防抖和节流有什么区别?

ES6中的proxy用过吗？

函数新增了那些扩展?

函数缓存是什么?

判断对象是否是数组有那些方法？

原型的作用是什么？

如何判断对象为空

JS中如何判断数据类型？

如何实现异步编程说明下各自的特点?

如何解决所谓的地狱回调的问题?

字符串的常用方法有哪些？

对象新增了那些扩展?

怎么理解ES6中Decorator的?

怎么理解ES6中Generator的?

怎么理解Promise?

怎么理解Set和Map两种数据结构?

找出二维数组中每一项的最大值

数组去重有那些方式？

数组常用的方法有哪些？

数组的sort方法的实现方法是什么？

箭头函数和普通函数有什么区别?

解释什么是生成器(Generator)以及它在异步编程中如何使用?

详细解释下async和await关键字的作用,它们与Promise相比有什么优势和不同?

说说你了解的js数据结构?

说说你对BOM的理解

谈谈JavaScript中的类型转换机制

谈谈浮点数精度丢失的问题?

跳出循环的方法有哪些?

闭包是什么在JavaScript中的用途是什么？

TypeScript面试题

TypeScript中函数的理解?

TypeScript中的Object和object有什么区别

TypeScript中的接口(interfaces)和类型别名(Type Aliases)有什么异同?

TypeScript中的枚举类型是什么

TypeScript中的装饰器如何理解?

TypeScript中类的理解

TypeScript如何与现有的JavaScript库一起使用?

TypeScript的数据类型有哪些?

TypeScript的类型系统是如何工作的

什么是条件类型(Conditional Types)?在TypeScript中如何使用它们?

什么是泛型(Generics)请提供一个泛型的使用用例?

在TypeScript中如何使用类型守卫(Type Guards)?

如何在TypeScript中使用模块(Modules)和命名空间(Namespaces)?

解释TypeScript编译过程中的逐步类型检查和擦除?

解释下TypeScript中所有的高级类型?

解释下TypeScript中的映射类型(Mapped Types)并提供一个示例

谈谈对TypeScript中接口的理解

Vue面试题

相比于Vuex,Pinia在设计和使用上有哪些显著的优势和可能得劣势?

Vue-observable了解吗

Vue.set方法是如何实现的？

Vue3中Treeshaking特性是什么?

Vue3中的CompositionAPI与React的Hooks在设计和用法上有什么主要的不同?

Vue3在编译过程中进行了哪些优化,提高了运行时性能?

Vue3性能提升主要是通过哪⼏⽅⾯体现的?

Vue3所采⽤的CompositionApi与Vue2使⽤的OptionsApi有什么不同?

Vue3的diff算法与Vue2相比有什么改进?这些改进如何影响了性能?

Vue3的响应式系统是如何工作的它与Vue2的实现有何不同?

Vue3的设计⽬标是什么?

Vue3相较于Vue2引入了那些更新和改进?

Vuex状态管理与使用全局对象进行状态管理有什么本质区别和优势?

Vuex的工作原理是什么如何理解Vuex在状态管理中的角色和重要性?

Vue中key的作用是什么?为什么需要绑定key?为什么不建议使用 index 作为 key?

Vue中使用Object.defineProperty进行数据劫持有那些潜在缺点或限制Vue3为什么选择了Proxy?

Vue中如何检测数组变化？

Vue中如何进行依赖收集?

Vue中的template语法与JSX语法有何不同它们各自的优势在哪里?

Vue中的v-show和v-if怎么理解？

Vue在那些情况下会进行依赖收集?依赖收集的机制是什么?

Vue的双向数据绑定是如何工作的简述下基本原理?

Vue组件之间通信的方式有哪些?

computed和watch的区别

diff算法的原理是什么他是如何提高性能的?

Vue中的keep-alive组件的作用和实现机制,具体缓存的内容是什么?

new-Vue过程中做了些什么?

Vue的nextTick方法的原理是什么?在Vue应用中有哪些用途?

ref和reactive的区别？

v-if和v-for那个优先级高，并说明产生什么后果

Vue中的v-show和v-if怎么理解？

vue3的新特性有哪些？

vue中的修饰符有哪些？

Vue中的性能优化点

Vue中的插槽如何理解

vue和nuxt的区别是什么？

watch和watchEffect的区别

⽤Vue3实现⼀个Modal你会怎么设计?

Vue为什么需要虚拟DOM？

关于Vue路由的理解

如何将template转换为render函数?

如何比较Vuex和localStorage在状态管理方面的不同用途和特性?

描述Pinia的核心工作原理,Pinia是如何管理和维护应用状态的?

描述下Vue的模板编译过程具体步骤包括哪些?

既然Vue通过数据劫持可以精准探测数据变化，为什么还需要虚拟DOM进行检测差异？

是什么使得Vue3在性能上比Vue2更有优势?

生命周期有哪些？

虚拟DOM和真实DOM在性能上的对比如何?

虚拟DOM是什么为什么要用虚拟DOM?

虚拟DOM的解析过程是怎样的?

说一下对响应式数据的理解?

谈谈你对SPA的理解？

谈谈你对Vue的理解?

谈谈对Vue组件化的理解?

React面试题

1.React中的Portals有什么用？

10.在项目中如何使用redux的？

11.redux的中间件的理解？

12.React项目中如何捕获错误的？

13.react中render方法的原理？

14.说说对immutable的理解

15.setState是同步还是异步的？

16.简述下React的事件代理机制

17.简述下React的生命周期

18.为什么不能在循环条件嵌套函数中调用hooks

19.说说你对useContext的理解

2.子组件是一个portal，发生点击事件能冒泡到父组件吗

20.说说你对useMemo的理解

21.说说你对自定义hook的理解

22.如何让useEffect支持async和await

23.useMemo和useCallback在什么情况下使用？

24.说说你对Hook闭包陷阱的理解

25.react18的新特性

26.如何实现父组件调用子组件的方法

27.常用的Hook有哪些？

28.说说你对useReducer的理解

29.如何在代码中判断是函数组件还是类组件

3.说说React事件和原生事件的执行顺序

30.useRef和ref和forwordRef的区别？

31.useEffect的第二个参数

32.useEffect中第一个参数中return了一个函数如何执行？

33.说说对React中Element和Component和Node和Instance四个概念的理解

34.react和vue有那些区别

35.React的router怎么理解？

36.组件通信的方式有哪些？

37.调用setState之后发生了什么？

4.说说JSX转化为真实DOM的过程

5.受控组件和非受控组件

6.react和react-dom

7.React中为什么不直接使用requestldleCallback

8.为什么react中需要fiber架构

8.说说对redux的理解

小程序面试题

1. 小程序的双线程架构了解吗？

如何自定义头部

说说微信⼩程序的登录流程?

说说微信⼩程序的⽀付流程

说说微信⼩程序的⽣命周期函数有哪些?

说说微信⼩程序的发布流程?

说说微信⼩程序的实现原理?

说说微信⼩程序的登录流程?

说说提⾼微信⼩程序的应⽤速度的⼿段有哪些?

Node面试题

Node中的全局对象有那些举例说明它们的作用?

如何在Node.js中实现模块化require和export是如何工作的?

解释Node中的非阻塞IO模型

解释Node的事件循环机制,它是如何处理异步操作的?

场景题

0.1+0.2的问题?

1.前端如何实现截图？

10.如何实现网页加载进度条

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

12.怎样设计一个全站请求耗时的统计工具

13.电影选票功能如何实现？

14.移动端如何实现上拉加载下拉刷新

15.如何对超大量数据进行渲染

2.如何解决页面请求接口大规模并发问题

3.JS超过Number最大数怎么处理？

4.移动端适配如何解决

5.如何监听元素重叠度？

6.常见的图片懒加载方式有哪些？

7.前端水印了解多少？

8.大文件上传

9.同一个链接，PC端打开是Web应用，手机打开是一个h5应用？

Hex转RGB的⽅法

ajax原理是什么?

js下划线转驼峰处理

什么是切片上传解释它如何解决大文件上传的问题?

什么是单点登录如何实现?

在前端框架中(Vue和React)中,组件通信有哪些方式可以体现观察者模式?

在实现大文件上传功能时,如何优化用户体验?

在实现虚拟列表时,如何处理不同高度的列表项?

在进行前端国际化时,如何优化性能,避免加载不必要的资源?

如何判断一个元素是否在可视区域内?

如何在前端应用中应用策略模式来优化多条件分支语句?

如何实现上拉加载下拉刷新?

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

二次封装Axios：提升开发效率与代码质量的实践

如何从0到1搭建前端基建

字符串相加

实现模版字符串解析

对象扁平化

工厂模式和抽象工厂模式在前端开发中有那些应用?

平常在阅读源码中,见到Vue或者React源码中有应用那些设计模式?

描述大文件上传的基本流程以及它为什么会成一个挑战?

描述如何在前端实现文件切片以及切片上传的过程?

描述实现虚拟列表的基本步骤和关键技术点?

描述观察者模式和发布订阅模式的区别及各自的使用场景

数字千分位分割

数组去重有几种方法?

数组扁平化有几种方式?

数组转树形结构的方法

考虑到性能优化,实现虚拟列表时应该注意哪些细节?

自定义ESLint规则集

获取URL中的参数

解释什么是前端国际化(i18n)和本地化(L10n),它们之间有什么区别?

解释什么是单例模式以及如何在JavaScript中实现它

解释虚拟列表的工作原理,为什么它能提高长列表的性能?

说说你对策略模式的理解?

说说对代理模式的理解?

工程化面试题

Babel插件是如何工作的请描述编写自定义Babel插件的步骤

Babel是如何处理JSX语法的?

Babel的polyfill和transform-plugins之间有何区别?

Babel的主要作用是什么请举例说明它是如何工作的?

Git和其他版本控制系统(如SVN)有什么本质区别?

Git的内部工作原理是什么解释Git是如何跟踪文件变化的?

Tree Shaking是什么如何在Webpack和Vite中使用?

Vite和Webpack对比有哪些区别和优势?

Vite的打包过程和静态资源处理方式

Vite的核心优势是什么它是如何实现快速启动的?

Webpack中的依赖图(Dependency Graph)是如何构建的?

Webpack如何与Babel一起工作来转译JavaScript的ES6+代码?

Webpack插件(Plugin)的工作原理及如何自定义插件?

Webpack的基本工作原理是什么请描述其打包过程?

Webpack的构建流程中有哪些关键的生命周期钩子?

Webpack的热更新是如何工作的它的原理是什么?

vite是如何使用的？

什么是Git的钩子(hook)可以用来做什么?

代码分割(Code Splitting)在Webpack中是如何实现的?

分析Webpack打包速度慢的原因以及优化策略?

如何使用Webpack来处理css和sass?

如何在Git中优化大型仓库的性能?

如何在Git中解决分支冲突?

如何撤销Git中的最后一次提交?

如何编写一个Webpack的Loader?

如何配置Babel以转译ES6+代码为向后兼容的JavaScript代码?

如何配置Webpack以优化生产环境下的打包结果?

如何配置Webpack以利用缓存提高重新构建的速度?

开发中常用的git命令有哪些?

比较npm、cnpm、yarn和pnpm之间的主要差异和各自的优势?

解释Babel插件和预设(presets)的区别和用法

解释Babel的编译过程AST(抽象语法树)的作用

解释Vite中的HMR(模块热替换)原理

解释Vite中的插件系统,它是如何工作的?

解释Webpack的模块热替换(HMR)与传统的全页面刷新之间的区别?

解释loader和plugin的区别及其在Webpack中的作用?

解释pnpm的存储结构是如何减少磁盘空间使用并提高安装速度的?

解释下Git中的rebase命令与merge命令的区别?

解释下git pull和git fetch命令的区别?

浏览器面试题

CDN有哪些显著的优点和显著的缺点?

DNS解析过程是什么请从输入网址到浏览器开始加载页面的过程进行描述?

HTTP2相比于HTTP1有哪些改进?

HTTPS如何保证Web通信的安全性?

HTTPS如何保证传输的安全性?

HTTP和HTTPS的主要区别是什么?

HTTP头中的那些字段与缓存策略有关它们各自如何工作?

HTTP的请求方法有哪些?POST和GET的区别是什么?

JS那些操作会引起内存泄露,如何避免?

TCP和UDP的区别是什么?

TCP如何保证传输的可靠性

WebSocket与轮询(Polling)和长轮询(Long-Polling)之间有何区别?

WebSocket协议的主要特点是什么?

WebSocket连接如何处理心跳和断线重连

为什么说UDP适合实时应用,如视频会议或在线游戏

什么是DNS服务器它的作用是什么?

什么是DNS预解析(DNS Prefetching)在前端优化中如何应用它?

什么是HTTP持久连接(HTTP Keep-Alive)他是如何工作的?

什么是SQL注入攻击尽管主要是后端的问题,前端开发者如何帮助防御?

什么是SSLTLS协议他们在HTTPS中扮演什么角色?

什么是垃圾回收机制它是如何管理内存的?

什么是强缓存和协商缓存它们之间有何区别?

什么是跨站脚本攻击(XSS)如何防止XSS攻击?

什么是重绘(Repaint)以及它在浏览器渲染网页时的作用?

一回流(Reflow)在浏览器渲染过程中的含义,并解释何时会触发回流?

在前端项目中如何选择和使用CDN来优化资源加载?

在地址栏输入URL后按下回车，会发生那些事情？

在网络编程中,如何处理TCP粘包问题?

如何使用浏览器的开发者工具来分析和调试缓存行为?

如何在前端实现安全的认证和授权机制?

如何在前端应用中实现与WebSocket服务处的连接?

如何设置资源的缓存策略来优化网页加载性能?

如何通过HTTP头信息控制缓存?

如果CDN节点宕机如何确保网站内容的可用性?

将JavaScript文件放置在HTML文档的不同位置(如头部和尾部)对加载和执行的影响?

常见的请求头和响应头有哪些？

描述HTTP请求的整个过程

描述TCP的三次握手

描述WebSocket的握手过程

描述一种情况,你会选择UDP而不是TCP

描述前端加密的应用场景和限制?

描述浏览器如何处理强缓存和协商缓存的决策过程

描述浏览器缓存的工作原理

一描述浏览器解析并展示HTML和CSS和JavaScript的基本过程?

浏览器事件循环

浏览器内核是什么？常见的浏览器内核有哪些?

浏览器加载和执行JavaScript文件的机制

浏览器是如何渲染页面的？

浏览器缓存如何影响HTTP请求不同的缓存策略会如何改变请求响应?

解释Cache-Control和Expires和Last-Modified和ETag等HTTP头字段如何影响浏览器缓存行为?

解释HTTP3的主要特点和改进,它与HTTP2相比有那些不同?

解释TCP的四次挥手断开连接过程

解释TCP的拥塞控制机制

解释下HTTP所有状态码分别表示什么意思?

解释下正向代理和反向代理的概念及其在网络通信中的作用?

解释同源策略(SCP)及其对Web安全的意义?

解释跨站请求伪造(CSRF)攻击及其防御机制?

讲述一下如何使用WebSocketAPI实现一个简单的聊天应用

证书颁发机构(CA)在HTTPS中起什么作用?

跨域相关的问题

性能优化面试题

Vue和React中的虚拟DOM是如何增强性能的?

css选择器会影响浏览器的渲染性能吗?

什么是CDN它有什么作用?

什么是代码分割(Code Splitting)开发中如何利用代码分割进行性能优化?

你使用过哪些性能监控的工具?

前端开发中有哪些性能优化方面的操作?

如何配置DNS预解析(DNS Prefetching)以及它是如何应用的?

常见的图片优化操作有那些如何提高性能?

开发中如何避免重绘(Repaint)和回流(Reflow)?

懒加载(Lazy Loading)与预加载(Preloading)是什么有什么作用?

编写JavaScript代码的过程中有哪些性能优化的操作?

防抖和节流在什么场景下可以提高性能?

代码题

手写Promise的代码实现

手写apply函数的代码实现

手写bind函数的代码实现

手写call函数的代码实现

手写 new 操作符的代码实现

手写事件总线(EventBus)的代码实现

手写函数柯里化(curry)的代码实现

手写浅拷贝函数的代码实现

手写深拷贝代码的实现

手写节流函数(throttle)的代码实现

手写防抖函数(debounce)的代码实现

找出字符串出现最多次数的字符以及次数

数组乱序输出

给字符串头部插入指定参数的方法

请求并发控制

项目难点亮点

如何捕获项目中的错误

一解释Vite中的插件系统,它是如何工作的?

Previous Page解释Vite中的HMR(模块热替换)原理

Next Page解释Webpack的模块热替换(HMR)与传统的全页面刷新之间的区别?

ON THIS PAGE