前端程序员面试笔试通关宝典

第1章  面试礼仪和技巧  001
1.1  面试前的准备  001
1.1.1  了解面试企业的基本情况以及企业文化  001
1.1.2  了解应聘职位的招聘要求以及自身的优势和劣势  003
1.1.3  简历的投递  003
1.1.4  礼貌答复面试或笔试通知  004
1.1.5  了解公司的面试流程  004
1.1.6  面试前的心理调节  006
1.1.7  仪容仪表  006
1.2  面试中的应对技巧  006
1.2.1  自我介绍  007
1.2.2  面试中的基本礼仪  007
1.2.3  如何巧妙地回答面试官的问题  008
1.2.4  如何回答技术性的问题  009
1.2.5  如何应对自己不会的题  009
1.2.6  如何回答非技术性的问题  010
1.2.7  当与面试官对某个问题持有不同观点时，应如何应对  010
1.2.8  如何向面试官提问  011
1.2.9  明人“暗语”  011
1.3  面试结束  012
1.3.1  面试结束后是否会立即收到回复  013
1.3.2  面试没有通过是否可以再次申请  013
1.3.3  怎样处理录用与被拒  013
1.3.4  录用后的薪资谈判  014
1.3.5  入职准备  014
 
第2章  HTML 5  015
2.1  HTML 5基础  015
2.1.1  基本结构  015
2.1.2  HTML的发展史  016
2.1.3  HTML 5的优势  017
2.1.4  W3C标准  018
2.2  网页标签  019
2.2.1  基本标签  019
2.2.2  图像标签  022
2.2.3  链接标签  024
2.3  常用超链接  026
2.3.1  页面间链接  026
2.3.2  锚链接  026
2.4  行内元素和块级元素  028
2.5  面试与笔试试题解析  031
2.5.1  怎样区分HTML 5、HTML和XHTML  031
2.5.2  请阐述你对W3C的理解  032
2.5.3  HTML文档中的DOCTYPE有什么作用  033
2.5.4  DOCTYPE文档类型有几种  033
2.5.5  Quirks模式是什么？它和Standards模式的区别  033
2.5.6  HTTP状态码  034
2.5.7  什么是IP地址  036
2.5.8  浏览器内核  036
2.5.9  行内元素和块级元素  037
2.5.10  link和@import  038
2.5.11  HTML 5新特性和浏览器兼容  039
2.5.12  如何实现浏览器内多个标签页之间的通信  039
2.5.13  元素的alt和title有什么异同  040
2.5.14  CSS和JavaScript的文件和图片  040
2.5.15  网页中的乱码原因  041
2.5.16  在目标窗口中打开超链接页面的两种方式是什么  041
2.6  名企真题解析  042
2.6.1  JavaScript放在HTML的不同位置有什么区别  042
2.6.2  HTML 5的离线存储资源的管理和加载  042
2.6.3  封装一个isInteger()函数，用于检测传入的值是整数  042
2.6.4  使用CSS实现水平垂直居中  043
2.6.5  输完网址按Enter键，在这个过程中发生了什么  043
 
第3章  列表、表格、媒体元素和表单  044
3.1  列表  044
3.1.1  认识列表  044
3.1.2  列表的分类  045
3.2  表格  047
3.2.1  基本语法  047
3.2.2  跨行和跨列  048
3.3  HTML 5的媒体元素  050
3.3.1  视频元素  050
3.3.2  音频元素  050
3.4  HTML 5的结构元素  051
3.5  内联框架  055 3.6  表单  056
3.6.1  表单和表单元素  057
3.6.2  表单校验  060
3.6.3  正则表达式  061
3.7  面试与笔试试题解析  062
3.7.1  什么是列表以及列表的分类  063
3.7.2  常见的表单元素有哪些  063
3.7.3  表单提交的方式  064
3.7.4  制作下拉列表需要使用哪些表单元素  065
3.7.5  如何在页面中使用音频元素和视频元素  066
3.7.6  定义列表的标签  066
3.7.7  为什么使用HTML 5结构标签来布局网页  067
3.7.8  使用什么属性可以达到表单的初步验证  068
3.7.9  使用JavaScript去除字符串空格  068
3.7.10  在HTML 5中支持哪几种列表  069
3.7.11  Web前端开发，如何提高页面性能优化  070
3.7.12  iframe的优缺点  070
3.8  名企真题解析  071
3.8.1  JavaScript的垃圾回收机制  071
3.8.2  如何制作语义化的表单  071
3.8.3  怎样制作一个调查问卷  072
3.8.4  如何使用表格制作流量查询表  073
3.8.5  请说出几种减少页面加载时间的方法  074
 
