前端面试相关

 我的评分标准：

说明：掌握为完全知道基础知识、运用场景，懂得综合运用。  熟悉则要求完全知道基础知识，会一些常见的应用。  了解要求知道一些基础知识和原理。

围绕以下三大方面进行面试。

一： 基础js／css知识。  这个是最为核心和重要的，占60%分量，必须做到任意问方法都很清楚的说出（45%），任何核心原理都很熟悉（15%）

二：库／框架熟悉度 。 20%。 这个是对常用标准框架如jquery的熟悉度（15%），了解熟悉其他框架（或其原理的会加分10%，即合并起来可能超过20%的印象分数）

<!--?xml version="1.0" encoding="UTF-8" standalone="no"?-->

三：项目经验丰富度。 20%。至少做过一个项目负责一个流程或模块。 这一部分会问跟项目有关的东西，如调试／联调等相关的东西。 

满分100

基本满足60分：

1、掌握js所有方法。各人可以随机挑出几个对象的函数进行考察，如： 举出Array对象的3-5个方法，然后再细问，如slice、sort方法的用法（基本用法包括作用、返回值、参数等。 各人还可以根据自己实际运用过程中的经验来综合提问）。掌握类型的自动转换。 什么方法可以写入正则表达式（系统综合知识）【10分】

2、掌握html5的一些特性要了解。如：localStorage和sessionStorage用法和区别。 离线缓存的机制是什么（何时生效，如何更新,有何弊端等）？

         了解html的一些概念：HTTP协议的状态消息都有哪些？(如200、302对应的描述) 【4分】

3、掌握css3。 例举几个新样式特性的用法，什么样式能触发硬件加速？ CSS层叠是什么【4分】

4、掌握js一些面向对象的方法（了解如何继承，原型链的一些特性）。 熟悉作用域链、闭包等概念。【7分】

5、掌握dom编程（怎样添加、移除、移动、复制、创建和查找节点，dom是什么结构？ 结构树和渲染树、什么会触发重渲染）， 了解dom3事件、ajax等原理。【5分】

6、熟悉至少一种js框架。最好熟悉backbound。【10分】

7、掌握至少一种调试工具（如chrome，如何断点，如何打印信息、打印对象结构（查console.dir会不会用）？）。 如何查看样式。。。【4分】

8、熟悉浏览器兼容js、css方面。举例常见兼容问题：如ajax、半透明。熟悉在哪个地方能查到这些兼容方面的内容也可以（要原始出处和官网的地方，如msdn/w3c等）

         熟悉所知道的CSS hack技巧(如：_， *， +， \9， !important 之类)。熟悉CSS盒模型。【10分】

9、熟悉基本的ps切图。了解ps图层概念【3分】

10、熟悉正则表达式语法。【3分】

 

加分---------共70分：

根据项目，对解决问题的能力、反应能力、逻辑思维能力、综合能力、想象力等多方面进行综合考察。

如：算法、序列化、设计模式、seo、性能优化（代码方面、结构方面）  

1、了解前端性能优化技巧（必须了解yahoo优化13军规） 最好问其知道为什么。  代码方面的优化有什么经验？【代码性能优化】【8分】

2、一个页面很长，如何让其显示更快（提示应试者：让浏览者进来看到的部分先加载，其他部分后面再加载）。进一步可以问分页方案【大页面优化】【6分】

3、jQuery源码是否尝试去读过？说说基本的架构或者 jQuery.fn.init 中都做了哪些判断？ Sizzle是否有读过？【框架熟悉程度（肯定包含完全掌握框架基础用法）】【10分】

4、了解一门后台语言，熟悉http协议 【后台相关知识面】【8分】

6、100万个数里面有3个重复的数，请写算法找出这个数 【基础算法（可以出别的类型的算法题如：深度遍历对象的方法？）】【8分】

7、AJAX跨域的解决办法、网页上如何实现无刷新的即时聊天（提示：长连接）【2分】

8、是否有接触过或者了解过重构。【8分】

9、js对象如何序列化和反序列化？【2分】

10、是否了解过一些脚本攻击的攻防方法？【8分】

11、是否写过兼容浏览器的组件？【10分】

 

60以上为可在项目中栽培和使用。

80分以上达到熟练程度。

100分以上可以称前端达人。

 

120分以上者必须是高手啊。

 当然我还没有列全。比如了解Node.js，了解操作系统会写批处理文件，了解一个压缩工具（如yui）的用法等等。这些都不做要求。懂的话是最好咯。

 

我的试题1：（偏基础）

1、说一下自己对闭包的理解。

2、举1例js兼容ie和火狐的代码。【提示：事件源对象写法不同】

3、css盒子模型是什么，样式继承是什么意思？ 举一例兼容ie和其他浏览器的hack。 了解spirit方法吗（或问如何加快样式里相关图片的下载）？

4、AJAX原理，如何实现同步和异步。 如何跨域访问？熟悉jsonp方式吗？

5、熟悉什么js框架。【熟悉的话我一般就随机抽方法来问，或者问其如何操作dom，增删查方法】

6、常上的技术网站是哪个？是否发表过文章 【不一定有问】

7、是否熟悉yahoo网页优化13军规？请解说几条？cdn加速的原理？试分析js延迟加载有何弊端？

8、解释下html5离线缓存的机制？ localStorage和sessionStorage区别是？

9、用数组的方法拼接字符串要怎么写？

10、json对象的方法？

11、chrome如何打印一个对象的结构？（dir）

12、用原生js如何获取、增加、删除一个节点到文档流里面？

13、div如何模拟表格？（提示用display样式）

14、有用过抓包工具吗？chrome里在调试器的哪个标签页看请求？

15、解说slice方法的用法

 

 我的试题2：（中级，增加分析能力）

1、请说出一个方案来检验js函数调用传参的方式。【传值还是引用，答案：引用】

2、css什么属性不会出现在渲染树中【visibility属性为hidden的元素将出现在渲染树中，display为none的呢？】，什么元素具有多个渲染对象【select】

3、js如何无阻塞加载？【方案：延迟加载、动态脚本、使用XMLHttpRequest(XHR)对象。特性：defer  async属性】用async属性时，不同js之间要注意什么？【不要有依赖，因为无法保证依赖的前置文件被先加载】

 

 

网上的面试题：

前端攻略系列(二) - 前端各种面试题

腾讯的JS前端面试题高人解答代码（1） http://www.codefans.net/jscss/code/3460.shtml

http://www.aichengxu.com/article/Javascript/669_7.html

10亿个正整数，只有其中1个数重复出现过，要在O(n)的时间里面找出这个数，内存要尽可能少（小于100M）。

常见前端开发面试题 http://www.csdn.net/article/2012-10-18/2810902-Front-end-Developer-Interview-Questions

JS前端程序员面试题 http://wenku.baidu.com/view/6fec1bc0d5bbfd0a7956732b.html