font-interview3前端面考试试题整理.docVIP

PAGE4 / NUMPAGES9 DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。?DOM操作——怎样添加、移除、移动、复制、创建和查找节点。??事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别?XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。?严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。?盒模型——外边距、内边距和边框之间的关系，IE 8以下版本的浏览器中的盒模型有什么不同。? JSON——它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。?? 有点侧重于移动端适配css布局浏览器兼容IE hack，而有的侧重于JS逻辑面向对象考察等。 手写事件模型及事件代理/委托 这个算是被问到的最多次数的问题了，首先要求描述下js里面的【事件的三个阶段】捕获，目标，冒 泡阶段，低版本IE不支持捕获阶段。然后可能问到IE和W3C不同绑定事件解绑事件的方法有什么区别，参数分别是什么，以及事件对象e有什么区别等等。 【事件的代理/委托】的原理以及优缺点，这是靠事件的冒泡机制来实现的，优点是 1、大量节省内存占用，减少事件注册，ul代理所有li的click事件就非常棒 2、可以实现当新增子对象时无需再次对其绑定事件，对于动态内容部分尤为合适 事件代理的应用常用应该仅限于上述需求下，如果把所有事件都用代理就可能会出现事件误判，即本不应用触发事件的被绑上了事件，事实上我见过有人把页面里的所有事件都绑定到document用委托的，这是极其不明智的做法。 手写js【实现事件代理】，并要求兼容浏览器，其实就是考核对事件对象e的了解程度，以及在IE下对应的属性名。其实此时如果你说就是用target，currentTarget，以及IE下的srcElement和this，基本就可以略过了。 如果上述都ok的话，那么极有可能要求让你【实现事件模型】，即写一个类或是一个模块，有两个函数，一个bind一个trigger，分别实现绑定 事件和触发事件，核心需求就是可以对某一个事件名称绑定多个事件响应函数，然后触发这个事件名称时，依次按绑定顺序触发相应的响应函数。 这个需求如果对于做过C#的人来讲就再熟悉不过，他根本就是C#中的【委托】（delegate）。而委托与事件几乎是一家子。回到前面说的题目， 大致实现思路就是创建一个类或是匿名函数，在bind和trigger函数外层作用域创建一个字典对象，用于存储注册的事件及响应函数列表，bind时， 如果字典没有则创建一个，key是事件名称，value是数组，里面放着当前注册的响应函数，如果字段中有，那么就直接push到数组即可。 trigger时调出来依次触发事件响应函数即可。 不过还有很多细节，比如触发响应函数时的上下文应该是什么，触发响应函数的参数列表应该是什么，如果要求把调用trigger的参数列表都传到响应函数中还要考虑到吧arguments对象转化为纯数组才行等等。 还有一些面试官会问到事件如何派发也就是事件广播（dispatchEvent）等 前端性能优化 这个简直老生常谈，不管是园子里还是园子外，关于前端优化的东西太多太多了，不同角度不同方向也有很多，网络性能优化，加快访问速度，浏览器并行加 载数量，怎样实现原生JS异步载入，CDN加速的原理，如何将不同静态资源发布到多个域名服务器上，发布后这些静态字段的url路径改怎么批量改写，用什 么工具进行项目打包，css打包后的相对路径怎么转换为绝对路径，用什么工具进行项目模块依赖管理，怎么进行cookie优化等等， 这个说起来就很多了，尽可能的按照自己做过的优化来讲，否则面试官随便挑一项深究都可能会卡壳，与其这样还不如不讲 闭包原理及应用 这个问题的经典性，几乎所有面试官都会问到这个问题，什么情况下会发生闭包，为什么需要闭包，什么场景下需要，闭包闭了谁，怎么释放被闭包的变量内存，闭包的优点是什么，缺点是什么等 手写Function.bind函数 首先会要求解释下这个函数的作用，以及在什么场景下需要用到它，最后手写一个Function.bind函数。 只要掌握核心几点就没问题： 1、Function.bind返回的也是一个函数，所以注定发生了闭包， 2、在返回的这个函数中去调用一个其他的函数，这其实本质上就是函数钩子(HOOK) 关于在JS里的函数钩子，我认为只需要维护以下三点即可： 1、保持函数的this指向 2、保持函数的所有参数都传递到目标函数 3、保持函数的返回值 有了以上这几点，这个函数就非常好写了，下面是MSDN上的标准Polyfill： if?(!Ftotype.bind)?{?? ?Ftotype.bind?=?function?