第4章  认识 CSS  075
4.1  CSS简介  075
4.2  CSS的基本语法  076
4.3  HTML中引入CSS样式  076
4.3.1  行内样式表  076
4.3.2  内部样式表  077
4.3.3  链入外部样式表  078
4.3.4  导入外部样式表  078
4.4  CSS样式优先级  079
4.5  基本选择器  079
4.5.1  标签选择器  079
4.5.2  ID选择器  080
4.5.3  类选择器  080
4.6  高级选择器  081
4.6.1  层次选择器  081
4.6.2  复合选择器  082
4.6.3  属性选择器  083
4.7  面试与笔试试题解析  084
4.7.1  什么是CSS  084
4.7.2  CSS优先级算法如何计算  085
4.7.3  在HTML中引入CSS样式的方式是什么  085
4.7.4  CSS 3新特性有哪些  086
4.7.5  为什么要初始化CSS样式  087
4.7.6  CSS 3新增伪类有哪些  087
4.7.7  如何使用CSS实现一个三角形  087
4.7.8  浏览器怎样解析CSS选择器  088
4.7.9  请列举几种隐藏元素的方法  089
4.7.10  CSS 3的基本选择器和语法规则  089
4.7.11  CSS 3的选择符有哪些？哪些选择符可以继承  089
4.7.12  哪种方式可以对一个DOM设置其CSS样式  089
4.7.13  什么是外边距重叠？重叠的结果是什么  090
4.8  名企真题解析  090
4.8.1  CSS的文本替换省略号  090
4.8.2  如何使用CSS设置渐变效果  091
4.8.3  页面实现等高布局  092
4.8.4  如何使用CSS设置背景样式  093
 
第5章  CSS 3网页制作和美化  095
5.1  span标签  095
5.2  文本样式  096
5.3  超链接伪类  100
5.4  使用CSS设置超链接  102
5.4.1  列表样式  102
5.4.2  背景样式  103
5.5  CSS 3渐变  104
5.5.1  CSS 3渐变兼容  104
5.5.2  线性渐变  105
5.6  CSS 3属性制作动画  105
5.6.1  CSS 3变形  106
5.6.2  CSS 3过渡  107
5.6.3  CSS 3动画  110
5.7  面试与笔试试题解析  112
5.7.1  font属性设置  112
5.7.2  在CSS中设置文本行高使用哪些属性  112
5.7.3  全屏滚动的原理以及用到的CSS属性  113
5.7.4  CSS优化、提高性能的方法有哪些  114
5.7.5  CSS 3的flexbox（弹性盒布局模型）  114
5.7.6  简单介绍什么是REST  115
5.7.7  使用CSS 3过渡有哪些触发方式  115
5.7.8  图片格式png、jpg和gif的使用  116
5.7.9  简单阐述图像的预加载和懒加载  116
5.7.10  字号使用奇数还是偶数  117
5.7.11  undefined和null有哪些异同  117
5.7.12  first-child和first-of-type有什么区别  118
5.7.13  CSS中类选择器和ID选择器有哪些区别  118
5.7.14  CSS伪类与CSS伪对象的区别  118
5.7.15  position的absolute与fixed的共同点与不同点  118
5.8  名企真题解析  119
5.8.1  如何制作百度音乐标签页面  119
5.8.2  如何制作新闻资讯页  119
5.8.3  display:none与visibility:hidden的区别  121
5.8.4  如何制作家用电器商品分类页面  122
5.8.5  畅销书排行榜页面怎样实现  123
5.8.6  margin和padding分别适合什么场景使用  124
 
第6章  盒子模式和浮动  125
6.1  盒子模型  125
6.1.1  盒子模型的组成  125
6.1.2  盒子模型的特征  127
6.2  盒子阴影  128
6.3  display属性  128
6.4  浮动  129
6.5  盒子模型的定位  130
6.6  溢出处理  131
6.7  inline-block和float的共性和区别  131
6.8  面试与笔试试题解析  132
6.8.1  position的定位属性有哪些  132
6.8.2  什么叫Web安全色  133
6.8.3  如何清除一个网页元素的浮动  134
6.8.4  前端为什么提倡模块化开发  134
6.8.5  去掉网页中超链接的蓝色边框  136
6.8.6  请说说你对元素浮动float的理解  137
6.8.7  CSS中的@font-face有什么作用  138
6.8.8  定位absolute和浮动float有哪些区别  138
6.8.9  有几种方法可以解决父级边框塌陷  139
6.8.10  CSS的盒子模型有哪些以及它们的区别  141
6.9  名企真题解析  141
6.9.1  如何实现一个圣杯布局  141
6.9.2  标准盒子模型和IE盒子模型的区别  144
6.9.3  如何判断哪一年是闰年  145
6.9.4  编写一个函数，用于清除字符串前后的空格  145
6.9.5  用伸缩盒子实现子元素的水平和垂直居中  147
 
