前端工作面试题目

注意 转载须保留原作链接(  ),译文链接,笔者译者等消息。
 小编:wangwen8玖陆    

注意 转发须保留原来的文章链接(  ),译文链接,作者译者等音信。
 小编:wangwen8玖陆    

前端工作面试标题

本文蕴含了有的用于检验候选者的前端面试标题。不提出对单个候选者问及每一种难题(那要求或多或少个钟头)。只要从列表里甄选部分,就能辅助您考察候选者是或不是享有所须要的才能。

备注:
那几个标题中大多都是开放性的,能够引发有意思的座谈。那比平素的答案更能展示这厮的技术。

备注: 本 repo
包括了1些前端面试标题用于检查实验候选者。不提出对单个候选者问及每一个标题(那必要或多或少个钟头)。只要从列表里选拔部分,就能协理你调查候选者是不是具有所急需的本领了。

本文包涵了壹部分用以检验候选者的前端面试标题。不提出对单个候选者问及每一种标题(那必要一些个钟头)。只要从列表里选用部分,就能援救你考查候选者是或不是有所所急需的工夫。

正文包括了一部分用于试验候选者的前端面试标题。不建议对单个候选者问及各个标题(那须求1些个刻钟)。只要从列表里挑选部分,就能协理你调查候选者是或不是享有所供给的技术。

<a name=’toc’>目录</a>

  1. 广阔难点
  2. HTML
    相关难点
  3. CSS 相关难点
  4. JS 相关主题材料
  5. 测试相关主题材料
  6. 职能相关难题
  7. 网络有关难点
  8. 代码相关主题素材
  9. 意思难点

Rebecca Murphey 的 Baseline For Front-End
Developers
是你在预备面试前应当阅读的绝佳能(CANON)源。

备注: 那一个问题中有的是都以开放性的,能够吸引有意思的议论。那比间接的答案更能浮现这厮的力量。

备考: 这个难题中众多都以开放性的,可以招引风趣的议论。那比直接的答案更能突显此人的力量。

参预合营

  1. 贡献者
  2. 怎么样参预贡献
  3. 许可协议

记住:
大多标题都以开放的,能够抓住有意思的座谈。这比直接的答案更能反映这个人的力量。

目录

  1. 科学普及难点
  2. HTML 相关主题材料
  3. CSS 相关难题
  4. JS 相关难点
  5. 测试相关难点
  6. 功能相关难题
  7. 互联网有关主题材料
  8. 代码相关主题材料
  9. 意思难点

目录

  1. 普及问题
  2. HTML 相关难点
  3. CSS 相关难题
  4. JS 相关主题素材
  5. 测试相关主题材料
  6. 意义相关主题素材
  7. 网络有关难题
  8. 代码相关难题
  9. 乐趣难题

<a name=’general-questions’>常见难题:</a>

  • 您在前几天/本周学到了什么?
  • 编写代码的哪些方面能够使您欢腾或感兴趣?
  • 您近年来遇到过哪些本事挑衅?你是怎样缓解的?
  • 在创设一个网页应用或网址的进度中,你是怎样考虑其
    UI、安全性、高质量、SEO、可维护性以及技艺因素的?
  • 请谈谈您欣赏的支出环境。
  • 你最纯熟哪一套版本调控系统?
  • 您能描述当您营造叁个网页的行事流程吗?
  • 要是您有 五 个例外的体制文件 (stylesheets), 整合进网址的最佳法子是?
  • 您能描述渐进巩固 (progressive enhancement) 和优雅降级 (graceful
    degradation) 之间的两样呢?
  • 你什么对网站的公文和能源进行优化?
  • 浏览器同临时间能够从叁个域名下载多少财富?
    • 有怎么着不相同吗?
  • 请说出三种压缩页面加载时间的方式。(加载时间指感知的时间依旧实际上加载时间)
  • 借使你参预到2个项目中,发现她们使用 Tab
    来缩进代码,可是你欣赏空格,你会如何做?
  • 请写三个粗略的幻灯效果页面。
  • 只要二零一9年您打算熟稔掌握一项新技艺,那会是怎么?
  • 请谈谈您对网页标准和正式制订机关重要的接头。
  • 什么样是 FOUC (无样式内容闪烁)?你怎么来制止 FOUC?
  • 请表达怎么样是 A凯雷德IA 和荧屏阅读器
    (screenreaders),以及怎么样使网址完成无障碍访问 (accessible)。
  • 请解释 CSS 动画和 JavaScript 动画的利弊。
  • 什么是跨域财富共享 (CO大切诺基S)?它用来消除什么难题?

目录

  1. 早期的进献者
  2. 科学普及难题
  3. HTML
    相关难点
  4. CSS 相关难题
  5. JS 相关主题素材
  6. jQuery
    相关主题素材
  7. 代码相关的主题材料
  8. 风趣的标题
  9. 别的参考资料

广阔难点:

  • 你在明天/本周学到了如何?
  • 编纂代码的哪些方面能够使您兴奋或感兴趣?
  • 你方今越过过怎么着技巧挑战?你是怎么化解的?
  • 在创建三个网页应用或网址的长河中,你是什么思考其
    UI、安全性、高质量、SEO、可维护性以及工夫因素的?
  • 请谈谈您喜爱的开销环境。
  • 你最纯熟哪一套版本调整系统?
  • 您能描述当您塑造三个网页的劳作流程吗?
  • 假如您有 5 个不等的样式文件 (stylesheets), 整合进网址的最棒办法是?
  • 您能描述渐进巩固 (progressive enhancement) 和高雅降级 (graceful
    degradation) 之间的例外吧?
  • 您怎么对网址的公文和能源开始展览优化?
  • 浏览器同一时间能够从1个域名下载多少能源?
    • 有怎么着两样吗?
  • 请说出三种缩小页面加载时间的办法。(加载时间指感知的日子照旧实际上加载时间)
  • 假定你参预到三个品种中,发现她们选拔 Tab
    来缩进代码,然则你喜欢空格,你会怎么做?
  • 请写多个简短的幻灯效果页面。
  • 只要二零一玖年您打算熟谙明白壹项新技艺,那会是哪些?
  • 请谈谈您对网页标准和正式制订机关首要的接头。
  • 什么样是 FOUC (无样式内容闪烁)?你哪些来防止 FOUC?
  • 请表明如何是 A奥迪Q三IA 和显示器阅读器
    (screenreaders),以及怎么样使网址达成无障碍访问 (accessible)。
  • 请解释 CSS 动画和 JavaScript 动画的利害。
  • 怎么着是跨域能源共享 (COOdysseyS)?它用于缓解哪些难题?

