练习前端测验面试题及解答

Preparation dashboard

Create a free account to track your progress

We recommend these 4 areas of learning to prepare you holistically for your front end interview rounds. Explore guides and 200+ practice questions here.

编码

3 subcategories of questions: JavaScript, User Interfaces & Data Structures and Algorithms

测验

Trivia-style front end questions asked across all interview rounds

系统设计

Design, architecture and optimization decisions for common front end apps

Behavioral

Strategies to tackle the wide domain of behavioral interviews, specific to SWE

编码

测验

系统设计

Behavioral

Recommended focus areas

See all

Async Operations

Data Structures & Algorithms

Design System Components

Lodash Functions

描述`<script>`、`<script async>`和`<script defer> `之间的差异
Topics
HTMLJAVASCRIPT
解释原型继承如何工作
Topics
JAVASCRIPT
解释 JavaScript `this` 如何工作
Topics
JAVASCRIPT
解释您对盒模型的理解，以及您如何告诉浏览器在 CSS 中渲染您在不同盒模型中的布局。
Topics
CSS
使用`let`、`var`或`const`创建的变量之间有什么差异？
Topics
JAVASCRIPT
`* { box-sizing: border-box; }` 是干什么的？
Topics
CSS
CSS 选择器的优先级以及它是如何工作的？
Topics
CSS
CSS `display` 属性是什么，你可以举几个例子说明它的使用情况？
Topics
CSS
`==` 和 `===`之间有什么区别？
Topics
JAVASCRIPT
`null`, `undefined` 和未声明变量的区别是什么？
Topics
JAVASCRIPT
`.call`和`.apply`之间有什么区别？
Topics
JAVASCRIPT
描述cookie、 `sessionStorage` 和 `localStorage` 之间的差异。
Topics
HTMLJAVASCRIPT
`relative`, `absolute`, `fixed` 和 `sticky` 定位的元素之间有什么区别？
Topics
CSS
`inline` 和 `inline-block`之间有什么区别？
Topics
CSS
您可以为新箭头函数语法提供一个用例吗？
Topics
JAVASCRIPT
为什么一般来说，将CSS`<link>`放在`<head></head>`之间，将JS`<script>`放在`</body>`之前是个好主意？
Topics
HTML性能
描述事件冒泡过程
Topics
JAVASCRIPTHTML
解释事件委托
Topics
JAVASCRIPTHTML
解释 `Function.prototype.bind`
Topics
JAVASCRIPT
解释“（变量）提升”
Topics
JAVASCRIPT
解释浏览器如何决定什么元素与 CSS 选择器匹配。
Topics
CSS
解释同步函数和异步函数之间的差异
Topics
JAVASCRIPT
你玩过新的CSS Flexbox或Grid规范吗？
Topics
CSS
您是否有任何理由想使用 `translate()` 而不是 `absolute` 定位，或反之亦然？为什么？
Topics
CSS性能
使用Promise而不是回调的利弊是什么？
Topics
JAVASCRIPT
什么是闭包？你如何/为何使用？
Topics
JAVASCRIPT
什么是事件循环？
Topics
JAVASCRIPT
你用什么语言结构来迭代对象的属性和数组项目？
Topics
JAVASCRIPT
匿名函数的典型使用案例是什么？
Topics
JAVASCRIPT
描述块级格式化上下文(BFC)及其工作方式。
Topics
CSS
描述“浮动”及其工作方式。
Topics
CSS
描述伪元素并讨论其用途。
Topics
CSS
描述 `z-index` 和堆叠上下文是如何形成的。
Topics
CSS
在设计或开发多语言站点时你必须注意什么事？
Topics
HTML国际化
比较差异: `function Person(){}`, `var person = Person()`, 和 `var person = new Person()`?
Topics
JAVASCRIPT
尽可能详细地解释Ajax
Topics
JAVASCRIPT网络
解释CSS 图片精灵（雪碧图），以及您如何在页面或网站上实现它们。
Topics
CSS性能
解释JSONP 如何工作(以及它为什么不是真正的 Ajax)
Topics
JAVASCRIPT网络安全
解释可变和不可变对象之间的差异
Topics
JAVASCRIPT
解释`function foo() {}` 和 `var foo = function() {}` 之间在`foo` 使用方法上的差异
Topics
JAVASCRIPT
解释一个单页应用程序是什么以及如何优化SEO
Topics
JAVASCRIPT
您是否曾经使用过网格系统，如果使用的话，您喜欢什么？
Topics
CSS
你如何提供一个有多国语言内容的页面？
Topics
HTML国际化
你如何为功能受限的浏览器提供你的网页？
Topics
CSS
响应设计与自适应设计有何不同？
Topics
CSS
您将如何解决特定浏览器特有的样式问题？
Topics
CSS
在构造函数中对方法使用箭头语法有什么好处？
Topics
JAVASCRIPT
`data-`属性有什么用？
Topics
HTML测试
使用CSS 预处理器的优点/缺点是什么？
Topics
CSS
ES2015类和 ES5 函数构造函数之间有什么区别？
Topics
JAVASCRIPT
有哪些不同的方法可以在视觉上隐藏内容（并使其仅对屏幕阅读器可用）？
Topics
CSS无障碍
什么是渐进式渲染？
Topics
HTML
高阶函数的定义是什么？
Topics
JAVASCRIPT
什么是`严格模式`？
Topics
JAVASCRIPT
"attribute" 和 "property" 之间有什么区别？
Topics
JAVASCRIPT
功能检测、功能推断和使用UA字符串之间有什么区别？
Topics
JAVASCRIPT
“ resetting”和“normalizing”CSS 之间有什么区别？
Topics
CSS
为什么一般来说，让一个网站的全局范围保持原样，永远不可触及是个好主意？
Topics
JAVASCRIPT
为什么你会在图片标签中使用 `srcset` 属性？
Topics
HTML
您是否熟悉SVG样式？
Topics
CSS
你能描述一个 `.forEach` 循环和 `.map()` 循环之间的主要差异吗？
Topics
JAVASCRIPT
你能解释一下将网站编码为响应式与使用移动优先策略之间的区别吗？
Topics
CSS
您能提供一个解构对象或数组的例子吗？
Topics
JAVASCRIPT
您能提供一个柯里化函数的例子，以及为什么这个语法会有优势？
Topics
JAVASCRIPT
你能举例说明除 "screen "以外的媒体查询属性吗？
Topics
CSS
创建一个for循环，迭代到`100`，同时在`3`的倍数上输出**"fizz "**，在`5`的倍数上输出**"buzz"**，在`3`和`5`的公倍数上输出**"fizzbuzz"**。
Topics
JAVASCRIPT
描述您喜欢和不喜欢使用的 CSS 预处理器。
Topics
CSS
Document `load` 事件和 `DOMContentLoaded` 事件之间的区别？
Topics
JAVASCRIPT
ES2015 模板字面量在生成字符串时具有很大的灵活性，您能给出一个例子吗？
Topics
JAVASCRIPT
解释与JavaScript有关的同源策略。
Topics
JAVASCRIPT网络
解释这为什么不能以IIFE工作: `function foo(){ }();`. 为了使它成为一个IIFE，需要作出哪些改变？
Topics
JAVASCRIPT
您是否曾使用视网膜屏幕工作过？
Topics
CSS
你是否使用或配置过媒体查询或移动端专用布局/CSS？
Topics
CSS
如何在文件之间共享代码？
Topics
JAVASCRIPT
您如何组织您的代码？
Topics
JAVASCRIPT
将 HTML5 视为一个开放的网络平台。 HTML5 由哪些东西构成？
Topics
HTML
用编译成 JavaScript 的语言编写JavaScript 代码的一些优点/缺点是什么？
Topics
JAVASCRIPT
编写高效的CSS有哪些 "麻烦"？
Topics
CSS
使用Ajax的利弊是什么？
Topics
JAVASCRIPT网络
使用展开语法 (Spread syntax) 的好处是什么？它与剩余语法 (Rest syntax) 有何不同？
Topics
JAVASCRIPT
有哪些不同的清浮动技术，哪些适合什么情况？
Topics
CSS
您对AMD与 CommonJS的看法如何？
Topics
JAVASCRIPT
`DOCTYPE` 是做什么的？
Topics
HTML
您在本地或在生产中使用了哪些现有的 CSS 框架？
Topics
CSS
你对Promise和/或其polyfills的经验有多少？
Topics
JAVASCRIPT
你使用什么工具和技术来调试 JavaScript 代码？
Topics
JAVASCRIPT
宿主对象和本地对象之间有什么区别？
Topics
JAVASCRIPT
您什么时候使用 `document.write()`？
Topics
JAVASCRIPT
为什么扩展内置的 JavaScript 对象不是一个好主意？
Topics
JAVASCRIPT
为什么它被称为三元表达？"三元 "一词表示什么？
Topics
JAVASCRIPT
你为什么要使用 `load` 事件？
Topics
JAVASCRIPT
为什么你想要创建静态类成员？
Topics
JAVASCRIPT

Preparation dashboard

Recommended focus areas

指南

学习计划

法律声明

公司

Preparation dashboard

Recommended focus areas

Preparation areas

题目列表