送给2020年还在面试前端或准备面试前端的你,奕辰帮你成功获得前端面试公司offer

想系统学习前端web的朋友,欢迎私信奕辰获取免费学习教程。

1.评论文章,没字数限制,一个字都行! 2.关注奕辰,成为的粉丝! 3.私信奕辰:“web”,“1”获取前端学习面试资料。

大家一起学习(群主会不定时更新学习资料,以及面试题文档)

或者可以添加我的个人微信号:wdnmd__xxx

小助理微信:lyf___1201


送给2020年还在面试前端或准备面试前端的你,奕辰帮你成功获得前端面试公司offer_第1张图片

此文件包含许多前端面试问题,可用于筛选潜在候选人。这绝不是建议在同一候选人上使用每一个问题(这将需要几个小时)。从这个列表中选择几个项目可以帮助你检查你想要的技能。

注意:请记住,这些问题中有许多是开放式的,可能会导致有趣的讨论,比直接回答更多地告诉你这个人的能力。

目录

一般问题

HTML问题

CSS问题

JS问题

网络问题

编码问题

有趣的问题

介入

投稿人

如何作出贡献

许可证

一般性问题:

你昨天/本周学到了什么?

你对编码感到兴奋或感兴趣的是什么?

您最近遇到的技术挑战是什么?您是如何解决的?

在构建Web应用程序或站点时,您会考虑哪些UI、安全性、性能、SEO、可维护性或技术考虑?

谈谈您喜欢的开发环境。

您熟悉哪个版本控制系统?

当你创建一个网页时,你能描述你的工作流程吗?

如果您有5个不同的样式表,您如何最好地将它们集成到站点中?

你能描述一下渐进式增强和优雅退化之间的区别吗?

如何优化网站的资产/资源?

浏览器一次从给定的域下载多少资源?

例外是什么?

列出3种减少页面加载的方法(感知或实际加载时间)。

如果你跳上一个项目,他们使用标签,你使用空格,你会做什么?

描述如何创建一个简单的幻灯片页面。

如果你今年能掌握一项技术,它会是什么?

解释标准和标准机构的重要性。

什么是非样式内容的Flash?如何避免FOUC?

解释什么是ARIA和屏幕阅读器,以及如何使一个网站可访问。

解释CSS动画与JavaScript动画的优缺点。

HTML问题:

一个

doctype

做?

标准模式和古怪模式有什么区别?

HTML和XHTML有什么区别?

在服务页面时是否有任何问题?

application/xhtml+xml

?

如何以多种语言提供内容的页面?

在为多语种网站设计或开发时,您必须警惕哪些事情?

什么是

data-

好的属性?

将HTML 5视为一个开放的Web平台。HTML 5的构件是什么?

描述

cookie

,

sessionStorage

localStorage

.

描述.之间的区别

,

.

为什么定位css通常是个好主意?

S之间

和JS

It‘就在前面

?你知道有例外吗?

什么是渐进式渲染?

您以前使用过不同的HTML模板语言吗?

CSS问题:

CSS中的类和ID有什么区别?

“重置”和“正常化”CSS有什么区别?你会选择哪一个,为什么?

描述浮标和它们是如何工作的。

描述z索引和堆叠上下文是如何形成的。

描述BFC(块格式上下文)及其工作方式。

什么是各种清算技术,哪些是适合于什么背景?

解释CSS精灵,以及如何在页面或网站上实现它们。

你最喜欢的图像替换技术是什么?

您将如何解决浏览器特定的样式问题?

如何为受功能限制的浏览器提供页面服务?

你使用什么技术/过程?

有什么不同的方法可以直观地隐藏内容(并使其仅供屏幕阅读器使用)?

你曾经使用过网格系统吗?如果是的话,你更喜欢什么?

您是否使用或实现了媒体查询或移动特定布局/CSS?

你熟悉SVG的造型吗?

如何优化打印网页?

写高效率CSS的“难点”是什么?

使用CSS预处理程序的优点/缺点是什么?

描述您喜欢和不喜欢的CSS预处理程序。

如何实现使用非标准字体的网页设计Comp?

解释浏览器如何确定哪些元素与CSS选择器匹配。

描述伪元素并讨论它们的用途。

解释您对框模型的理解,以及如何告诉CSS中的浏览器在不同的框模型中呈现您的布局。

什么

* { box-sizing: border-box; }

做?它的优点是什么?

列出您可以记住的Display属性的尽可能多的值。

内嵌和内嵌有什么区别?

相对的、固定的、绝对的和静态的元素之间有什么区别?

CSS中的C代表级联。在分配样式时如何确定优先级(几个例子)?你怎么能利用这个系统来发挥你的优势呢?

