想系统学习前端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