第7章  定位网页元素  150
7.1  定位  150
7.1.1  元素的定位属性  150
7.1.2  静态定位  151
7.1.3  相对定位  151
7.1.4  定位  151
7.1.5  固定定位  152
7.2  z-index属性  153
7.2.1  z-index基础  154
7.2.2  层叠上下文和层叠层  154
7.2.3  层叠次序  154
7.2.4  层级关系的比较  155
7.2.5  z-index规则  155
7.3  网页元素透明度  156
7.4  面试与笔试试题解析  157
7.4.1  不同的定位方式有什么特性  157
7.4.2  什么是CSS Sprite  158
7.4.3  什么是设备像素比  158
7.4.4  全局函数eval()有什么作用  159
7.4.5  HTML中a标签的几大作用  160
7.4.6  什么是锚点  162
7.4.7  z-index的用法  162
7.4.8  什么是分区响应图  163
7.4.9  在网页中z-index对没有设置定位的网页元素是否有效  163
7.4.10  设置为relative对象的z-index属性需要遵循什么规则  164
7.4.11  怎么比较z-index的优先级  164
7.4.12  一个DOM元素绑定多个事件时，先执行冒泡还是捕获  165
7.4.13  元素位置重叠的可能原因  165
7.4.14  div元素的层叠次序  166
7.4.15  IE怎么设置页面的透明度  167
7.4.16  怎么解决div相互层叠覆盖问题  168
7.4.17  哪些方式可以创建层叠上下文  168
7.5  名企真题解析  169
7.5.1  在CSS中使用什么方式可以设置网页元素的透明度  169
7.5.2  请列举几个HTML 5新增的图像相关的语义化元素  170
7.5.3  如何获得页面上元素的背景色  170
7.5.4  如何设计一个浮动中的元素水平居中  171
7.5.5  JavaScript寻找当前页面中的z-index值的方法  171
 
第8章  脚本语言  174
8.1  JavaScript  174
8.1.1  组成结构  174
8.1.2  核心语法  175
8.1.3  函数定义和调用  177
8.1.4  JavaScript操作BOM对象  177
8.1.5  JavaScript操作DOM对象  178
8.2  jQuery  180
8.2.1  jQuery工作原理  180
8.2.2  事件与动画  181
8.2.3  使用jQuery操作DOM  183
8.2.4  jQuery HTML  184
8.3  面试与笔试试题解析  185
8.3.1  在HTML页面中如何引用JavaScript  185
8.3.2  如何实现DOM对象和jQuery对象间的转化  186
8.3.3  如何按层次关系访问节点  186
8.3.4  列出实现不同模块之间通信的方式  188
8.3.5  如何使用jQuery实现隔行变色的效果  188
8.3.6  原生JavaScript获取节点的方法  189
8.3.7  如何改变浏览器地址栏中的网址  190
8.3.8  jQuery操作select下拉框的多种方法  190
8.3.9  如何用jQuery来创建插件  191
8.3.10  在jQuery中使用什么方法可控制元素的淡入和淡出  192
8.3.11  jQuery中.css()与.addClass()设置样式的区别  193
8.3.12  JavaScript访问HTML元素的几种方式  194
8.3.13  简述JavaScript中的12种DOM节点类型  194
8.3.14  controller as和controller有什么区别，能解决什么问题?  196
8.3.15  请指出JavaScript宿主对象和原生对象的区别  196
8.3.16  请解释JavaScript中this是如何工作的  197
8.3.17  请解释JSONP的工作原理  197
8.4  名企真题解析  198
8.4.1  何如使用JavaScript实现冒泡排序  198
8.4.2  如何取消$timeout以及停止一个$watch()  199
8.4.3  在网页中实现一个倒计时，能够动态显示“某天某时某分某秒”  199
8.4.4  在jQuery中显示和隐藏HTML元素的方法分别是什么  200
 
