前端的工作面试问题——w3cdream|前端学习-开发

'I'm W3cdream,创造',前·所·未·有
前端的工作面试问题

发布作者:萧强   发布时间:2015-11-03   阅读次数:2292

一般问题:

  • 兴奋或你感兴趣什么编码?
  • 什么是最近的技术挑战你有经验,你怎么解决呢?
  • 什么UI、安全、性能、搜索引擎优化、可维护性或技术考虑你在构建一个web应用程序或者网站吗?
  • 谈论你喜欢的开发环境。
  • 你是哪一个版本控制系统熟悉吗?
  • 你能描述一下你的工作流程,当你创建一个网页?
  • 如果你有5种不同的样式表,如何将它们集成到网站最好?
  • 你能描述一下逐步强化和优雅降级的区别?
  • 如何优化网站的资产/资源?
  • 将浏览器下载多少资源从一个给定的域一次吗?
  • 例外情况是什么?
  • 名称3的方法降低页面加载(感知或实际加载时间)。
  • 如果你跳上一个项目,他们使用标签和使用空间,你会怎么做?
  • 描述如何创建一个简单的幻灯片页面。
  • 今年如果你能掌握一种技术,它是什么?
  • 解释标准和标准组织的重要性。
  • 没有任何特色的Flash内容是什么?你如何避免FOUC ?
  • 解释咏叹调和screenreaders是什么,以及如何做一个网站访问。
  • 解释一些利弊的CSS动画和JavaScript动画。
  • 什么歌珥站和它解决什么问题?

HTML的问题:

  • doctype做什么工作?
  • 有什么区别的标准模式和怪癖模式吗?
  • HTML和XHTML的区别是什么?
  • 有任何问题与服务页面application / xhtml + xml ?
  • 你如何提供一个页面,其中内容以多种语言?
  • 什么样的东西你必须警惕在设计或开发多语言网站?
  • 数据——属性好的是什么?
  • 认为HTML5是一个开放的网络平台。HTML5的基石是什么?
  • sessionStorage描述cookie的区别,和localStorage。
  • 描述之间的差异> <脚本,<脚本异步>和<脚本推迟>。
  • 为什么它通常是一个好主意位置CSS <链接> s <头> < /头>和JS脚本< > < / >身体之前?你知道任何异常吗?
  • 进步的渲染是什么?
  • 你以前使用不同的HTML模板语言吗?

CSS问题:

  • 有什么区别在CSS类和ID的吗?
  • 有什么区别“重置”和“正常化”CSS ?你会选择哪一个,为什么?
  • 描述花车和它们是如何工作的。
  • 描述z - index和堆积上下文是如何形成的。
  • 描述黄东海(块格式化上下文)和它是如何工作的。
  • 各种结算技术是什么,适合什么情况下是哪个?
  • 解释CSS精灵,一个页面或网站上如何实现它们。
  • 什么是你最喜欢的图像替代技术和你时使用哪一个?
  • 你会如何方法修复特定样式问题?
  • 你如何为你的页面feature-constrained浏览器吗?
  • 你使用什么技术/流程?
  • 有哪些不同的方法来可视化隐藏内容(并使其只能对屏幕阅读器)?
  • 你曾经使用一个网格系统,如果是这样,你喜欢什么?
  • 你使用或实施媒体查询或移动特定的布局/ CSS呢?
  • 你熟悉SVG样式?
  • 如何优化你的网页打印吗?
  • 什么写有效的CSS的“陷阱”?
  • 使用CSS预处理器的优点/缺点是什么?
  • 描述你喜欢什么和不喜欢你用CSS的预处理器。
  • 你将如何实现一个网页设计排版,使用非标准字体?
  • 解释一个浏览器如何决定了一个CSS选择器匹配的元素。
  • 描述它,并讨论他们用于什么。
  • 解释你的盒模型的理解,以及你将如何告诉浏览器在CSS呈现你的布局不同的盒模型。
  • * { box-sizing:border-box;}什么做什么?它的优势是什么?
  • 尽可能多的值列表的显示属性,你可以记住。
  • 内联和inline-block之间的区别是什么?
  • 的区别是相对的,固定的,绝对和静态定位元素?
  • CSS的“C”代表级联。优先级是怎么决定的分配方式(举几个例子)?你怎么能充分利用这个系统?
  • 你现有的CSS框架在本地使用,或在生产吗?你会如何改变/改善他们吗?
  • 你摆弄新CSS Flexbox或网格规格吗?
  • 响应设计不同于自适应设计怎么样?
  • 你曾经与视网膜图形吗?如果是这样的话,当你使用了什么技术?
  • 有任何理由你想使用翻译()而不是绝对定位,反之亦然?,为什么?

JS的问题:

  • 解释事件的代表团
  • 在JavaScript解释这是如何工作的
  • 解释原型继承是如何工作的
  • 你认为AMD vs CommonJS的吗?
  • 解释为什么以下不作为IIFE:函数foo(){ }();。
  • 什么需要更改正确组成IIFE吗?
  • 变量的区别:null,未定义或未申报吗?
  • 你如何检查这些国家吗?
  • 什么是一个闭包,/为什么你会如何使用?
  • 匿名函数的典型用例是什么?
  • 你如何组织你的代码?(模块模式、古典继承吗?)
  • 主机对象之间有什么区别和本地对象?
  • 区别:函数人(){ },var =人(),和var人= new()?
  • 有什么区别。电话和苹果吗?
  • 解释bind。
  • 你会在什么时候使用document . write()?
  • 有什么区别特征检测功能推理,并使用UA字符串?
  • AJAX在尽可能多的详细解释。
  • 解释JSONP是如何工作的(以及它如何不是AJAX)。
  • 你有没有使用JavaScript模板吗?
  • 如果是这样,你使用什么库?
  • 解释“提升”。
  • 描述事件冒泡。
  • 有什么区别“属性”和“产权”?
  • 为什么扩展内置的JavaScript对象不是一个好主意吗?
  • 区别文档加载事件和文档就绪事件吗?
  • 之间的区别是什么= = = = = ?
  • 解释了同源策略对于JavaScript。

英文原文:https://github.com/h5bp/Front-end-Developer-Interview-Questions

常用昵称:萧强,全端布道者

姓名:“刘晓强”,W3CDream创始人,目前就职于易点付。专注于web前端和移动端方面知识的研究,熟练掌握photoshop和AI,喜爱Flat UI设计和Metro UI风格,熟练掌握CSS3+HTML5技术、LESS CSS和Sass CSS,还有jQuery框架方面及一些前端框架bootstrap响应式设计等。新浪微博
友荐云推荐

前端资源

热点文章

新闻资讯

标签云

友情赞助