普及难题:

  • 您在前天/本周学到了怎么?
  • 编写制定代码的哪些方面能够使你欢畅或感兴趣?
  • 你近期遇见过什么样本事挑衅?你是何等消除的?
  • 在炮制一个网页应用或网址的经过中,你是哪些考虑其
    UI、安全性、高质量、SEO、可维护性以及才具因素的?
  • 请谈谈您喜爱的开采环境。
  • 你最明白哪一套版本调控系统?
  • 您能描述当您创设三个网页的劳作流程吗?
  • 假设您有 5 个不等的样式文件 (stylesheets), 整合进网址的最棒办法是?
  • 您能描述渐进加强 (progressive enhancement) 和高雅降级 (graceful
    degradation) 之间的不等吧?
  • 您如何对网址的文件和资源开始展览优化?
  • 浏览器同临时间能够从四个域名下载多少能源?
    • 有如何两样吗?
  • 请说出二种压缩页面加载时间的不2秘技。(加载时间指感知的小时依旧实际上加载时间)
  • 假设你参加到二个体系中,发现她们选择 Tab
    来缩进代码,不过你欣赏空格,你会如何是好?
  • 请写2个简便的幻灯效果页面。
  • 一经今年您打算熟稔驾驭一项新手艺,那会是什么样?
  • 请谈谈您对网页标准和行业内部制定机关首要的明亮。
  • 怎么样是 FOUC (无样式内容闪烁)?你怎样来幸免 FOUC?
  • 请解释什么是 AKugaIA 和显示屏阅读器
    (screenreaders),以及如何使网址落成无障碍访问 (accessible)。
  • 请解释 CSS 动画和 JavaScript 动画的利害。
  • 什么是跨域财富共享 (COLX570S)?它用于化解什么难点?

<a name=’html-questions’>HTML 相关主题材料:</a>

  • doctype(文档类型) 的功用是怎么样?
  • 浏览器标准情势 (standards mode) 、差不离标准情势(almost standards
    mode)和奇特情势 (quirks mode) 之间的区分是怎样?
  • HTML 和 XHTML 有怎样界别?
  • 澳门葡京 ,只要页面使用 ‘application/xhtml+xml’ 会有何样难点啊?
  • 设若网页内容要求援救多语言,你会咋做?
  • 在安插和支付多语言网址时,有怎么着难题你必须要思索?
  • 使用 data- 属性的功利是怎么样?
  • 万壹把 HTML伍 看作做贰个开放平台,那它的创设模块有哪些?
  • 请描述 cookiessessionStoragelocalStorage 的区别。
  • 请解释 <script><script async><script defer> 的区别。
  • 为何日常推荐将 CSS <link> 放置在 <head></head> 之间,而将 JS
    <script> 放置在 </body> 在此之前?你知道有何分歧吗?
  • 什么是渐进式渲染 (progressive rendering)?
  • 您用过怎么差别的 HTML 模板语言?

初期的进献者:

前端工作面试题目。备注: 那里大部分的面试题都摘抄自 Paul Irish
(@paul_irish) 在
oksoclap 成立的帖子,那份原帖的进献者还有:

  • @bentruyman –
  • @cowboy –
  • @ajpiano –
  • @SlexAxton –
  • @boazsender –
  • @miketaylr –
  • @vladikoff –
  • @gf3 –
  • @jon_neal –
  • @wookiehangover –
  • @iansym –

HTML 相关难题:

  • doctype(文书档案类型) 的功用是什么样?
  • 浏览器标准格局 (standards mode) 、差不多标准方式(almost standards
    mode)和奇异方式 (quirks mode) 之间的分化是哪些?
  • HTML 和 XHTML 有怎样分别?
  • 若果页面使用 ‘application/xhtml+xml’ 会有啥样难题吗?
  • 倘若网页内容供给帮忙多语言,你会如何是好?
  • 在规划和付出多语言网址时,有哪些难题你要求求思量?
  • 使用 data- 属性的收益是什么样?
  • 一经把 HTML5 看作做3个开放平台,那它的构建立模型块有如何?
  • 请描述 cookiessessionStorage 和 localStorage 的区别。
  • 请解释 <script><script async> 和 <script defer> 的区别。
  • 怎么平常推荐将 CSS <link> 放置在 <head></head> 之间,而将
    JS <script> 放置在 </body> 以前?你理解有怎么样分化吗?
  • 什么样是渐进式渲染 (progressive rendering)?
  • 您用过怎么样差异的 HTML 模板语言?

HTML 相关主题素材:

  • doctype(文书档案类型) 的法力是哪些?
  • 浏览器标准格局 (standards mode) 、大约标准方式(almost standards
    mode)和奇特情势 (quirks mode) 之间的区分是何许?
  • HTML 和 XHTML 有哪些分别?
  • 纵然页面使用 ‘application/xhtml+xml’ 会有怎么着难题吧?
  • 倘使网页内容要求帮衬多语言,你会怎么办?
  • 在筹划和付出多语言网址时,有何难点你不可能不要考虑?
  • 使用 data- 属性的功利是如何?
  • 借使把 HTML5 看作做3个开放平台,那它的构建立模型块有哪些?
  • 请描述 cookiessessionStorage 和 localStorage 的区别。
  • 请解释 <script><script async> 和 <script defer> 的区别。
  • 何以平常推荐将 CSS <link> 放置在 <head></head> 之间,而将
    JS <script> 放置在 </body> 此前?你通晓有何样不相同吗?
  • 什么是渐进式渲染 (progressive rendering)?
  • 你用过怎么分歧的 HTML 模板语言?

