编辑推荐

适读人群：计算机类相关专业应届毕业生

在这里，有面试笔试常见技巧的提炼与总结；
在这里，有面试笔试高频前端知识点的整理与剖析；
在这里，有面试笔试历年前端真题的解答与拓展。

内容简介

《前端程序员面试笔试宝典》是一本前端程序员面试笔试的应试类用书，在内容上，除了讲解如何解答前端程序员面试笔试问题，还引入了相关知识点辅以说明，让读者能够更加容易理解。
《前端程序员面试笔试宝典》包括前端程序员面试笔试过程中各类知识点，在题目的广度上，搜集了近3年来多家IT企业针对前端岗位的笔试面试真题。在讲解的深度上，《前端程序员面试笔试宝典》由浅入深，庖丁解牛式地分析每一个知识点，并提炼归纳，同时，引入相关知识点，并对其进行深度剖析，让读者不仅能够理解这个知识点，还能在遇到相似问题的时候，也能游刃有余地解决。《前端程序员面试笔试宝典》根据知识点进行分类，结构合理，条理清晰，便于读者学习与查阅。

目录

序
前言
面试笔试经验技巧篇
经验技巧1如何巧妙地回答面试官的问题？2
经验技巧2如何回答技术性的问题？2
经验技巧3如何回答非技术性问题？4
经验技巧4如何回答快速估算类问题？5
经验技巧5如何回答算法设计问题？5
经验技巧6如何回答系统设计题？7
经验技巧7如何解决求职中的时间冲突问题？9
经验技巧8如果面试问题曾经遇到过，是否要告诉面试官？10
经验技巧9被企业拒绝后是否可以再申请？10
经验技巧10如何应对自己不会回答的问题？11
经验技巧11如何应对面试官的“激将法”语言？11
经验技巧12如何处理与面试官持不同观点这个问题？12
经验技巧13职场暗语有哪些？12
经验技巧14当前市场对前端工程师的需求如何？待遇如何？15
经验技巧15前端工程师未来的发展方向如何？15
经验技巧16前端工程师有哪些可供选择的职业发展道路？16
经验技巧17企业在招聘时，对前端工程师通常有何要求？前端工程师的日常工作是什么？16
经验技巧18要想成为一名出色的前端工程师，需要掌握哪些必备的知识？有哪些好的书籍
或网站可供推荐学习？17
面试笔试技术攻克篇
第1章HTML基础20
1.1HTML20
1.2HTML521
1.2.1HTML5新特性21
1.2.2WebApp、HybridApp和NativeApp21
1.3DOCTYPE23
1.3.1语法23
1.3.2常用声明23
1.3.3浏览器渲染模式24
1.4XHTML25
1.4.1XHTML规范25
1.4.2HTML与XHTML的区别25
1.5语义化26
1.5.1语义化的元素26
1.5.2微格式27
1.6HTML实体28
1.6.1HTML实体的定义28
1.6.2可转义的字符或符号29
第2章HTML元素和高级功能30
2.1元素基础30
2.1.1元素的分类30
2.1.2元素属性31
2.2应用CSS样式32
2.2.1内联样式32
2.2.2内嵌样式32
2.2.3外部样式33
2.3嵌入JavaScript33
2.3.1内联脚本33
2.3.2外部脚本34
2.3.3元素属性35
2.4meta元素36
2.4.1charset36
2.4.2name36
2.4.3http-equiv37
2.5超链接38
2.5.1href38
2.5.2target38
2.5.3其他属性39
2.6图像39
2.6.1属性40
2.6.2分区响应图40
2.6.3插图元素41
2.7收集用户数据42
2.7.1文本42
2.7.2日期与数值43
2.7.3按钮和其他44
2.7.4给表单控件分组45
2.8表格46
2.8.1表格的组成46
2.8.2属性47
2.9iframe48
2.9.1iframe属性48
2.9.2iframe用途49
2.10多媒体50
2.10.1使用多媒体元素的优势50
2.10.2video51
2.10.3audio52
2.11绘图53
2.11.1位图图像与矢量图形53
2.11.2canvas53
2.11.3SVG54
2.12数据存储55
2.12.1Cookie55
2.12.2Web存储56
2.12.3userData56
第3章CSS基础57
3.1CSS357
3.1.1CSS3新特性57
3.1.2渐进增强58
3.2盒模型59
3.2.1盒模型60
3.2.2box-sizing60
3.2.3盒子的显示类型61
3.3元素盒类型62
3.3.1list-item62
3.3.2表格相关的属性值63
3.3.3run-in63
3.3.4inline-block63
3.3.5伸缩盒64
3.4BFC65
3.4.1创建BFC65
3.4.2BFC的用途66
3.5使用CSS选择器68
3.5.1基本选择器68
3.5.2关系选择器69
3.5.3伪选择器69
3.5.4选择器分组70
3.6内容生成71
3.6.1计数器71
3.6.2引用属性值和图像72
3.6.3添加文本73
3.7层叠73
3.8单位76
3.8.1绝对长度单位76
3.8.2相对长度单位76
3.8.3其他单位78
3.9百分数78
3.9.1定位79
3.9.2宽和高79
3.9.3外边距和内边距80
3.9.4边框圆角和位移80
3.9.5字体大小81
3.10颜色82
3.10.1颜色名称82
3.10.2RGB颜色82
3.10.3HSL颜色83
3.10.4Web安全色83
第4章CSS属性84
4.1浮动84
4.1.1浮动范围84
4.1.2创建BFC85
4.1.3负外边距85
4.1.4清除浮动86
4.2定位88
4.2.1相对定位88
4.2.2绝对定位89
4.2.3固定定位89
4.2.4偏移属性90
4.2.5z-index91
4.3边框92
4.3.1外观92
4.3.2宽度92
4.3.3颜色93
4.3.4圆角93
4.3.5阴影95
4.3.6outline95
4.4文本属性96
4.4.1overflow96
4.4.2text-decoration97
4.4.3white-space97
4.4.4文本换行98
4.5字体99
4.5.1字体系列100
4.5.2Web字体100
4.6垂直对齐102
4.6.1行内非替换元素102
4.6.2行内替换元素103
4.6.3垂直对齐104
4.7背景105
4.7.1起始点和裁剪背景区105
4.7.2背景图像尺寸107
4.7.3背景图像附着108
4.7.4背景图像定位109
4.7.5background110
4.8变形、过渡和动画111
4.8.1变形111
4.8.2过渡112
4.8.3动画114
4.9媒体查询117
4.9.1使用方法117
4.9.2媒体类型117
4.9.3媒体特性118
4.9.4操作符119
4.9.5支持度119
第5章CSS应用121
5.1CSSHack121
5.1.1浏览器前缀121
5.1.2条件注释121
5.1.3CSS属性级前缀122
5.2布局123
5.2.1浮动布局123
5.2.2定位布局124
5.2.3流式布局124
5.2.4弹性布局125
5.2.5多列布局125
5.2.6等高布局127
5.3CSSReset129
5.3.1全局重置129
5.3.2Reset.css129
5.3.3Normalize.css130
5.4伸缩盒布局131
5.4.1主轴和侧轴132
5.4.2对齐方式133
5.4.3伸缩性135
5.4.4显示顺序137
5.4.5新旧版本属性对照137
5.5居中138
5.5.1水平居中139
5.5.2垂直居中140
5.6CSS预处理器142
5.6.1变量与运算142
5.6.2选择器嵌套143
5.6.3控制语句143
5.6.4混合和函数144
5.6.5继承144
5.7Bootstrap145
5.7.1栅格系统146
5.7.2排版148
5.7.3颜色148
5.7.4表格149
5.7.5表单150
5.7.6组件151
第6章计算机网络153
6.1TCP/IP153
6.1.1协议153
6.1.2TCP/IP154
6.2HTTP155
6.2.1URI和URL156
6.2.2HTTP协议156
6.2.3HTTP报文157
6.2.4HTTP首部158
6.2.5缓存160
6.3RESTful架构风格162
6.3.1REST162
6.3.2约束条件162
6.4TCP163
6.4.1连接管理163
6.4.2确认应答164
6.4.3窗口控制166
6.4.4重传控制166
6.5HTTPS167
6.5.1加密168
6.5.2数字签名169
6.5.3数字证书169
6.5.4安全通信机制170
6.6HTTP/2.0171
6.6.1二进制分帧层171
6.6.2多路通信172
6.6.3请求优先级173
6.6.4服务器推送173
6.6.5首部压缩173
第7章JavaScript语言175
7.1JavaScript概述175
7.1.1ECMAScript175
7.1.2DOM176
7.1.3BOM176
7.2基本语法177
7.2.1字符集177
7.2.2标识符、关键字和保留字177
7.2.3数据类型178
7.2.4运算符179
7.2.5表达式181
7.2.6语句181
7.3数字和字符串183
7.3.1数字183
7.3.2字符串185
7.4强制类型转换188
7.4.1转换为数字188
7.4.2转换为字符串190
7.4.3转换为布尔值191
7.4.4相等运算符191
7.5全局对象192
7.5.1全局对象193
7.5.2包装对象193
7.5.3处理URI的全局函数194
7.6对象（Object）195
7.6.1创建195
7.6.2原型和原型链195
7.6.3属性196
7.6.4可扩展性200
7.7JSON202
7.7.1语法203
7.7.2序列化204
7.7.3解析205
7.8日期和时间（Date）206
7.8.1UTC和GMT206
7.8.2构造函数206
7.8.3静态方法207
7.8.4日期格式化方法208
7.8.5其他日期方法208
7.9正则表达式（RegExp）209
7.9.1创建209
7.9.2语法210
7.9.3String中的方法212
7.9.4RegExp中的方法214
7.10数组（Array）215
7.10.1创建215
7.10.2数组操作215
7.10.3数组方法216
7.10.4类数组对象和字符串220
7.11函数（Function）221
7.11.1作用域222
7.11.2函数基本概念223
7.11.3闭包227
7.11.4函数式编程228
7.12this230
7.13即时函数232
7.13.1块级作用域233
7.13.2循环233
7.13.3可读性和undefined233
7.13.4类库封装234
7.14检测类型和对象234
7.14.1检测数据的类型235
7.14.2对象之间的关联性236
7.15Node.js237
7.15.1安装Node237
7.15.2npm238
第8章客户端中的JavaScript239
8.1BOM239
8.1.1Window239
8.1.2Location242
8.1.3Navigator243
8.1.4History245
8.2DOM247
8.2.1节点247
8.2.2操作元素250
8.3元素的属性、尺寸和坐标256
8.3.1特性和属性256
8.3.2尺寸258
8.3.3坐标261
8.4控制CSS样式264
8.4.1内联样式264
8.4.2获取CSS属性264
8.4.3设置CSS属性265
8.4.4读写CSS类265
8.4.5计算样式266
8.5事件267
8.5.1术语267
8.5.2注册事件268
8.5.3事件传播271
8.5.4事件对象272
8.5.5模拟事件273
8.6表单275
8.6.1表单275
8.6.2单选框和复选框277
8.6.3选择框278
8.6.4上传按钮280
8.7Ajax282
8.7.11级XMLHttpRequest282
8.7.22级XMLHttpRequest285
8.7.3跨域通信288
8.8jQuery290
8.8.1jQuery基础290
8.8.2操作元素291
8.8.3元素的属性295
8.8.4事件298
8.8.5Ajax299
8.8.6动画300
8.8.7工具函数301