您在本地或生产中使用了哪些现有的CSS框架?你将如何改变/改进它们?

你玩过新的CSS Flexbox或Grid规范吗?

响应性设计与自适应设计有何不同?

你曾经使用过视网膜图形吗?如果是的话,你什么时候和什么时候使用了什么技术?

你有什么理由想用

translate()

而不是绝对定位反之亦然?为什么?

联署材料问题:

解释事件委托

解释如何

this

在JavaScript中工作

解释原型继承是如何工作的

你对AMD和CommonJS的看法如何?

解释为什么以下内容不能作为一种生活:

function foo(){ }();

.

有什么需要改变才能使它真正成为一种生活?

变量之间的区别是:

null

,

undefined

undeclared

?

你将如何去检查这些州中的任何一个州?

什么是闭包,以及如何/为什么使用闭包?

匿名函数的典型用例是什么?

如何组织代码?(模块模式,经典继承?)

主机对象和本机对象之间有什么区别?

以下两者之间的差异:

function Person(){}

,

var person = Person()

,和

var person = new Person()

?

有什么区别

.call

.apply

?

解释

Function.prototype.bind

.

你什么时候用

document.write()

?

特征检测、特征推断和使用UA字符串有什么区别?

尽可能详细地解释Ajax。

解释JSONP是如何工作的(以及它如何不是真正的Ajax)。

您曾经使用过JavaScript模板吗?

如果是的话,您使用了哪些库?

解释“提升”。

描述事件冒泡。

“属性”和“属性”有什么区别?

为什么扩展内置JavaScript对象不是一个好主意?

文档加载事件和文档就绪事件之间的区别?

.之间的区别是什么?

==

===

?

解释JavaScript的相同来源策略。

使其发挥作用:

duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]

为什么它被称为三元表达式,“三元”这个词表示什么?

是什么

"use strict";

?使用它的优点和缺点是什么?

创建一个for循环,循环到

100

同时输出“嗡嗡声”在.的倍数

3

,

"buzz"

在.的倍数

5

“FizzBuzz”在.的倍数

3

5

为什么,一般来说,把一个网站的全球范围保持为-而且从来不碰它-是个好主意?

你为什么要用像

load

活动?这个事件有缺点吗?你知道有什么可供选择的吗,你为什么要用这些?

解释什么是单一页面应用程序和如何使一个搜索引擎优化友好。

你对承诺和/或它们的填充物的经验有多大?

使用承诺而不是回调的利弊是什么?

用编译成JavaScript的语言编写JavaScript代码有哪些优缺点?

试题:

测试您的代码有哪些优点/缺点?

您将使用哪些工具来测试代码的功能?

单元测试和功能/集成测试有什么区别?

代码样式分析工具的用途是什么?

业绩问题:

您将使用哪些工具来查找代码中的性能缺陷?

有什么方法可以提高你的网站的滚动性能?

解释布局、绘画和合成的区别。

网络问题:

传统上,为什么更好地为来自多个域的站点资产服务?

尽你最大的努力来描述这个过程,从你输入一个网站的URL到它在你的屏幕上完成加载。

长轮询、WebSocket和服务器发送事件之间有什么区别?

解释以下请求和响应标题:

迪夫。在到期,日期,年龄,如果-修改-.

不跟踪

缓存控制

传输编码

电子标签

X-框架-选项

什么是HTTP操作?列出您知道的所有HTTP操作,并解释它们。

编码问题:

问:什么是

foo

?

var foo = 10 + '20';

问:你将如何使这个工作?

add(2, 5); // 7add(2)(5); // 7

问题:从以下语句返回的值是什么?

"i'm a lasagna hog".split("").reverse().join("");

问:什么是

window.foo

?

( window.foo || ( window.foo = "bar" ) );

问:以下两个警报的结果如何?

var foo = "Hello";(function() {  var bar = " World";  alert(foo + bar);})();alert(foo + bar);

问:什么是

foo.length

?

var foo = [];foo.push(1);foo.push(2);

问:什么是

foo.x

?

var foo = {n: 1};var bar = foo;foo.x = foo = {n: 2};

想系统学习前端web的朋友,欢迎私信奕辰获取免费学习教程。

1.评论文章,没字数限制,一个字都行! 2.关注奕辰,成为的粉丝! 3.私信奕辰:“web”,“1”获取前端学习面试资料。

大家一起学习(群主会不定时更新学习资料,以及面试题文档)

或者可以添加我的个人微信号:wdnmd__xxx

小助理微信:lyf___1201

你可能感兴趣的:(送给2020年还在面试前端或准备面试前端的你,奕辰帮你成功获得前端面试公司offer)