<a name=’css-questions’>CSS 相关主题素材:</a>

  • CSS 中类 (classes) 和 ID 的区别。
  • 请问 “resetting” 和 “normalizing” CSS
    之间的分别?你会什么挑选,为啥?
  • 请表明浮动 (Floats) 及其工作规律。
  • 描述z-index和叠加上下文是如何演进的。
  • 请描述 BFC(Block Formatting Context) 及其怎么样行事。
  • 列举差异的铲除浮动的本事,并提出它们分别适用的施用景况。
  • 请表明 CSS sprites,以及你要什么样在页面或网址中落实它。
  • 您最欣赏的图形替换方法是怎么样,你什么采纳选拔。
  • 您会什么消除特定浏览器的样式难点?
  • 怎样为有效用范围的浏览器提供网页?
    • 您会动用什么技艺和拍卖措施?
  • 有啥的隐蔽内容的点子 (假设还要还要保障显示器阅读器可用呢)?
  • 您用过栅格系统 (grid system) 吗?假如使用过,你最欢乐哪一类?
  • 您用过媒体询问,或针对移动端的布局/CSS 吗?
  • 您熟习 SVG 样式的书写吗?
  • 怎么样优化网页的打字与印刷样式?
  • 在挥洒高效 CSS 时会有如何难点亟需思量?
  • 行使 CSS 预处理器的利害有哪些?
    • 请描述您已经采取过的 CSS 预处理器的利害。
  • 若果安排中运用了非标准化准的书体,你该怎么样去落到实处?
  • 请解释浏览器是什么样推断成分是或不是合作某些 CSS 采纳器?
  • 请描述伪元素 (pseudo-elements) 及其用途。
  • 请表达你对盒模型的知道,以及如何在 CSS
    中告知浏览器采取差别的盒模型来渲染你的布局。
  • 请解释 * { box-sizing: border-box; } 的职能,
    并且表明使用它有怎么着好处?
  • 请罗列出您所知晓的 display 属性的整个值
  • 请解释 inline 和 inline-block 的区别?
  • 请解释 relative、fixed、absolute 和 static 成分的界别
  • CSS 中字母 ‘C’ 的情趣是叠层
    (Cascading)。请问在规定样式的经过中优先级是如何支配的
    (请举例)?怎么着有效行使此系统?
  • 你在开荒或生产条件中选用过怎样 CSS 框架?你感觉应该怎么着创新他们?
  • 借问你有品味过 CSS Flexbox 大概 Grid 标准规则吗?
  • 缘何响应式设计 (responsive design) 和自适应设计 (adaptive design)
    不相同?
  • 你有格外 retina 显示屏的经历吗?要是有,在怎么着地点使用了何种工夫?
  • 借问怎么要接纳 translate() 而非 absolute
    positioning
    ,或反之的理由?为啥?

常见难题:

  • 您在明天/本周学到了什么?

  • 编排代码的哪些方面能够使您兴奋或感兴趣?

  • 在成立1个Web应用或Web站点的历程中,你是如何思考他的UI、安全性、高质量、SEO、可维护性以及本领因素的?

  • 斟酌你快乐的付出环境。(例如操作系统,编辑器,浏览器,工具等等。)

  • 你能描述一下当你制作贰个网页的做事流程吗?

  • 您能描述一下渐进巩固和古雅降级之间的不等呢?

    • 万壹涉嫌了特色检查评定,能够加分。
  • 请解释一下什么是“语义化的 HTML”。

  • 您怎么样对网址的文件和财富拓展优化?

    • 可望的化解方案包罗:
      • 文件合并
      • 文本最小化/文件减弱
      • 使用 CDN 托管
      • 缓存的采取
      • 其他
  • 缘何选拔八个域名来提供网址能源会更实用?
    • 浏览器同暂且间能够从二个域名下载多少财富?
  • 请说出两种收缩页面加载时间的办法。(加载时间指感知的日子或然实际上加载时间)

  • 若是你参预到三个类型中,发现她们使用 Tab
    来缩进代码,可是你喜欢空格,你会如何是好?

    • 建议那一个项目应用像 艾德itorConfig ()
      之类的科班
    • 为了维持壹致性,接受项目本来的品格
    • 直白选取 VIM 的 retab 命令
  • 请写一个粗略的幻灯效果页面
    • 一旦不应用JS来成功,能够加分。
  • 你都施用什么工具来测试代码的性质?
    • Profiler, JSPerf, Dromaeo
  • 若是二〇一九年您打算熟谙精通一项新技巧,那会是什么样?

  • 请谈一下您对网页标准和行业内部制订机关首要的明白。

  • 什么样是 FOUC(无样式内容闪烁)?你如何来幸免 FOUC?

