最近要给公司招前端开发的同学，工作地点上海,欢迎大家自荐或者推荐:)
github地址：https://github.com/darcyclarke/Front-end-Developer-Interview-Questions
一般问题：
1. 昨天/这周学习了什么技术？
2. 关于coding,什么让你兴奋？
3. 当构建一个网站的时候，会对ui,安全性，seo,性能，稳定性，有哪些考虑？
4. 说说喜欢的开发工具和开发环境
5. 熟悉什么版本控制工具/系统？
6. 描述下创建页面的工作流程
7. 如果有5个不同的样式，能把他们融入一个网站吗？◦通过文件连接的方式
8. 描述下渐进增强和优雅降级?
优雅降级（graceful degradation）：一开始就构建站点的完整功能，然后针对浏览器测试和修复。
渐进增强（progressive enhancement）：一开始只构建站点的最少特性，然后不断针对各浏览器追加功能。
9. 优化网站的思路？
文件链接
压缩文件
Cdn hosted
缓存机制
10. 为什么多域名加载资源是更好的解决方案？
11. 轮播框架的实现思路？
12. 测试代码性能的工具？profiler, jsperf, dromaeo
13. Long-polling,websockets和sse有什么区别？
14. 描述下页面加载过程？
HTML相关:
1. doctype的功能是什么？
文档类型，一个文档类型标记是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档
2. Standards模式和quirks模式的区别？
IE浏览器中的文本模式，主要有三种模式（针对IE6以上的版本），这三种模式也就是渲染页面的3种模式了：诡异模式（Quirks mode，也有翻译为兼容模式、怪异模式的），标准模式（Standards mode），和几乎标准模式（Almost standards mode）。 “页面的不同渲染模式，将直接影响页面的最终呈现效果”，也就是说，一个页面如果在这种模式下显示完美，但是在另外一种模式下可能就显示的一塌糊涂。而决定页面模式的是页面的!DOCTYPE属性。 最经典的就是对盒装模型的解释差异了。是相同页面，采用不同页面渲染模式的最终显示效果的不同。
3. 开发多语言站点的注意事项？
4. Cookies,sessionStorage,localStorage之间的区别？
5. Get和post的区别?
CSS相关:
1. class和id的区别？
2. Reset css file的作用？
3. Floats的作用？
4. Z-index的作用？
5. Css sprites的作用？
6. 图片替换技术
7. Css属性hacks，条件包含.css文件
8. 如果有些功能浏览器不支持，你怎么处理，思路
9. 可视化hide content的不同方法
10. Grid system?
11. media queries or mobile specific layouts/css
12. svg
13. css preprocessor 的使用？sass,compass,stylus,less
14. 非标准字体处理
15. {box-sizing:border-box;}的作用，优势在什么地方？
16. Inline 和inline-block的区别
17. Display property
18. Relative,fixed,absolute,statically positioned element的区别
19. Css frameworks – bootstrap，pureCss,foundation
20. Css flexbox or grid specs?
21. Responsive design 和adaptive design的区别？
Js问题：
1. Event Delegation的优缺点？
优点：
降低Event Handler的数量，减少记忆体的使用，有利于效能与稳定性。例如那种要处理多个
缺点:
挂在document上的事件函数会在网页上每一个元素被触发事件时都被呼叫一次，由于执行频率很高，若没写好可能重创效能，不是所有的事件都会浮到上层，例如：blur,focus,load,unload就不适用。
应用在mouseover之类的滑鼠事件时需要特别留意，由于呼叫频率高，一样要小心程序写法以免拖垮性能
2. this在javascript里怎么工作
3. prototypal inheritance works
4. js debug流程
5. amd vs commonjs
6. null，undefined or undeclared之间的区别，如何检查
7. 闭包概念
8. 匿名函数使用场景
9. 设计模式
10. Host objects和native objects的区别
11. function Person(){} , var person = Person() , and var person = new Person() 这两种写法的区别？
12. .call和.apply的区别
13. Function.prototype.bind的解释
14. Jsonp,ajax
15. Javascript templating? Mustache.js,Handlebars
16. Hoisting解释
17. Event bubbling的过程
18. Attribute和property的区别
19. Document load event和document ready event的区别
20. ==和===的区别
21. Same-origin policy with regards to javascript
22. Ternary expression
23. Use stict 优点和缺点
Jquery Questions:
1. 解释chaining
2. 解释deferreds
3. .end()作用
4. •Name 4 different values you can pass to the jQuery method. ◦Selector (string), HTML (string), Callback (function), HTMLElement, object, array, element array, jQuery Object etc.
5. .get(),[], .eq()之间的区别
Fun:
1. 你最自豪的项目是什么
2. 贡献过开源的代码，个人技术blog
3. 你最喜欢的ie特性