前端工程师面试问题

前端工程师面试问题

　　Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发。制作标准优化的代码，并增加交互动态功能，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web 开发，致力于通过技术改善用户体验。

　　前端工程师面试问题参考

　　一般问题

　　★你用微博吗?

　　→如果用，你都关注那些人?

　　★你用Github吗?

　　→如果用，你关注的项目有什么?

　　★你关注的博客有那些?

　　★你使用那些版本管理系统，比如Git，SVN等?

　　★你常用的开发环境是怎样的?比如操作系统，文本编辑器，浏览器，及其他工具等。

　　★你能描述一下你制作一个网页的工作流程吗?

　　★你能描述一下渐进增强和优雅降级之间的不同吗?

　　→如果提到了特性检测，可以加分。

　　★请解释一下什么是语义化的HTML?

　　★你更喜欢在哪个浏览器下进行开发?你使用那些开发人员工具?

　　★你如何对网站的文件和资源进行优化?期待的解决方案包括：

　　· 文件合并

　　· 文件最小化/文件压缩

　　· 使用CDN托管

　　· 缓存的使用

　　· 其他

　　★为什么利用多个域名来存储网站资源会更有效?

　　→浏览器一次可以从一个域名下做多少资源?

　　★请说出三种减低页面加载时间的方法。(加载时间指感知的时间或者实际加载时间)

　　★如果你接到了一个使用Tab来缩进代码的项目，但是你喜欢空格，你会怎么做?

　　· 建议这个项目使用像EditorConfig (http://editorconfig.org) 之类的规范

　　· 为了保持一致性，转换成项目原有的风格

　　· 直接使用VIM的retab命令

　　★请写一个简单的幻灯效果页面

　　→如果不使用JS来完成，可以加分。

　　★你都使用那些工作来测试代码的性能?

　　· 例如JSPerf (http://jsperf.com/)

　　· 例如Dromaeo (http://dromaeo.com/)

　　· 其它。

　　★如果今年你打算熟练掌握一项新技术，那会是什么?

　　★请谈一下你对网页标准和标准制定机构重要性的理解。

　　★什么是FOUC?你如何来避免FOUC?

　　HTML相关问题

　　★文档类型的作用是什么?你知道多少种文档类型?

　　★浏览器标准模式和怪异模式之间的区别是什么?

　　★使用XHTML的局限有那些?

　　→如果页面使用’application/xhtml+xml’会有什么问题吗?

　　★如果网页内容需要支持多语言，你会怎么做?

　　★在设计和开发多语言网站时，有哪些问题你必须要考虑?

　　★在HTML5的页面中可以使用XHTML的语法吗?

　　★在HTML5中如何使用XML?

　　★’data-’属性的作用是什么?

　　★如果把HTML5看作做一个开放平台，那它的构建模块有那些?

　　★请描述一下cookies、sessionStorage和localStorage的区别?

　　JS相关问题

　　★你使用过那些Javascript库?

　　★你是否研究过你所使用的JS库或者框架的源代码?

　　★什么是哈希表?

　　★’undefined’变量和’undeclared’变量分别指什么?

　　★闭包是什么，如何使用它，为什么要使用它?

　　→你喜欢的使用闭包的模式是什么?

　　★请举出一个匿名函数的典型用例?

　　★请解释什么是Javascript的模块模式，并举出实用实例。

　　·如果有提到无污染的命名空间，可以考虑加分。

　　·如果你的模块没有自己的命名空间会怎么样?

　　★你如何组织自己的代码?是使用模块模式，还是使用经典继承的方法?

　　★请指出Javascript宿主对象和内置对象的区别?

　　★’.call’和’.apply’的区别是什么?

　　★请解释’Funciton.prototype.bind’的作用?

　　★你如何优化自己的代码?

　　★你能解释一下JavaScript中的继承是如何工作的吗?

　　★在什么时候你会使用’document.write()’?

　　→大多数生成的广告代码依旧使用’document.write()’，虽然这种用法会让人很不爽。

　　★请指出浏览器特性检测，特性推断和浏览器UA字符串嗅探的区别?

　　★请尽可能详尽的解释AJAX的工作原理。

　　★请解释JSONP的工作原理，以及它为什么不是真正的AJAX。

　　★你使用过JavaScript的模板系统吗?

　　→如有使用过，请谈谈你都使用过那些类似库文件。比如Mustache.js、Handlebars等等。

　　★请解释变量声明提升。

　　★请描述一下事件冒泡机制。

　　★”attribute”和”property”的区别是什么?

　　★为什么扩展JavaScript内置对象是个坏做法?

　　★为什么扩展JavaScript内置对象是个好做法?

　　★请指出document load和document ready的区别。(这是个问题的问题)

　　★’==’和’===’有什么不同?

　　★你如何获取浏览器URL中查询字符串中的参数。

　　★请解释一下JavaScript的同源策略。

　　★请解释一下事件代理。

　　★请描述一下JavaScript的继承模式。

　　★描述一种JavaScript memoization(避免重复运算)的策略。

　　★什么是三元条件语句?

　　★函数的参数元是什么?

　　★什么是”use strict”?使用它的好处和坏处分别是什么?