CSS 相关主题素材:

  • CSS 中类 (classes) 和 ID 的区别。
  • 请问 “resetting” 和 “normalizing” CSS
    之间的差别?你会什么选取,为何?
  • 请解释浮动 (Floats) 及其工作原理。
  • 描述z-index和叠加上下文是如何产生的。
  • 请描述 BFC(Block Formatting Context) 及其怎么样工作。
  • 历数分化的清除浮动的技艺,并提出它们分别适用的利用情状。
  • 请表达 CSS sprites,以及你要怎么样在页面或网址中落到实处它。
  • 您最欣赏的图样替换方法是什么,你如何挑选使用。
  • 你会怎么着消除特定浏览器的体裁难题?
  • 怎么样为有效率范围的浏览器提供网页?
    • 你会动用什么手艺和拍卖办法?
  • 有怎样的隐藏内容的章程 (假诺同时还要保险显示屏阅读器可用呢)?
  • 你用过栅格系统 (grid system) 吗?如若应用过,你最高兴哪一类?
  • 你用过媒体询问,或针对移动端的布局/CSS 吗?
  • 您熟谙 SVG 样式的书写吗?
  • 何以优化网页的打字与印刷样式?
  • 在挥洒高效 CSS 时会有何样难点亟需怀想?
  • 选择 CSS 预处理器的利弊有何?
    • 请描述您早已选择过的 CSS 预处理器的优缺点。
  • 倘使安顿中利用了非标准的书体,你该如何去落到实处?
  • 请解释浏览器是什么判别成分是或不是同盟有些 CSS 选取器?
  • 请描述伪成分 (pseudo-elements) 及其用途。
  • 请解释你对盒模型的敞亮,以及怎么样在 CSS
    中告知浏览器采取区别的盒模型来渲染你的布局。
  • 请解释 * { box-sizing: border-box; } 的效果,
    并且表明使用它有何样便宜?
  • 请罗列出你所精通的 display 属性的全方位值
  • 请解释 inline 和 inline-block 的区别?
  • 请表达 relative、fixed、absolute 和 static 成分的区分
  • CSS 中字母 ‘C’ 的意思是叠层
    (Cascading)。请问在明确样式的进度中优先级是怎么着调控的
    (请举例)?怎么样有效运用此系统?
  • 您在开荒或生育环境中行使过如何 CSS 框架?你认为应该如何创新他们?
  • 借问您有尝试过 CSS Flexbox 可能 Grid 标准条件吗?
  • 怎么响应式设计 (responsive design) 和自适应设计 (adaptive design)
    不相同?
  • 您有分外 retina 荧屏的经历呢?如若有,在什么样地点选取了何种手艺?
  • 借问怎么要利用 translate() 而非 absolute
    positioning
    ,或反之的说辞?为啥?

CSS 相关问题:

  • CSS 中类 (classes) 和 ID 的区别。
  • 请问 “resetting” 和 “normalizing” CSS
    之间的区分?你会什么挑选,为何?
  • 请表达浮动 (Floats) 及其职业规律。
  • 描述z-index和叠加上下文是如何产生的。
  • 请描述 BFC(Block Formatting Context) 及其怎么着行事。
  • 历数差异的铲除浮动的手艺,并建议它们各自适用的应用景况。
  • 请解释 CSS sprites,以及你要怎么样在页面或网址中贯彻它。
  • 您最快乐的图形替换方法是哪些,你怎么抉择采纳。
  • 您会怎么缓解特定浏览器的体制难点?
  • 哪些为有作用范围的浏览器提供网页?
    • 您会使用什么本事和拍卖措施?
  • 有哪些的藏匿内容的办法 (假设还要还要确认保证显示屏阅读器可用呢)?
  • 您用过栅格系统 (grid system) 吗?要是接纳过,你最欢娱哪个种类?
  • 您用过媒体询问,或针对移动端的布局/CSS 吗?
  • 您熟识 SVG 样式的书写吗?
  • 怎么着优化网页的打字与印刷样式?
  • 在挥洒高效 CSS 时会有怎么着难题亟待思量?
  • 行使 CSS 预处理器的利害有啥样?
    • 请描述您已经选取过的 CSS 预处理器的利弊。
  • 比方规划中接纳了非标准化准的字体,你该怎么去落到实处?
  • 请解释浏览器是什么样判断成分是或不是协作有个别 CSS 选取器?
  • 请描述伪元素 (pseudo-elements) 及其用途。
  • 请解释你对盒模型的驾驭,以及哪些在 CSS
    中告诉浏览器采取分歧的盒模型来渲染你的布局。
  • 请解释 * { box-sizing: border-box; } 的效能,
    并且表达使用它有啥样受益?
  • 请罗列出你所明白的 display 属性的全方位值
  • 请解释 inline 和 inline-block 的区别?
  • 请表达 relative、fixed、absolute 和 static 成分的区分
  • CSS 中字母 ‘C’ 的情趣是叠层
    (Cascading)。请问在规定样式的长河中先期级是何等支配的
    (请举例)?怎么着有效行使此系统?
  • 你在开垦或生育环境中接纳过如何 CSS 框架?你以为应该怎样立异他们?
  • 借问您有尝试过 CSS Flexbox 大概 Grid 标准规则吗?
  • 怎么响应式设计 (responsive design) 和自适应设计 (adaptive design)
    分化?
  • 您有协作 retina 显示屏的阅历吧?要是有,在什么样地点采纳了何种工夫?
  • 试问怎么要采纳 translate() 而非 absolute
    positioning
    ,或反之的说辞?为何?