第9章  前端流行框架  202
9.1  Vue.js  202
9.1.1  Vue.js简介  202
9.1.2  基础语法  202
9.1.3  属性绑定  204
9.1.4  事件处理器  205
9.1.5  Vue.js组件  206
9.2  Angular JS  207
9.2.1  Angular JS表达式  207
9.2.2  Angular JS指令  207
9.2.3  Angular JS Scope  209
9.2.4  事件、模块和表单  210
9.3  面试与笔试试题解析  211
9.3.1  Angular JS的双向数据绑定原理是什么  211
9.3.2  如何优化脏检查与运行效率  211
9.3.3  谈谈你对Vue.js是一套渐进式框架的理解  212
9.3.4  在Vue.js中组件之间的传值如何实现  213
9.3.5  v-if和v-show有什么区别  213
9.3.6  什么是$rootScrope以及和$scope有什么区别  214
9.3.7  如何在页面上实现前进、后退  214
9.3.8  什么是Vue的计算属性  215
9.3.9  在Angular中是否可以使用jQuery  216
9.3.10  请简述$compile的用法  216
9.4  名企真题解析  217
9.4.1  Vue项目的搭建步骤  217
9.4.2  vue-router有哪几种导航钩子（导航守卫）  217
9.4.3  请写出完整的vue-router导航解析流程  219
 
第10章  BootStrap  221
10.1  响应式布局  221
10.2  BootStrap样式  222
10.3  BootStrap组件  224
10.4  JavaScript插件  227
10.5  精选面试与笔试题解析  228
10.5.1  简单描述BootStrap的整体架构  228
10.5.2  什么是BootStrap栅格系统，为什么要使用BootStrap  229
10.5.3  使用BootStrap的基本HTML模板必需要引入什么文件  230
10.5.4  写出基本下拉菜单组件的结构  231
10.5.5  BootStrap有哪些插件，分别是什么  231
10.5.6  动画过渡插件应用在其他的哪些插件中  232
10.5.7  如何设置模态框尺寸大  233
10.5.8  BootStrap常用的组件有哪些  233
10.5.9  旋转轮播有哪些方法  234
10.5.10  BootStrap导航栏中有哪些功能  234
10.5.11  布局有几种方式  236
10.5.12  Flex布局有哪几种属性  237
10.5.13  媒体查询有哪些属性  238
10.5.14  响应式布局的优点和缺点是什么  239
10.5.15  HTML中适合做按钮的元素是什么  240
10.5.16  写出BootStrap中基础的表单结构  240
10.5.17  BootStrap有什么特点  241
10.5.18  组件、控件和插件的区别  242
10.5.19  BootStrap网格系统的实现原理  242
10.6  名企真题解析  243
10.6.1  BootStrap表格有哪些可选样式  243
10.6.2  如果网页内容需要支持多语言，应该怎么做  244
10.6.3  BootStrap中Class怎么命名  245
 
第11章  Web页面开发  246
11.1  移动Web页面开发  246
11.1.1  移动开发测试浏览器  246
11.1.2  移动端视口及视口标签  247
11.1.3  移动端网页开发  248
11.1.4  设备像素比  249
11.2  移动Web特效开发  249
11.2.1  移动端事件  249
11.2.2  zepto框架  251
11.3  面试与笔试试题解析  252
11.3.1  相对单位rem的特性是什么  252
11.3.2  移动网页开发与计算机网页开发有什么区别  252
11.3.3  移动开发测试浏览器有什么差异  253
11.3.4  移动端视口有哪些  254
11.3.5  px、em和rem有什么区别  255
11.3.6  实现Web App屏幕适配的方法有哪些  256
11.3.7  写出CSS 3变形、过渡、动画的语法和采用的属性  257
11.3.8  简述jQuery与zepto的异同  258
11.3.9  zepto的点透问题如何解决  259
11.3.10  理想视口是什么，怎么实现理想视口  260
11.3.11  什么叫优雅降级和渐进增强  260
11.3.12  怎么解决移动端300ms点击延迟  261
11.3.13  固定定位布局时键盘挡住输入框内容怎么解决  262
11.3.14  怎么判断是否横屏  263
11.3.15  移动端用过哪些meta标签  263
11.3.16  移动端开发的兼容问题  266
11.3.17  页面优化有哪些方法  266
11.3.18  移动端手势操作有哪些，怎么实现  269
11.4  名企真题解析  271
11.4.1  移动触摸端怎么应用幻灯片  271
11.4.2  计算机端与移动端在UI设计方面有什么区别  272
11.4.3  视差滚动实现原理是什么  273