前端面试江湖.pdf

前端面试江湖李红米 编著Publishing House of Electronics Industry北京BEIJING内 容 简 介本书融合了 Web 前端面试题和主流开发技术，涵盖了 JavaScript、HTML5+CSS3、DIV+CSS、jQuery 等几大前端主流技术，结构清晰，层次明了。从知识点来说，基本上覆盖了近几年这个行业都会涉及的前端面试题；从实战经验来说，可以提高读者独立思考的能力，增加读者的实际应用技能。另外，本书的王牌“17 助力”，更能助读者在面试中的一臂之力。走进前端面试江湖不再为面试而苦恼！本书适合从事前端工作或即将从事前端工作的读者阅读。未经许可，不得以任何方式复制或抄袭本书之部分或全部内容。版权所有，侵权必究。图书在版编目（CIP）数据前端面试江湖/李红米编著.北京：电子工业出版社，2016.5ISBN 978-7-121-28507-3.前.李.JAVA 语言程序设计 超文本标记语言程序设计 网页制作工具.TP312 TP393.092中国版本图书馆 CIP 数据核字（2016）第 066169 号策划编辑：陈晓猛责任编辑：张 玲印 刷：三河市双峰印刷装订有限公司装 订：三河市双峰印刷装订有限公司出版发行：电子工业出版社 北京市海淀区万寿路 173 信箱 邮编 100036开 本：7201 000 1/16 印张：23.25 字数：446.4 千字版 次：2016 年 5 月第 1 版印 次：2016 年 5 月第 1 次印刷定 价：69.00 元凡所购买电子工业出版社图书有缺损问题，请向购买书店调换。若书店售缺，请与本社发行部联系，联系及邮购电话：（010）88254888。质量投诉请发邮件至 ，盗版侵权举报请发邮件至 。服务热线：（010）88258888。III前 言互联网技术日新月异。2005 年以后，互联网进入 Web 2.0 时代，各种类似桌面软件的 Web 应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种丰富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。Web 前端开发是一项很特殊的工作，涵盖的知识面非常广，它既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。随着前端开发涉及的领域愈发的广泛，各大企业对招聘的 Web 前端开发工程师岗位提出了更多的需求，对应聘者面试内容的知识面也不断拓宽，这就使很多应聘者卡在了面试这道坎儿上。本书系统地划分了近几年来 Web 前端的主流模块和常用的框架、库等，整理了大量企业面试题，并附有资深前端工程师的详细讲解，独具特色的笔风让读者在学习的同时，也不会觉得枯燥。为何写作本书前端开发是个非常新的职业，对一些规范和最佳实践的研究都处于探索阶段，总有新的灵感和技术不时闪现出来，所以对前端开发工程师的能力要求越来越高。由于前端开发人员的需求越来越大，更多的人愿意学前端，做前端，所以前端开发的就业前景越来越广，竞争也越来越激烈。一位好的 Web 前端开发工程师在知识体系上既要有深度，又要有广度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。然而公司对应聘者的初次了解就在面试中，可见这“第一印象”很重要。为了有效地应对面试，“面经”这个新兴概念应运而生。笔者在当初找工作阶段也从“面经”中获益匪浅。但“面经”中的分类不是很清晰，具有针对性的试题和经验也很难找到。为了方便后来者，笔者花费大量时间对企业真实面试题进行了改编，并从自身专业出发，着重关注前端程序员面试，并从中精选IV前端面试江湖出若干具有代表性的技术类面试题进行深入剖析，希望能给前端面试人员提供更多参考。本书特色面试实战本书面试题全都来源于企业面试。近几年来，关于 Web 前端开发职位的要求越来越高，致使大多数人在面试时出师不利。本书所包含的面试题中，涵盖了前端最新的几大主流技术，以及近几年前端所涉及的大多数知识。深入解析本书用相当多的篇幅重点剖析试题，并配有 Web 前端资深工程师的解答，其中不乏前端应用中的方法与技巧。通过解析模拟面试题，能有效帮助读者掌握 Web 前端技术，使读者对前端面试更有把握。笔风特色本书名为前端面试江湖，笔者在编著此书时，将前端当成一个江湖，江湖分支有 JavaScript、HTML5+CSS3、DIV+CSS、jQuery 等几大前端主流技术，书中还汇聚了从筑基修炼到终极飞升的面试题。相信读者会在阅读的过程中感觉到做 Web 前端的不易，但我们也相信，你们会有斗志继续攻克前端，并在学习与拓宽前端的路上越走越远。本书内容结构本书分为六篇，共 19 章，具体结构划分如下。第 1 4 篇：试题演练讲解部分，共 16 章。这部分主要介绍 JavaScript、HTML5+CSS3、DIV+CSS、jQuery 等几大前端主流技术。其中包含初级面试题、中级面试题、高级面试题、终极面试题。第 5 篇：本篇内容是前端开发“17 助力”，记录一些有关前端岗位的综合面试题，以及在面试过程中，除了我们在前面提出的几大主流技术外，大多数企业面试题会涉及的知识点，提升读者对前端知识的认识，并且本篇还有考验程序员的逻辑思维的试题。第 6 篇：本篇共两章，主要内容为综合测试题和人力资源面试相关的技巧，为读者提供模拟面试题和人力资源常问的问题，为您的面试保驾护航。V前 言本书面向的读者 具有一定的 Web 前端基础的求职者 具有计算机编程基础或从计算机后端转前端的求职者 各大院校学习计算机课程，并今后想从事 Web 前端工作的求职者 Web 前端开发在职人员 关于我们在本书的写作过程中，策划编辑陈晓猛给予了很大的帮助和支持，在此表示感谢。另外，书中教给读者的方法是次要的，重要的是这本书可以增加读者的思维能力，能够让人做到举一反三。由于时间有限，书中可能会出现一些错误或读者不理解的地方，读者可以发送邮件到 ，也可以登录前端江湖的官网（），在我们的问答模块上提出您的反馈意见。我们谨以最真诚的心，希望能与读者共同交流，共同成长。“只会在水泥上走路的人，永远不会留下深深的脚印”，亲爱的读者朋友，希望在前端的道路上我们一起走过！李红米2016.2.1VII第 1 篇烽烟起，剑在手JavaScript 永不休第 1 章未入江湖，先定三分JavaScript 初级面试题 21.1 面试从这里开始（关于 JavaScript）21.2这题很简单（字符串）31.3我面试，我快乐（变量）51.4平平淡淡搞定面试（数据类型）71.5哎呦，这题不错哦（window 的属性和方法）81.6 让你魂牵梦绕的题（元素）121.7“神马”题都是浮云（className）151.8看完这题，花儿都笑了（保留字和关键字）151.9我懂的题，你懂吗（循环语句）16第 2 章能文能武，身怀绝技JavaScript 中级面试题 172.1 小考题，大味道（表达式）172.2 让人叹为观止的考题（String 对象）182.3 让人绞尽脑汁的考题（Math 对象）212.4 令人陶醉的考题（数组）232.5 令人难过的考题（函数）342.6 令人抑郁的考题（对象）402.7 夜以继日难以攻克的考题（定时器）502.8 学无止境（日期和时间）522.9 主流技术的“最爱”（typeof、instanceof）54第 3 章进得武林，入得四方JavaScript 高级面试题 563.1 轻松解决缠绕你的考题（this）563.2 细心可以拿满分的题（事件）583.3 不可忽视的小漏洞（表单、文本框）68目 录VIII前端面试江湖3.4“照镜子”看题（对称数）773.5 让你坚定不移看下去（JavaScript 客户端检测）773.6 过了这题，公司随便挑（排序）783.7 看了这题，收获多多（call、apply）793.8 看懂必高薪的面试题（继承和多态）803.9 大型企业面试必考（charAt()、indexOf()）823.10 五年前端，三年必考（substr、substring）823.11 这题如此而已，我会为你加油（iframe）82第 4 章一手遮天，大名远扬JavaScript 终极面试题 844.1 让人暴走的考题（Ajax）844.2 面对这些考题，除了崩溃我不知道还能说什么 （XMLHttpRequest 对象）904.3 感慨“时间太瘦”的考题（关于继承）924.4 高级前端必考试题（闭包）974.5 值得思考和深钻的考题（video）994.6 这些年，一直“陪伴我”的考题（url 参数）1004.7 小心陷阱！总是被坑的考题（JavaScript 模仿块级作用域）1014.8 错误率最高的考题（正则表达式）1024.9 前端最新技术考题（转换大写）1034.10 总有一种题，叫看起来都对（JSON）1034.11 最难回答的考题（事件委托）1074.12 高智商考题（事件流）1094.13 前端压轴考题（错误处理与调试）1154.14 你值得拥有的考题（Cookie）115综合提升 116第 2 篇驾骏马，拉长弓HTML5+CSS3 我独行第 5 章博学多才，雄韬伟略HTML5+CSS3 初级面试题 1285.1 做了这些，不再是菜鸟（关于 HTML5）1285.2 真本事，更自信（HTML5 语法）1295.3 这些题总能温暖你（HTML5+CSS3 新增属性）131IX目 录5.4 最实用的题（HTML5 与 XML）1325.5 KO 这些题，前端岗位不是梦（HTML5 结构）1335.6 前端好考题（HTML5 布局）1345.7 这些题，让你赢在起跑线上（关于 CSS3）1355.8 领先别人一步（CSS3 选择器）1355.9 从最陌生到最熟悉的题（切图）1365.10 做好当下（定位相关）136第 6 章不鸣则已，一鸣惊人HTML5+CSS3 中级面试题 1386.1 没有你们，我会不安（HTML5 音频与视频）1386.2 终是拨开云雾见月明（弹性盒布局）1396.3 心在天上，题在手上（HTML5 常见问题）1406.4 多几分钟的准备，少几小时的麻烦（HTML 元素）1406.5 经久不衰的考题（代码纠错）1416.6 比上不足，比下有余（代码优化）1426.7 非常可乐，非常选择（上传）1436.8 爱上面试的感觉（文本）1446.9 你想摆谱，先干掉我（字体）1466.10 前端深处考题（边框背景）1476.11 有这些，更自信（多列布局）1486.12 总有些考题念念不忘（多列显示样式）1496.13 深入每道题的世界（盒布局）150第 7 章运筹帷幄，决胜千里HTML5+CSS3 高级面试题 1517.1 就这些，永不过期（模式）1517.2 这些题，让你前端技艺更高一筹（HTML5 页面）1527.3 考题中的钉子户（Canvas 的使用）1537.4 点面试，闯全关（媒体查询）1547.5 面试一大坎儿（浏览器缓存与本地储存）1547.6 这些让你更强大（媒体调用标签）1557.7 脑若一动，题就千行（HTML、CSS 综合）1567.8 有了我就知足吧（兼容问题）1577.9 一直在寻找，直到遇见你（响应式布局）157X前端面试江湖7.10 一直在寻觅的考题（关于浏览器）1587.11 无法轻描淡写的考题（PC、移动）1597.12 最难懂的题给真心的你（HTML5 效果）1607.13 从此，面试不重来（控件相关）161第 8 章见多识广，独霸一方HTML5+CSS3 终极面试题 1638.1 这些题必须认真对待（HTML5 应用程序缓存）1638.2 这些题“包罗万象”（HTML5 常见 API）1648.3 再深的题海，也能乘风破浪（HTML5 数据存储）1648.4 这些题让你相信能，就能！（HTML5 编辑 API）1658.5 搞清楚这些让你“屌炸天”（CSS 动画）1658.6 前端面试独家宝贝（c