<a name=’js-questions’>JS 相关主题素材:</a>

  • 请解释事件代理 (event delegation)。
  • 请解释 JavaScript 中 this 是如何职业的。
  • 请说明原型继承 (prototypal inheritance) 的原理。
  • 您怎么看 AMD vs. CommonJS?
  • 请解释为啥接下去那段代码不是 IIFE
    (霎时调用的函数表达式):function foo(){ }();.

    • 要做什么改变使它成为 IIFE?
  • 叙述以下变量的区分:nullundefinedundeclared
    • 该怎么检测它们?
  • 怎么着是闭包 (closure),如何行使它,为啥要运用它?
  • 请举出3个匿名函数的突出用例?
  • 你是怎样组织自身的代码?是使用模块格局,依然使用精湛一连的方法?
  • 请提议 JavaScript 宿主对象 (host objects) 和原生对象 (native
    objects) 的区分?
  • 请提议以下代码的界别:function Person(){}var person = Person()var person = new Person()
  • .call.apply 的区别是何许?
  • 请解释 Function.prototype.bind
  • 在哪些时候你会选取 document.write()
  • 请提出浏览器性情检查实验,本性揣摸和浏览器 UA 字符串嗅探的界别?
  • 请尽量详细的表达 Ajax 的劳作规律。
  • 使用 Ajax 都有怎么着优劣?
  • 请说明 JSONP 的办事原理,以及它为啥不是真正的 Ajax。
  • 你使用过 JavaScript 模板系统啊?
    • 如有使用过,请谈谈你都施用过哪些库?
  • 请解释变量注明进步 (hoisting)。
  • 请描述事件冒泡机制 (event bubbling)。
  • “attribute” 和 “property” 的分别是怎么着?
  • 何以扩张 JavaScript 内置对象不是好的做法?
  • 请提出 document load 和 document DOMContentLoaded 七个事件的分化。
  • ===== 有哪些不一致?
  • 请解释 JavaScript 的同源攻略 (same-origin policy)。
  • 怎么样贯彻下列代码:

[1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]
  • 怎样是三元表明式 (Ternary expression)?“长富 (Ternary)”
    表示什么意思?
  • 什么是 "use strict"; ? 使用它的补益和弊病分别是怎么着?
  • 请完毕四个遍历至 100 的 for loop 循环,在能被 3 整除时输出
    “fizz”,在能被 5 整除时输出 “buzz”,在能而且被 35
    整除时输出 “fizzbuzz”
  • 何以常常会感觉保留网址存活的全局意义域 (global scope)
    不去改动它,是较好的取舍?
  • 干什么你会利用 load 之类的风波(event)?此事件有弱点吗?你是不是知晓其余取代品,以及为何选用它们?
  • 请表达怎么着是单页应用 (single page app), 以及如何使其对找出引擎友好
    (SEO-friendly)。
  • 你采纳过 Promises 及其 polyfills 吗? 请写出 Promise
    的宗旨用法(ES六)。
  • 使用 Promises 而非回调 (callbacks) 优缺点是怎么样?
  • 选拔壹种能够编写翻译成 JavaScript 的言语来写 JavaScript
    代码有怎么着优缺点?
  • 你利用什么工具和技能来调控 JavaScript 代码?
  • 你会选取什么的言语结构来遍历对象属性 (object properties)
    和数组内容?
  • 请解释可变 (mutable) 和不改变 (immutable) 对象的界别。
    • 请举出 JavaScript 中一个不改变性对象 (immutable object) 的事例?
    • 不改变性 (immutability) 有哪些优缺点?
    • 什么样用你协调的代码来兑现不改变性 (immutability)?
  • 请表明同步 (synchronous) 和异步 (asynchronous) 函数的界别。
  • 何以是事件循环 (event loop)?
    • 试问调用栈 (call stack) 和职务队列 (task queue) 的区别是何等?
  • 解释 function foo() {}var foo = function() {} 用法的界别

HTML相关难题:

  • doctype(文档类型)的功力是怎么样?

  • 浏览器标准格局和新奇方式之间的分别是何等?

  • 运用 XHTML 的局限有如何?

    • 假设页面使用 ‘application/xhtml+xml’ 会有何样难题啊?
  • 壹旦网页内容供给扶助多语言,你会如何做?
    • 在布署和支付多语言网址时,有怎么着难题你须求求思虑?
  • data-品质的效劳是什么样?

  • 要是把 HTML伍 看作做叁个开放平台,那它的塑造立模型块有何?

  • 请描述一下 cookies,sessionStorage 和 localStorage 的界别?

JS 相关主题素材:

  • 请表明事件代理 (event delegation)。
  • 请解释 JavaScript 中 this 是如何做事的。
  • 请表达原型继承 (prototypal inheritance) 的规律。
  • 你怎么看 AMD vs. CommonJS?
  • 请表达为啥接下去那段代码不是 IIFE
    (立时调用的函数表达式):function foo(){ }();.

    • 要做什么改观使它成为 IIFE?
  • 叙述以下变量的界别:nullundefined 或 undeclared
    • 该怎么检验它们?
  • 怎样是闭包 (closure),怎样使用它,为啥要动用它?
  • 请举出二个匿名函数的拔尖用例?
  • 你是怎样组织协调的代码?是运用模块情势,依旧利用杰出再而三的主意?
  • 请提出 JavaScript 宿主对象 (host objects) 和原生对象 (native
    objects) 的分别?
  • 请提出以下代码的界别:function Person(){}var person = Person()var person = new Person()
  • .call 和 .apply 的界别是什么样?
  • 请解释 Function.prototype.bind
  • 在什么样时候你会接纳 document.write()
  • 请提出浏览器天性检验,天性臆想和浏览器 UA 字符串嗅探的分别?
  • 请尽也许详尽的讲授 Ajax 的劳作规律。
  • 使用 Ajax 都有哪些优劣?
  • 请解释 JSONP 的做事原理,以及它为什么不是的确的 Ajax。
  • 你使用过 JavaScript 模板系统啊?
    • 如有使用过,请谈谈你都使用过怎么库?
  • 请表达变量申明提高 (hoisting)。
  • 请描述事件冒泡机制 (event bubbling)。
  • “attribute” 和 “property” 的分别是什么?
  • 为啥扩张 JavaScript 内置对象不是好的做法?
  • 请提出 document load 和 document DOMContentLoaded 三个事件的差距。
  • == 和 === 有哪些两样?
  • 请解释 JavaScript 的同源攻略 (same-origin policy)。
  • 怎么样兑现下列代码:

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

  • 怎么是新禧初中一年级表达式 (Ternary expression)?“安慕希 (Ternary)”
    表示什么意思?

  • 什么是 "use strict"; ? 使用它的补益和弊病分别是怎么着?
  • 请完毕多个遍历至 100 的 for loop
    循环,在能被 3 整除时输出 “fizz”,在能被 5 整除时输出 “buzz”,在能同时被 3和 5 整除时输出 “fizzbuzz”。
  • 为啥平日会感到保留网址存活的大局意义域 (global scope)
    不去改动它,是较好的挑三拣四?
  • 缘何你会利用 load 之类的轩然大波
    (event)?此事件反常吗?你是或不是知情其余代替品,以及为什么选取它们?
  • 请表明什么是单页应用 (single page app), 以及哪些使其对寻觅引擎友好
    (SEO-friendly)。
  • What is the extent of your experience with Promises and/or their
    polyfills?
  • 运用 Promises 而非回调 (callbacks) 优缺点是何许?
  • 采取一种能够编写翻译成 JavaScript 的语言来写 JavaScript
    代码有哪些优缺点?
  • 您利用什么工具和技巧来调节 JavaScript 代码?
  • 你会使用什么的言语结构来遍历对象属性 (object properties)
    和数组内容?
  • 请表明可变 (mutable) 和不变 (immutable) 对象的分别。
    • 请举出 JavaScript 中三个不改变性对象 (immutable object) 的事例?
    • 不改变性 (immutability) 有什么优缺点?
    • 哪些用你自身的代码来达成不改变性 (immutability)?
  • 请解释同步 (synchronous) 和异步 (asynchronous) 函数的界别。
  • 何以是事件循环 (event loop)?
    • 试问调用栈 (call stack) 和义务队列 (task queue) 的不一样是何许?
  • 解释 function foo() {} 与 var foo = function() {} 用法的界别

