想系统学习前端web的朋友,欢迎私信奕辰获取免费学习教程。
1.评论文章,没字数限制,一个字都行! 2.关注奕辰,成为的粉丝! 3.私信奕辰:“web”,“1”获取前端学习面试资料。
大家一起学习(群主会不定时更新学习资料,以及面试题文档)
或者可以添加我的个人微信号:wdnmd__xxx
小助理微信:lyf___1201
此文件包含许多前端面试问题,可用于筛选潜在候选人。这绝不是建议在同一候选人上使用每一个问题(这将需要几个小时)。从这个列表中选择几个项目可以帮助你检查你想要的技能。
注意:请记住,这些问题中有许多是开放式的,可能会导致有趣的讨论,比直接回答更多地告诉你这个人的能力。
目录
一般问题
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