史上最全前端面试题（含答案）-A篇.docx

1、史上最全前端试题（ 含答案）-A篇HTML+CSS1. 对WEB标准以及W3C的理解与认识标签闭合、标签写、不乱嵌套、提搜索机器搜索率、使外 链css和js脚本、结构为表现的分离、件下载与页速度更快、内容能被更多的户所访问、内容能被更泛的设备所访问、更少的代码和组件，容易维 护、改版便，不需要变动页内容、提供打印版本不需要复制内容、提站易性；2. xhtml和html有什么区别HTML是种基本的WEB页设计语，XHTML是个基于XML的置标语 最主要的不同：XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。标签名必须写字母。XHTML 档必须拥有根元素。3. Doctype? 严格

2、模式与混杂模式-如何触发这两种模式，区分它们有何意义?于声明档使那种规范（html/Xhtml）般为 严格 过度 基于框架的html档加XMl声明可触发，解析式更改为IE5.5 拥有IE5.5的bug4. 内元素有哪些?块级元素有哪些?CSS的盒模型?块级元素：div p h1 h2 h3 h4 form ul内元素: a b br i span input selectCss盒模型:内容，border ,margin，padding5. CSS引的式有哪些? link和import的区别是?内联 内嵌 外链 导区别 ：同时加载前者兼容性，后者CSS2.1以下浏览器不持Link 持使javas

3、cript改变样式，后者不可6. CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级?标签选择符 类选择符 id选择符继承不如指定 Idclass标签选择后者优先级7. 前端页有哪三层构成，分别是什么?作是什么?结构层 Html 表层 CSS 为层 js8. css的基本语句构成是?选择器属性1:值1;属性2:值2;9. 你做的页在哪些流览器测试过?这些浏览器的内核分别是什么? Ie(Ie内核) 狐（Gecko） 歌（webkit） opear(Presto)10. 写出种IE6 BUG的解决法1.双边距BUG float引起的 使display2.3

4、像素问题 使float引起的 使dislpay:inline -3px3.超链接hover 点击后失效 使正确的书写顺序 link visited hover active 4.Ie z-index问题 给级添加position:relative5. Png 透明 使js代码 改6. Min-height 最度 ！Important 解决 7.select 在ie6下遮盖 使iframe嵌套8.为什么没有办法定义1px左右的宽度容器（IE6默认的造成的，使over:hidden,zoom:0.08 line-height:1px）11. 标签上title与alt属性的区别是什么? Alt 当图

5、不显是 字代表。Title 为该属性提供信息12. 描述css reset的作和途。Reset重置浏览器的css默认属性 浏览器的品种不同，样式不同，然后重置，让他们统13. 解释css sprites，如何使。Css 精灵 把堆的图整合到张的图上，减轻服务器对图的请求数量14. 浏览器标准模式和怪异模式之间的区别是什么?盒模型 渲染模式的不同使 patMode 可显为什么模式15. 你如何对站的件和资源进优化?期待的解决案包括：件合并件最化/件压缩使CDN托管缓存的使16. 什么是语义化的HTML?直观的认识标签 对于搜索引擎的抓取有好处17. 清除浮动的种式，各的优缺点1. 使空标签清除浮

6、动 clear:both（理论上能清楚任何标签，增加意义的标签）2. 使overflow:auto（空标签元素清除浮动不得不增加意代码的弊端,使zoom:1于兼容IE）3. 是afert伪元素清除浮动(于IE浏览器)Javascript1. javascript的typeof返回哪些数据类型Object number function boolean underfind2. 例举3种强制类型转换和2种隐式类型转换?强 制 （parseInt,parseFloat,number） 隐式（= =）3. split() join() 的区别前者是切割成数组的形式，后者是将数组转换成字符串4. 数组法