JS 相关主题素材:

  • 请解释事件代理 (event delegation)。
  • 请解释 JavaScript 中 this 是如何行事的。
  • 请解释原型承继 (prototypal inheritance) 的原理。
  • 您怎么看 AMD vs. CommonJS?
  • 请表达为啥接下去那段代码不是 IIFE
    (立时调用的函数表明式):function foo(){ }();.

    • 要做哪些退换使它成为 IIFE?
  • 叙述以下变量的区分:nullundefined 或 undeclared
    • 该怎么检查实验它们?
  • 怎么着是闭包 (closure),怎么样接纳它,为啥要接纳它?
  • 请举出3个匿名函数的杰出用例?
  • 您是怎样组织本人的代码?是采纳模块模式,如故使用美貌延续的点子?
  • 请提出 JavaScript 宿主对象 (host objects) 和原生对象 (native
    objects) 的差距?
  • 请提议以下代码的界别:function Person(){}var person = Person()var person = new Person()
  • .call 和 .apply 的界别是什么?
  • 请解释 Function.prototype.bind
  • 在什么样时候你会利用 document.write()
  • 请提议浏览器个性检查测试,本性猜测和浏览器 UA 字符串嗅探的差异?
  • 请尽大概详细的分解 Ajax 的办事原理。
  • 动用 Ajax 都有何优劣?
  • 请表达 JSONP 的职业规律,以及它干吗不是的确的 Ajax。
  • 你使用过 JavaScript 模板系统啊?
    • 如有使用过,请谈谈您都接纳过什么样库?
  • 请说明变量声明提高 (hoisting)。
  • 请描述事件冒泡机制 (event bubbling)。
  • “attribute” 和 “property” 的界别是何许?
  • 何以扩充 JavaScript 内置对象不是好的做法?
  • 请建议 document load 和 document DOMContentLoaded 七个事件的分化。
  • == 和 === 有哪些两样?
  • 请解释 JavaScript 的同源攻略 (same-origin policy)。
  • 什么落到实处下列代码:

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

  • 何以是新岁初中一年级表明式 (Ternary expression)?“安慕希 (Ternary)”
    表示什么看头?

  • 什么是 "use strict"; ? 使用它的收益和弊病分别是什么?
  • 请完毕一个遍历至 100 的 for loop
    循环,在能被 3 整除时输出 “fizz”,在能被 5 整除时输出 “buzz”,在能同时被 3和 5 整除时输出 “fizzbuzz”。
  • 干什么平时会感到保留网址存活的全局意义域 (global scope)
    不去改换它,是较好的挑选?
  • 缘何你会利用 load 之类的轩然大波
    (event)?此事件不符合规律吗?你是不是清楚其余代替品,以及为何接纳它们?
  • 请表达什么是单页应用 (single page app), 以及哪些使其对寻觅引擎友好
    (SEO-friendly)。
  • What is the extent of your experience with Promises and/or their
    polyfills?
  • 动用 Promises 而非回调 (callbacks) 优缺点是哪些?
  • 应用一种能够编写翻译成 JavaScript 的言语来写 JavaScript
    代码有啥优缺点?
  • 你利用什么工具和本领来调控 JavaScript 代码?
  • 你会动用什么的语言结构来遍历对象属性 (object properties)
    和数组内容?
  • 请解释可变 (mutable) 和不改变 (immutable) 对象的不同。
    • 请举出 JavaScript 中三个不改变性对象 (immutable object) 的事例?
    • 不改变性 (immutability) 有何样优缺点?
    • 何以用你本身的代码来贯彻不改变性 (immutability)?
  • 请解释同步 (synchronous) 和异步 (asynchronous) 函数的差距。
  • 什么是事件循环 (event loop)?
    • 试问调用栈 (call stack) 和职责队列 (task queue) 的界别是何等?
  • 解释 function foo() {} 与 var foo = function() {} 用法的不一样

<a name=’testing-questions’>测试相关主题素材:</a>

  • 对代码进行测试的有怎么着优缺点?
  • 你会用什么工具测试你的代码效率?
  • 单元测试与效果/集成测试的差距是什么样?
  • 代码风格 linting 工具的效力是怎么样?