前言/序言

计算机技术博大精深，日新月异。Hadoop、GPU计算、移动互联网、模式匹配、图像识别、神经网络、蚁群算法、大数据、机器学习、人工智能、深度学习等新技术让人眼花缭乱，稍有不慎，就会被时代抛弃。于是，很多IT从业者就开始困惑了，不知道从何学起，到底什么才是计算机技术的基石。其实，究其本质，还是最基础的计算机语言知识、数据结构与算法知识。所以，无论是世界级的大型企业还是几个人的小公司，在面试求职者的时候，往往都会考察这些最基础的知识，无论你的研究方向是什么，这些基础知识都是应该熟练掌握的。
《前端程序员面试笔试宝典》在写作风格上，推陈出新，对于前端知识点的讲解，不仅有文字描述，更以示例佐证（示例代码可以从https://github.com/pwstrick/FrondEndInterviewCode下载）。为了能够写出精品书籍，我对每一个技术问题，都反复推敲，与技术大牛一起反复论证其可行性；对每一句话，都咬文嚼字，字斟句酌，所有这些付出，只为让读者能够对书中技术点放心，文字描述舒心。
《前端程序员面试笔试宝典》在选择题目时也下了巨大的工夫：首先，搜集近3年来多家IT企业的面试笔试真题，包括已经出版的其他著作、技术博客、在线编码平台、刷题网站等，保证所选样本足够大。其次，在选择题目的时候，尽可能不选择那种一眼就能知道结果的简单题，也不选择怪题、偏题、难题。选题原则是选择难度适中或者看上去简单但实际容易被坑的题目，力求遴选出来的真题能够最大限度地帮助读者。在真题的解析上，采用层层递进的写法，先易后难，层层深入，将问题抽丝剥茧，使读者能够跟随书中的思路，一步步找到问题的最优解。
写作的过程是一个自我提高、自我认识的过程，很多知识，只有你深入理解与剖析后，才能领悟其中的精髓，掌握其中的技巧，程序员求职面试也不例外。《前端程序员面试笔试宝典》不仅具备了其他书籍分析透彻，代码清晰合理等优点，还具备以下两个方面的优势：
第一，知识覆盖面全。《前端程序员面试笔试宝典》涉及知识点覆盖了前端程序员面试笔试中至少98%的基础知识点。
第二，讲解详细，剖析深入。《前端程序员面试笔试宝典》对每个知识点都进行了详细阐述，知识点介绍完以后还会针对部分真题进行深度分析与讲解，图文并茂，生动形象。
我在相关技术岗位上已经有多年的经验。一直想把自己的心得分享给大家，机缘巧合促成了这《前端程序员面试笔试宝典》的撰写。在此，要感谢与出版《前端程序员面试笔试宝典》有关的人，因为有你们，我才能坚持下来，完成整《前端程序员面试笔试宝典》的编写。
首先，感谢机械工业出版社时静老师给我写作的机会。其次，要感谢的是楚秦，他不但让我加入到这项工作中，还审阅了整《前端程序员面试笔试宝典》，并对文字和代码进行了修改和润色，为改进《前端程序员面试笔试宝典》提供了许多宝贵的建设性意见，这些建议与意见极大地提高了《前端程序员面试笔试宝典》的质量。
除此之外，也感谢那些给予我热情帮助的人，从他们那里亦得到了很多非常好的建议，这些人是（按姓氏拼音排列）：陈安阳、陈曼杰、陈涛、潘义璠、沈哲俊、王春明、王汝婷、夏丽、赵茹林、周捷、周山。还要特别感谢周晶撰写序。
最后，我要感谢我的家人，他们是我生命中最重要的人，感谢他们对我的理解和鼓励。尤其要感谢我的爱妻，一直陪伴在我身边，在我感到困难的时候支持我、鼓励我，为我营造了一个安心、舒适的写作环境，让我有信心完成整《前端程序员面试笔试宝典》的写作。
其实，《前端程序员面试笔试宝典》不仅可以作为程序员求职的应试类书籍，还可以作为前端程序员的教辅书籍进行学习。书中的很多思想、方法对于提高对前端知识的理解大有裨益，无论你是本科生还是研究生，无论你是低年级学生还是高年级学生，无论你对计算机底层知识或是当前的计算机前沿知识是否了解，都不影响你学好《前端程序员面试笔试宝典》。
《前端程序员面试笔试宝典》中有部分思想来源于网络上的无名英雄，无法追踪到原始出处，在此对这些幕后英雄致以最崇高的敬意。没有学不好的学生，只有教不好的老师，希望无论是什么层次的学生，都能毫无障碍地看懂书中所讲内容。如果读者存在求职困惑或是对书中的内容存在异议，都可以通过yuancoder@foxmail.com联系作者。


平文
于上海松江

其他推荐