7、pop() push() unshift() shift() Push()尾部添加 pop()尾部删除Unshift()头部添加 shift()头部删除5. 事件绑定和普通事件有什么区别6. IE和DOM事件流的区别1. 执顺序不样、2. 参数不样3. 事件加不加on 4.this指向问题7. IE和标准下有哪些兼容性的写法Var ev = ev | window.eventdocument.documentElement.clientWidth | document.body.clientWidth Var target = ev.srcElement|ev.target8. ajax请求的

8、时候get 和post式的区别个在url后 个放在虚拟载体有限制安全问题应不同 个是论坛等只需要请求的，个是类似修改密码的9. call和apply的区别Object.call(this,obj1,obj2,obj3)Object.apply(this,arguments)10. ajax请求时，如何解释json数据使eval parse 鉴于安全性考虑 使parse更靠谱11. b继承a的法12. 写个获取间样式的函数function getStyle(obj,attr,value)if(!value)if(obj.currentStyle)return obj.currentStyle(a

9、ttr)elseobj.getComputedStyle(attr,false)elseobj.styleattr=value13. 事件委托是什么让利事件冒泡的原理，让的所触发的事件，让他的元素代替执！ 例可见此链接14. 闭包是什么，有什么特性，对页有什么影响闭包就是能够读取其他函数内部变量的函数。 此链接可查看（问这个问题的不是个公司）15. 如何阻事件冒泡和默认事件canceBubble return false16. 添加 删除 替换 插到某个接点的法obj.appendChidl()obj.innersetBefore obj.replaceChild obj.removeChil

10、d17. 解释jsonp的原理，以及为什么不是真正的ajax动态创建script标签，回调函数Ajax是页刷新请求数据操作18. javascript的本地对象，内置对象和宿主对象本地对象为array obj regexp等可以new实例化内置对象为gload Math 等不可以实例化的宿主为浏览器带的document,window 等19. document load 和document ready的区别Document.onload 是在结构和样式加载完才执jsDocument.ready原种没有这个法，jquery中有 $().ready(function)20.”=”和“=”的不同前者

