一些关于前端面试的心得 经验

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

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

目录
一般问题
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？
你熟悉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); // 7
add(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};