CSS 相关主题素材:

  • 叙述下 “reset” CSS 文件的意义和行使它的裨益。

  • 讲明下转移和它的劳作规律。

  • 历数分化的破除浮动的技术,并提出它们分别适用的施用情况。

  • 释疑下 CSS sprites,以及你要哪些在页面或网站中使用它。

  • 你最欣赏的图纸替换方法是何等,你如何挑选使用。

  • 议论CSS hacks,条件引用可能别的。

  • 怎么样为有功力限制的浏览器提供网页?

  • 您会使用什么才具和拍卖方法?

  • 有哪些的潜伏内容的不2秘籍(借使还要还要确定保证显示屏阅读器可用呢?)

  • 你用过栅格系统啊?若是应用过,你最快乐哪个种类?

  • 您用过媒体询问,或针对移动端的布局/CSS 吗?

  • 你纯熟 SVG 样式的书写吗?

  • 什么优化网页的打印样式?

  • 在挥洒高效 CSS 时会有啥样难题亟需思量?

  • 应用 CSS 预处理器的利害有哪些?(SASS,Compass,Stylus,LESS)

  • 叙述下您曾经选拔过的 CSS 预处理的利害。

  • 假使铺排中使用了非标准化准的书体,你该如何去落到实处?

  • Webfonts (字体服务例如:谷歌 Webfonts,Typekit 等等。)

  • 疏解下浏览器是怎么判断成分是还是不是协作有些 CSS 选拔器?

  • 解释一下你对盒模型的通晓,以及怎么着在 CSS
    中告诉浏览器采取不一样的盒模型来渲染你的布局。

测试相关主题材料:

  • 对代码进行测试的有如何优缺点?
  • 您会用什么工具测试你的代码效用?
  • 单元测试与效果/集成测试的分别是什么样?
  • 代码风格 linting 工具的效劳是怎样?

测试相关难点:

  • 对代码举行测试的有哪些优缺点?
  • 您会用什么工具测试你的代码效能?
  • 单元测试与功能/集成测试的分别是如何?
  • 代码风格 linting 工具的职能是什么?

<a name=’performance-questions’>功能相关主题素材:</a>

  • 你会用什么工具来搜寻代码中的质量难题?
  • 你会用什么点子来巩固网址的页面滚动作效果应?
  • 请解释 layout、painting 和 compositing 的区别。

JS相关难题:

  • 解释下事件代理。

  • 解释下 JavaScript 中 this 是怎么着行事的。

  • 释疑下原型承继的规律。

  • 你是怎么样测试JavaScript代码的?

  • AMD vs. CommonJS?

  • 何以是哈希表?

  • 分解下怎么接下去那段代码不是
    IIFE(登时调用的函数表明式):function foo(){ }();.

  • 要做怎么着退换使它成为 IIFE?

  • 讲述以下变量的界别:nullundefinedundeclared

  • 该怎么着检查测试它们?

  • 什么是闭包,怎么着使用它,为何要选拔它?

  • 请举出二个匿名函数的卓绝用例?

  • 阐述 “JavaScript 模块方式” 以及你在曾几何时使用它。

  • 一旦有提到无污染的命名空间,能够设想加分。
  • 只要您的模块未有协调的命名空间会如何?

  • 你是怎样组织团结的代码?是采用模块格局,依旧选拔杰出延续的点子?

  • 请建议 JavaScript 宿主对象和原生对象的界别?

  • 提议下列代码的分别:

    function Person(){} 
    var person = Person(); 
    var person = new Person();
    
  • .call.apply 的界别是如何?

  • 请解释 Function.prototype.bind 的作用?

  • 您什么日期优化自个儿的代码?

  • 你能解释一下 JavaScript 中的承接是什么行事的呢?

  • 在怎样时候你会利用 document.write()

    • 大好多生成的广告代码依然利用
      document.write(),尽管那种用法会令人很不爽。
  • 请提出浏览器特性检查评定,性格猜想和浏览器 UA 字符串嗅探的不同?

  • 请尽量详细的表达 AJAX 的办事原理。

  • 请解释 JSONP 的工作规律,以及它干吗不是确实的 AJAX。

  • 您使用过 JavaScript 模板系统吧?

    • 如有使用过,请谈谈您都应用过怎么库,比如 Mustache.js,Handlebars
      等等。
  • 请解释变量注明提高。

  • 请描述下事件冒泡机制。

  • “attribute” 和 “property” 的界别是何许?

  • 缘何扩充 JavaScript 内置对象不是好的做法?

  • 为啥扩张 JavaScript 内置对象是好的做法?

  • 请提议 document load 和 document ready 多个事件的区分。

  • ===== 有哪些差别?

  • 你哪些从浏览器的 U昂科雷L 中收获查询字符串参数。

  • 请解释一下 JavaScript 的同源攻略。

  • 请描述一下 JavaScript 的承袭方式。

  • 何以促成下列代码:

    [1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]
    
  • 讲述一种 JavaScript 中贯彻 memoization(制止再一次运算)的政策。

  • 什么是元日表达式?“安慕希” 表示什么意思?

  • 函数的参数元是什么样?

  • 什么是 "use strict"; ? 使用它的便宜和弊病分别是怎么着?

职能相关主题素材:

  • 你会用什么工具来搜索代码中的品质难题?
  • 您会用什么措施来增进网址的页面滚动效应?
  • 请解释 layout、painting 和 compositing 的区别。

成效相关主题材料:

  • 你会用什么工具来研究代码中的品质难点?
  • 您会用什么情势来进步网址的页面滚动作效果应?
  • 请解释 layout、painting 和 compositing 的区别。