11、会动转换类型后者不会21. javascript的同源策略段脚本只能读取来于同来源的窗和档的属性，这的同来源指的是主机名、协议和端号的组合22. 编写个数组去重的法function oSort(arr)var result =; var newArr=; for(var i=0;iif(!resultarr)newArr.push(arr) resultarr=1return newArr来IT公司试册HTML & CSS1.Doctype严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?严格模式：使此类型的页，浏览器解析将相对严格，不允许使任何表现样式的标识和属性，如在元素中直接使b

12、ackground-color 背景属性。混杂模式：浏览器对XHTML的解析较为宽松。允许使4.01中的标签，但必须符合XHTML的语法。2：内元素有哪些?块级元素有哪些?CSS的盒模型?内元素：span,a,var ,em,input,img,img,textarea,var,em,strong,select,块级标签：div,p,h1-h3,ul,ol,dl,li,dd,dt,table,td,tr,CSS的盒模型：CSS布局中的每个元素，在浏览器的解析中，都被当做个盒状物。3.CSS引的式有哪些? link和import的区别是?CSS引的式在html档的head部分加:在html档的h

13、ead部分直接写css档。直接在html标签写对这个标签的css控制测试信息link和import的区别是link写在html页中，import写在CSS页中4.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级? CSS选择符: 类选择器 、 标签名选择器、 ID选择器 、 后代选择器（派选择器）、 群组选择器可以继承： 类选择器 、 标签名选择器、 后代选择器（派选择器）、群组选择器优先级算法：标签内直接定义：1000 ID选择器：100类 选 择 器 ：10 标签名选择器：1内联和important中，important优先级5:前端页有哪三层构

14、成，分别是什么?作是什么?结构层；主要指DOM节点；HTML/XHTML 样式层；主要是指页渲染；CSS脚本层：主要指页动画效果；JS/AS 6:css的基本语句构成是?选择符、属性、值8：你做的页在哪些流览器测试过?这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?怎么会出现?解决法是什么? IE6、7、8、FF、Opear、Safari、Chrome、MaxthonTrident：Windows 下的 IE 浏览器使的内核代号。除 IE 外，众多的 IE Shell（如 Maxthon ）都使这个内核。Gecko：Mozilla Firefox 浏览器使的内核代号。Presto：

15、Opera 浏览器使的内核代号，这是前公认页浏览速度最快的浏览器内核。KHTML/WebCore： Konqueror/Safari 浏览器使的内核代号。经常遇到的浏览器兼容问题：1. 在有的浏览器中，默认字体为12px,所以在设字体的时候，最设为12px，如果在做的过程中，发现字体于12，可直接作为图使2. a标签对不能嵌套a标签对3. 若给a标签内的内容样式加上样式，需要设置display:block;（在IE中如果设置宽会动变成块，在FF中则不会），但如果设置了float属 性，就不需要设置display:block。4. ul，ol在FF默认情况下，有list-style-type样式

16、和padding值，dl在IE和FF默认情况下，有padding值，所以应该事先声明ul,li,ol,dl,dd,ddmargin:0;padding:0。5. 作为外部 wrapper 的 div 不要定死度, 最好还加上 overflow: hidden.以达到度适应6.关于形光标. cursor: pointer. hand 只适于 IE.7. css布局中的居中问题:在级元素定义TEXT-ALIGN: center;这个的意思就是在级元素内的内容居中；对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在元素定义时候设定时再加上“margin-right: auto

17、;margin-left: auto; ”需要说明的是，如果你想这个法使整个页要居中，建议不要套在个DIV，你可以依次拆出多个div，只要在每个拆出的div定义margin-right: auto;margin-left: auto; 就可以了。8. 浮动ie产的双倍距离#box float:left; width:100px; margin:0 0 0 100px; /这种情况之下IE会产200px的距离，这时需要设置display:inline; /使浮动忽略 9.如何居中个浮动元素?对其设置margin:x auto;10.有没有关注HTML5和CSS3?如有请简单说些您对它们的了解情况

18、！有，HTML5的是前正在为未来的HTML标准的主要修订的发展。其前任样，4.01和XHTML 1.1的HTML，HTML5的是个结构和提交万维内容的标准。新标准结合了诸如视频播放，拖动和放下以前曾在第三浏览器插件依赖例如Adobe Flash，微软的Silverlight的功能，和歌齿轮。12:如果让你来制作个访问量很的型站，你会如何来管理所有CSS件、JS与图?把所有的CSS件都放个样式表中,通过把所有的脚本放到个件中来减少HTTP请求的法。js件也采同样的法。把所有的背 景图像都放到个图件中，然后通过CSS的background-image和background-position属性来显

19、图的不同部分。14：你对前端界程师这个职位是怎么样理解的?它的前景会怎么样?前端界程师：1. 与交互设计师、视觉设计师协作，根据设计图完成页制作。 2. 维护及优化站前端性能。前景： 长期以来，国内前端开发在整个软件开发业内占得重较，发展较晚。站也多倾向于赢利最化轻视户体验。前后端例悬殊。近年来，随着 以户为中 的思想普及发展。前端开发呈现出强劲的发展态势，前端开发员在项中的重要性益突出。前端开发员呈现出严重的员短缺现象。Javascript1：js是什么，js和html 的开发如何结合?js是种基于对象和事件驱动，并具有安全性的脚本语。可以html的三个地编写js脚本语：是在页件的标签对中直

20、接编写脚本程序代码；是将脚本程序代码放置在个单独的件中， 在页件中引这个脚本程序语；三是将脚本程序代码作为某个元素的事件属性值或超链接的href属性值。divmargin: 0;padding: 0;border:1px red solid;2. 怎样添加、移除、移动、复制、创建和查找节点添加：append删除：remove 移动：复制：创建：create 查找：（1） 创建新节点createDocumentFragment() /创建个DOM段createElement_x_x() /创建个具体的元素createTextNode() /创建个本节点（2） 添加、移除、替换、插a()remov

21、eChild()replaceChild()insertBefore()（3） 查找getElementsByTagName_r() /通过标签名称getElementsByName() /通过元素的Name属性的值getElementById() /通过元素Id，唯性3. 怎样使事件以及IE和DOM事件模型之间存在哪些主要差别4. 向对象编程:b怎么继承a5. 看看下alert的结果是什么view sourceprint?1.function b(x, y, a) .arguments2 = 10;.alert(a);b(1, 2, 3);如果函数体改成下，结果会是什么? a = 10;al

22、ert(arguments2 );6. 请编写个JavaScript函数 parseQueryString，它的途是把URL参数解析为个对象var obj = parseQueryString(url);alert(obj.key0) / 输出07. ajax是什么? ajax的交互模型? 同步和异步的区别? 如何解决跨域问题? 8.什么是闭包?下这个ul，如何点击每列的时候alert其index?这是第条这是第条这是第三条闭包是可以包含由（未绑定）变量的代码块；这些变量不是在这个代码块或者任何全局上下中定义的，是在定义代码块的环境中定 义。9. 最近看的篇Javascript的章是?10.

23、常使的库有哪些?常的前端开发具?开发过什么应或组件?最常的库：jquery-1.4.2.min.js常的前端开发具：firebug、photoshop、editplus、取器、板、eclipse 11.说说YSlow(可以详细点)yslow是个具，也可以理解成是个插件，是基于Mozilla Firefox上firebug插件的个插件。它的出现的主要的就是检测我们的页性能。它让户可以就近取得所需的内容，解决络拥挤的状况，提户访问站的响应速度；其次，yahoo在ETags配置上也有独特之处，声明过期，就是说，户从服务器取数据的时候，如果件变化了，给他反馈新的件，如果件没有变化，只需告诉客户端没有变

24、化 即可，不必再把件取回来，这样就节省了量的络带宽和资源。另外，只要将那些在加载过程中要执的脚本放到底部，就可以实现最的下载并。说对其评价：(a) 从样式表着，避免CSS表达式。CSS表达式需要很多资源，有时甚会造成页假死。(b) 缓存下不常修改的件，并开启 GZIP压缩，减少络传输时间(c) 减少DNS查找。YSlow认为个页上2个以内的域名较合理。有些站挂了不少统计代码，或者告代码。统计拖累户速度、告影响户视觉。(d) 避免重定向（跳转），我们在给链接地址的时候，般会把链接地址写成 或者 ，有区别吗?有！服务器如果接收到的URL是 虽然进的都 是同个页，但是前者后者多了步，重定向，显然多多

25、少少浪费了点时间。Google 对其评价：多数可能认为GOOGLE没什么值得借鉴的，毕竟整站就那么代码。但是这代码，每天要承受过亿的户访问量，在如此的压下，运流畅，有很个因素取决于Minify JS。通过查看它的源代码可以发现，google不仅将JS进了压缩，连页代码中也没有不必要的空格和符号，使了最短最简洁的变量名。联系到开发 ，建议家采yuicompressor，在调试时使便于开发的模式，调试完成后直接压缩并发布。让户得到最快捷的户体验。百度：1、JavaScript有哪种数据类型2、中alt和tittle的区别3、下css标签在JavaScript中调应如何拼写，border-left-

26、color，-moz- 4、动态打印 yyyy-mm-dd hh:mm:ss5、如何提页的运速度6、JavaScript中如何对个对象进深度clone7、flash中ActionScript2.0和ActionScript3.0向对象的异同答案见第题编写个法 求个字符串的字节长度第题如何控制alert中的换第三题解 释 document.getElementByIdx_x_x_x(“ElementID”).style.fontSize=”1.5em” 第四题将个类似图中的效果分离成css和html 第五题按照格式 xxxx年xxxxxx时xx分xx秒动态显时间 要求不10的补0第六题编写个法

27、去掉个数组的重复元素第七题说出3条以上ff和ie的脚本兼容问题第题按要求写个简单的ajax例 简单的没意义 就不写了腾讯：1.请实现，标点击页中的任意标签，alert该标签的名称（注意兼容性）HTML & CSS1.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 内元素有哪些?块级元素有哪些?CSS的盒模型? 2.CSS引的式有哪些? link和import的区别?3. CSS选择符有哪些?哪些属性可以继承?优先级?内联和important哪个优先级?4. 经常遇到的浏览器的兼容性有哪些?怎么会出现?解决法是什么?5. 如何居中个浮动元素?6. HTML5和CSS

28、3的了解情况7. 你怎么来实现下这个设计图Javascript1. 怎样添加、移除、移动、复制、创建和查找节点（1） 创建新节点createDocumentFragment() /创建个DOM段createElement_x_x() /创建个具体的元素createTextNode() /创建个本节点（2） 添加、移除、替换、插a()removeChild()replaceChild()insertBefore()（3） 查找getElementsByTagName_r() /通过标签名称getElementsByName() /通过元素的Name属性的值getElementById() /通过

29、元素Id，唯性2. 怎样使事件以及IE和DOM事件模型之间存在哪些主要差别3. 向对象编程:b怎么继承a4. 看看下alert的结果是什么function b(x, y, a) arguments2 = 10; alert(a);b(1, 2, 3);如果函数体改成下，结果会是什么? a = 10;alert(arguments2 );5. 请编写个JavaScript函数 parseQueryString，它的途是把URL参数解析为个对象，如：var url = ” key0=0&key1=1& key2=2.”var obj = parseQueryString(url); alert(o

30、bj.key0) / 输出0(来淘宝校园招聘笔试题)6. ajax是什么? ajax的交互模型? 同步和异步的区别? 如何解决跨域问题? 7.什么是闭包?下这个ul，如何点击每列的时候alert其index?这是第条这是第条这是第三条8.最近看的篇Javascript的章9.你如何去实现这个Tabview10.常使的库有哪些?常的前端开发具?开发过什么应或组件? 11.性能-YslowHTML & CSS1.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 2：内元素有哪些?块级元素有哪些?CSS的盒模型?3. CSS引的式有哪些? link和import的区别是?

31、4. CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级?5:前端页有哪三层构成，分别是什么?作是什么?6:css的基本语句构成是?8：你做的页在哪些流览器测试过?这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?怎么会出现?解决法是什么?9. 如何居中个浮动元素?10. 有没有关注HTML5和CSS3?如有请简单说些您对它们的了解情况！11. 你怎么来实现下这个设计图,主要讲述思路 （效果图省略）13:如果让你来制作个访问量很的型站，你会如何来管理所有CSS件、JS与图?14：你对前端界程师这个职位是怎么样理解的?它的前景会怎么样?重申下，

32、上述这些知识点都应该是你应该“想都不想”的东西。我开始问的所有问题都是想摸清你对所有这些领域知识的掌握程度。虽 然上列出的这些知识点并没有俱到，但我觉得你少应该掌握这些，才有可能跟我坐到间办公室来。少量提问我常赞同试者问的问题越少越好。反复问应聘者各种问题既不公平，也很聊。我在任何次试中，通常只问三个问题，但每个问 题会涉及我所能想到的多个。回答每个问题般要经过个步骤，这样我就可以在每个步骤中穿插着问些问题。如说：现在有个正显着Yahoo!股票价格的页。页上有个按钮，你可以单击它来刷新价格，但不会重新加载页。请你描述下实现这个 功能的过程，假设服务器会负责准备好正确的股票价格数据。这个问题牵扯

33、到组我想要考察的基本知识点：DOM结构、DOM操作、事件处理、XHR和JSON。如果我要求你对换种处理股票价格的式，或者让你在页中显其他信息，就可以把更多的知识点包括进来。对于经验较丰富应聘者，我也可以如地扩展要考察的知识范 围，最简单像JOSN与XML的区别、安全问题、容量问题，等等。我还希望应聘者给出的任何解决案中都不要使库。我想看到最原态的代码，你就当页中没有包含任何库。你说你对哪个库了解多少 多少，但我不能把关于库的知识作为评判能的因素，因为库是会随时间变化的。我需要的是真正理解库背后的机制，特别是能够徒写出个的库的。解决问题做为名前端程师，最值得兴的事莫过于解决同个问题会有很多种不同

34、的法，你要做的就是找出最合适的法来。我在提问的时 候，经常会在应聘者解释完种法后问他们还有没有第种法。此时我会跟他们说，假设你的这个法由于种种原因被否决了，那么你 还能不能给出另种法。这样做可以达到两个的。先，可以测试出他们是否在毫意义地复述书本中的东西。不能不承认，某些确实有过不忘的天赋，听他们在那滔滔不绝地讲，你 会觉得他们什么都明。可是，只要跟这些谈到怎么查找案效的原因，以及能否拿出个新案来，他们往往就傻眼了。这时候， 如果我听到“我不明这个案为什么不够好”之类的反问，刻就明我的问题已经超出了他们的能范围，他们只是想拿死记 硬背的结论来蒙混过关。其次，可以测试出他们已经掌握的（还是那句话

35、，“想都不想”）浏览器技术知识。如果他们对浏览器平台的核知识有较好的理解，想出 解决同问题的不同案根本没有那么难。对名前端程师来说，这绝对是最重要的能。前端程师在作中遇到本该如此却并未如此的难题（说你啦，IE6），应该说是件很 平常的事。个案效就计可施的，做不了前端程师。考核应聘者解决问题能的另层原因，与我的个喜好有关。在搞清楚应聘者知道什么不知道什么之后，我就会想着问个他们知识领域 之外的问题。这样做的的，就是想看看他们怎样运已有的知识解决新问题。在解决问题的每步，我也准备了些提，以防有会卡 壳打（在我前15分钟不发，对我评价这个毫帮助）。我真正感兴趣的，是他们能够从上步前进到下步。我希望看

36、到个 就在我眼前学到新知识。注意：所有问题都与浏览器技术相关。我不相信出道抽象的逻辑题，就能够考出某解决Web技术问题的能。在我看来，这异于让素 描师画肖像（或者让刘翔跟博尔特同场竞技），没有意义，也得不到任何有价值的信息。有激情要成为名优秀的前端程师，最重要的莫过于对做的事要有激情。我们技能都不是从学校中或者从研讨会上学来的，因此前端程师 必须具备学能。浏览器技术的变化可谓新异，所以也只有不断提升的技能才做得到与时俱进。我虽然不能强迫谁必须多看博 客、不断学习，但想应聘前端程师的恐怕还是必须这么做的。你怎么知道谁对这种作有没有激情?实际上常简单。我只问个简单的问题：“前你对什么Web技术最感

37、兴趣?”这个问题永远不会过期，且也乎不可能出错除你答不上来。就眼下来说，我希望你对这个问题给出的技术中包括WebSocket、HTML、WebGL、客户 端数据库，等等。只有对Web开发充满激情的，才会坚持不懈地学习新知识、掌握新技能；这些才是我真正想要的。当然，我会让他们 详细解释提到的技术，以保证他们不是随说了个时髦的新词汇。最后点计算机科学或者Web设计的知识当然也有，但那都是基本知识之外的东西。只要基本知识在那了，切就都有了基础，想扩充知识也不难。可是，如果等到正式上班以后，还得从头学习基本技能，那种难度是不可同语的。另外，级前端程师与般程师相，肯定需要掌握更多的技能。试乎没有经验学毕

38、业，同样也会有套完全不同的程序。我在这篇章列出来的都是些最基 本的东西。对于那些还没有多少试经验的，我总是喜欢告诉他们，试完了只要问个问题就：你想以后跟这个在起共事吗?如果不管 为什么，回答是不，那就是不。试前端程师对我来说是件常有意思的事，因为试过程很程度上也是我提升的过程。论公司还是公司，之所以在如何招 聘到真正有能的前端程师会遇到同样的问题，就是因为负责招聘的那些不知道公司需要什么样的，结果问问题时也问不到 点上。经过这年在业的摸索，我总结出了的套很有效的试前端程的法。有的应聘者说我不好对付，但留给他们这样的印象也并我所愿。我觉得之所以他们说我不好对付，主要是因为我问他们问题时问得太细

39、了。以前我曾专门写过些东西，告诉应聘者怎么才能通过我的试（Surviving an interview with me）以及优秀的前程师应该具备什么样的素质（What makes a good front end engineer?），我的试可以说完全是按照那两篇章的标准进的。我不会问些特别偏门的问题，也不认为出道逻辑题就能考出的真实平。我唯的想法就是确定你能否胜任我们要招的这个职位。为此，我需要简单地考察 如下个。基本知识我们活在互联时代，你想知道的任何事情乎都能在15分钟内找到相关信息。可是，能找到信息并不等于你会使它。我认为所有前端程师少都应该掌握某些基本的知识，才能有效地完成的作。如果

40、遇到问题，就停下作上四处搜索解决案，怎么可能保证 按期完成作呢?听听，还有谁在说“我不知道，但我可以上搜到。”请这些同学把举起来，让家认识下（immediately raises a flag for me.）。下我列出些基本的知识点，这些都是我认为名前端程师（论作年头长短）在没有任何外来帮助的情况应该知道的。DOM结构两个节点之间可能存在哪些关系以及如何在节点之间任意移动。DOM操作怎样添加、移除、移动、复制、创建和查找节点。事件怎样使事件以及IE和DOM事件模型之间存在哪些主要差别。XMLHttpRequest这是什么、怎样完整地执次GET请求、怎样检测错误。严格模式与混杂模式如何触发这两

41、种模式，区分它们有何意义。盒模型外边距、内边距和边框之间的关系，IE 8以下版本的浏览器中的盒模型有什么不同。块级元素与内元素怎么CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。 浮动元素怎么使它们、它们有什么问题以及怎么解决这些问题。HTML与XHTML者有什么区别，你觉得应该使哪个并说出理由。JSON它是什么、为什么应该使它、到底该怎么使它，说出实现细节来。重申下，上述这些知识点都应该是你应该“想都不想”的东西。我开始问的所有问题都是想摸清你对所有这些领域知识的掌握程度。虽 然上列出的这些知识点并没有俱到，但我觉得你少应该掌握这些，才有可能跟我坐到间办公室来。少量提

42、问我常赞同试者问的问题越少越好。反复问应聘者各种问题既不公平，也很聊。我在任何次试中，通常只问三个问题，但每个问 题会涉及我所能想到的多个。回答每个问题般要经过个步骤，这样我就可以在每个步骤中穿插着问些问题。如说：现在有个正显着Yahoo!股票价格的页。页上有个按钮，你可以单击它来刷新价格，但不会重新加载页。请你描述下实现这个 功能的过程，假设服务器会负责准备好正确的股票价格数据。这个问题牵扯到组我想要考察的基本知识点：DOM结构、DOM操作、事件处理、XHR和JSON。如果我要求你对换种处理股票价格的式，或者让你在页中显其他信息，就可以把更多的知识点包括进来。对于经验较丰富应聘者，我也可以如地扩展要考察的知识范 围，最简单像JOSN与XML的区别、安全问题、容量问题，等等。我还希望应聘者给出的任何解决案中都不要使库。我想看到最原态的代码，你就当页中没有包含任何库。你说你对哪个库了解多少 多少，但我不能把关于