<a name=’network-questions’>互连网有关难题:</a>

  • 为啥守旧上使用五个域名来提供网址能源会更管用?
  • 请尽量完整得描述从输入 U帕JeroL
    到壹切网页加载实现及展现在显示器上的百分百流程。
  • Long-Polling、Websockets 和 Server-Sent 伊夫nt 之间有哪些差异?
  • 请描述以下 request 和 response headers:
    • Diff. between Expires, Date, Age and If-Modified-…
    • Do Not Track
    • Cache-Control
    • Transfer-Encoding
    • ETag
    • X-Frame-Options
  • 哪些是 HTTP method?请罗列出你所知晓的具备 HTTP method,并付诸解释。
  • 请解释 HTTP status 301 与 302 的区别?

jQuery 相关难题:

  • 解释”chaining”。

  • 解释”deferreds”。

  • 您明白哪些针对 jQuery 的优化措施。

  • 请解释 .end() 的用途。

  • 你怎么给贰个事件处理函数命名空间,为何要如此做?

  • 请说出你能够传递给 jQuery 方法的各个分化值。

    • 选拔器(字符串),HTML(字符串),回调函数,HTML成分,对象,数组,元素数组,jQuery对象等。
  • 怎么是功力队列?

  • 请指出 .get()[]eq() 的区别。

  • 请指出 .bind().live().delegate() 的区别。

  • 请指出 $$.fn 的界别,或许说出 $.fn 的用途。

  • 请优化下列选择器:

    $(".foo div#bar:eq(0)")
    

互联网有关难点:

  • 缘何守旧上选取多少个域名来提供网址财富会更使得?
  • 请尽或许完整得描述从输入 U瑞鹰L
    到全方位网页加载达成及呈以往显示器上的总体工艺流程。
  • Long-Polling、Websockets 和 Server-Sent 伊芙nt 之间有何样界别?
  • 请描述以下 request 和 response headers:
    • Diff. between Expires, Date, Age and If-Modified-…
    • Do Not Track
    • Cache-Control
    • Transfer-Encoding
    • ETag
    • X-Frame-Options
  • 什么样是 HTTP method?请罗列出您所领会的有所 HTTP method,并交给解释。

网络有关难题:

  • 干什么古板上行使七个域名来提供网址能源会更使得?
  • 请尽也许完整得描述从输入 U奇骏L
    到全体网页加载达成及呈今后荧屏上的总体育工作艺流程。
  • Long-Polling、Websockets 和 Server-Sent 伊芙nt 之间有啥样分别?
  • 请描述以下 request 和 response headers:
    • Diff. between Expires, Date, Age and If-Modified-…
    • Do Not Track
    • Cache-Control
    • Transfer-Encoding
    • ETag
    • X-Frame-Options
  • 什么是 HTTP method?请罗列出您所精晓的享有 HTTP method,并付出解释。

<a name=’coding-questions’>代码相关的标题:</a>

问题: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" ) );

标题:上边多个 alert 的结果是什么样?

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};

标题:上边代码的出口是何许?

console.log('one');
setTimeout(function() {
  console.log('two');
}, 0);
console.log('three');

代码相关的主题材料:

~~3.14

难点:上边语句的再次来到值是怎么样?
答案:3

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

难点:上边的口舌的再次回到值是何等?
答案:”goh angasal a m’i”

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

难题:window.foo 的值是如何?
答案:”bar”
只有 window.foo 为假时的才是下面答案,否则就是它自身的值。

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

主题材料:上面多少个 alert 的结果是何等
答案: “Hello World” 和 ReferenceError: bar is not defined

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

难题:foo.length 的值是怎样?
答案:2

var foo = {};
foo.bar = 'hello';

难点:foo.length 的值是什么样?
答案: undefined

代码相关的标题:

问题: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" ) );

题目:上边多少个 alert 的结果是怎样?

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};

标题:下边代码的出口是什么样?

console.log('one');
setTimeout(function() {
  console.log('two');
}, 0);
console.log('three');

代码相关的标题:

问题: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" ) );

标题:上边多少个 alert 的结果是怎么着?

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};

难点:下边代码的出口是怎么着?

console.log('one');
setTimeout(function() {
  console.log('two');
}, 0);
console.log('three');

<a name=’fun-questions’>乐趣难点:</a>

  • 你近来写过什么样的很酷的项目吗?
  • 在您利用的开拓工具中,最欣赏哪些方面?
  • 哪个人使你踏足了前端开荒领域?
  • 您有哪些业余项目吗?是哪体系型的?
  • 您最爱的 IE 性子是哪些?
  • 您对咖啡有未有哪些喜好?

风趣的难题:

  • 你编写过的最酷的代码是什么?在这之中你最自豪的是怎样?

  • 在你选取过的开拓工具中,最喜爱哪个?

  • 您有啥样业余项目吗?是哪体系型的?

  • 你最爱的 IE 特性是什么?

乐趣难题:

  • 您最近写过怎么样的很酷的种类吗?
  • 在您使用的开荒工具中,最喜爱哪些方面?
  • 哪个人使你踏足了前端开荒领域?
  • 你有怎么着业余项目吗?是哪一种档次的?
  • 你最爱的 IE 本性是怎么?
  • 您对咖啡有未有怎么着喜好?

情趣难题:

  • 你方今写过什么的很酷的种类吗?
  • 在您接纳的开拓工具中,最喜爱哪些方面?
  • 哪个人使你踏足了前端开垦领域?
  • 您有啥样业余项目吗?是哪体系型的?
  • 你最爱的 IE 天性是怎样?
  • 你对咖啡有未有如何喜好?

<a name=’contributors’>贡献者:</a>

正文书档案始于 二零零六年,是以下小编的同盟成果:@paul_irish
@bentruyman
@cowboy
@ajpiano
@SlexAxton
@boazsender
@miketaylr
@vladikoff
@gf3
@jon_neal
@sambreed

@iansym。

时于今天,文书档案已经融合当先 100
位开辟者的贡献。

任何参考资料:

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*
*
Website