前端面试江湖

书籍目录

第1 篇　烽烟起，剑在手——JavaScript 永不休

第1 章　未入江湖，先定三分［JavaScript 初级面试题］······································ 2

1.1 面试从这里开始（关于JavaScript） ··························································· 2

1.2　这题很简单（字符串） ················································································ 3

1.3　我面试，我快乐（变量） ············································································ 5

1.4　平平淡淡搞定面试（数据类型） ································································ 7

1.5　哎呦，这题不错哦（window 的属性和方法） ··········································· 8

1.6 让你魂牵梦绕的题（元素） ······································································ 12

1.7　“神马”题都是浮云（className） ··························································· 15

1.8　看完这题，花儿都笑了（保留字和关键字） ·········································· 15

1.9　我懂的题，你懂吗（循环语句） ······························································ 16

第2 章　能文能武，身怀绝技［JavaScript 中级面试题］ ······························· 17

2.1 小考题，大味道（表达式） ······································································ 17

2.2 让人叹为观止的考题（String 对象） ························································ 18

2.3 让人绞尽脑汁的考题（Math 对象） ························································· 21

2.4 令人陶醉的考题（数组） ·········································································· 23

2.5 令人难过的考题（函数） ·········································································· 34

2.6 令人抑郁的考题（对象） ·········································································· 40

2.7 夜以继日难以攻克的考题（定时器） ······················································ 50

2.8 学无止境（日期和时间） ·········································································· 52

2.9 主流技术的“最爱”（typeof、instanceof） ·············································· 54

第3 章　进得武林，入得四方［JavaScript 高级面试题］ ······························· 56

3.1 轻松解决缠绕你的考题（this） ································································· 56

3.2 细心可以拿满分的题（事件） ·································································· 58

3.3 不可忽视的小漏洞（表单、文本框） ······················································ 68

3.4 “照镜子”看题（对称数） ········································································ 77

3.5 让你坚定不移看下去（JavaScript 客户端检测） ····································· 77

3.6 过了这题，公司随便挑（排序） ······························································ 78

3.7 看了这题，收获多多（call、apply） ························································ 79

3.8 看懂必高薪的面试题（继承和多态） ······················································ 80

3.9 大型企业面试必考（charAt()、indexOf()） ············································· 82

3.10 五年前端，三年必考（substr、substring） ············································ 82

3.11 这题如此而已，我会为你加油（iframe） ·············································· 82

第4 章　一手遮天，大名远扬［JavaScript 终极面试题］ ······························· 84

4.1 让人暴走的考题（Ajax） ··········································································· 84

4.2 面对这些考题，除了崩溃我不知道还能说什么

（ XMLHttpRequest对象） ··········································································· 90

4.3 感慨“时间太瘦”的考题（关于继承） ·················································· 92

4.4 高级前端必考试题（闭包） ······································································ 97

4.5 值得思考和深钻的考题（video） ······························································ 99

4.6 这些年，一直“陪伴我”的考题（url 参数） ······································· 100

4.7 小心陷阱！总是被坑的考题（JavaScript 模仿块级作用域） ··············· 101

4.8 错误率最高的考题（正则表达式） ························································ 102

4.9 前端最新技术考题（转换大写） ···························································· 103

4.10 总有一种题，叫看起来都对（JSON） ················································· 103

4.11 最难回答的考题（事件委托） ······························································· 107

4.12 高智商考题（事件流） ·········································································· 109

4.13 前端压轴考题（错误处理与调试） ······················································ 115

4.14 你值得拥有的考题（Cookie） ······························································· 115

综合提升 ··········································································································· 116

第2 篇　驾骏马，拉长弓——HTML5+CSS3 我独行

第5 章　博学多才，雄韬伟略［HTML5+CSS3 初级面试题］ ······················· 128

5.1 做了这些，不再是菜鸟（关于HTML5） ·············································· 128

5.2 真本事，更自信（HTML5 语法） ·························································· 129

5.3 这些题总能温暖你（HTML5+CSS3 新增属性） ··································· 131

5.4 最实用的题（HTML5 与XML） ···························································· 132

5.5 KO 这些题，前端岗位不是梦（HTML5 结构） ··································· 133

5.6 前端好考题（HTML5 布局） ·································································· 134

5.7 这些题，让你赢在起跑线上（关于CSS3） ·········································· 135

5.8 领先别人一步（CSS3 选择器） ······························································ 135

5.9 从最陌生到最熟悉的题（切图） ···························································· 136

5.10 做好当下（定位相关） ·········································································· 136

第6 章　不鸣则已，一鸣惊人［HTML5+CSS3 中级面试题］ ······················· 138

6.1 没有你们，我会不安（HTML5 音频与视频） ······································ 138

6.2 终是拨开云雾见月明（弹性盒布局） ···················································· 139

6.3 心在天上，题在手上（HTML5 常见问题） ·········································· 140

6.4 多几分钟的准备，少几小时的麻烦（HTML 元素） ···························· 140

6.5 经久不衰的考题（代码纠错） ································································ 141

6.6 比上不足，比下有余（代码优化） ························································ 142

6.7 非常可乐，非常选择（上传） ································································ 143

6.8 爱上面试的感觉（文本） ········································································ 144

6.9 你想摆谱，先干掉我（字体） ································································ 146

6.10 前端深处考题（边框背景） ·································································· 147

6.11 有这些，更自信（多列布局） ······························································· 148

6.12 总有些考题念念不忘（多列显示样式） ·············································· 149

6.13 深入每道题的世界（盒布局） ······························································ 150

第7 章　运筹帷幄，决胜千里［HTML5+CSS3 高级面试题］ ······················· 151

7.1 就这些，永不过期（模式） ···································································· 151

7.2 这些题，让你前端技艺更高一筹（HTML5 页面） ······························ 152

7.3 考题中的钉子户（Canvas 的使用） ························································ 153

7.4 点面试，闯全关（媒体查询） ································································ 154

7.5 面试一大坎儿（浏览器缓存与本地储存） ············································ 154

7.6 这些让你更强大（媒体调用标签） ························································ 155

7.7 脑若一动，题就千行（HTML、CSS 综合） ········································· 156

7.8 有了我就知足吧（兼容问题） ································································ 157

7.9 一直在寻找，直到遇见你（响应式布局） ············································ 157

7.10 一直在寻觅的考题（关于浏览器） ······················································ 158

7.11 无法轻描淡写的考题（PC、移动） ······················································ 159

7.12 最难懂的题给真心的你（HTML5 效果） ············································ 160

7.13 从此，面试不重来（控件相关） ·························································· 161

第8 章　见多识广，独霸一方［HTML5+CSS3 终极面试题］ ······················· 163

8.1 这些题必须认真对待（HTML5 应用程序缓存） ·································· 163

8.2 这些题“包罗万象”（HTML5 常见API） ············································· 164

8.3 再深的题海，也能乘风破浪（HTML5 数据存储） ······························ 164

8.4 这些题让你相信能，就能！（HTML5 编辑API） ······························· 165

8.5 搞清楚这些让你“屌炸天”（CSS 动画） ·············································· 165

8.6 前端面试独家宝贝（cache 机制） ·························································· 167

8.7 前端大牛的看家本事（workers 多线处理） ··········································· 168

8.8 一入考题深似海，从此面试是浮云（Geolocation 地理位置） ············ 169

8.9 前端大“虾”必考题（编码问题） ························································ 170

综合提升 ··········································································································· 170

第3 篇　箭在弦，不回头——DIV+CSS 向前冲

第9 章　夯实基础，厚积薄发［DIV+CSS 初级面试题］ ······························· 180

9.1 有一种题叫边做边流泪（浮动） ···························································· 180

9.2 想登上理想的高峰吗？那就来吧（块级元素） ···································· 182

9.3 时间很短，面试赶紧（行内元素） ························································ 182

9.4 面试就像半杯水，你能看到什么（CSS 图片） ···································· 183

9.5 面试是一场旅行，正在进行时（CSS 引入） ········································ 184

9.6 面对考题不曾退缩（CSS 概述） ···························································· 184

9.7 面试者就像蒲公英，看似自由，却身不由己（CSS 选择器） ············ 186

9.8 绝地逢生之“路”（CSS 规范） ······························································ 187

9.9 能磨炼薄弱意志的考题（HTML 结构） ················································ 188

9.10 看的越少，失去的越多（隐藏DOM 元素） ······································· 190

9.11 喜欢前进，看的题就越来越多（CSS 文字样式） ······························ 191

第10 章　百折不挠，历经磨难［DIV+CSS 中级面试题］ ····························· 192

10.1 有一种题做起来很崩溃（inline-block 特性） ······································ 192

10.2 快到题里来（布局） ·············································································· 192

10.3 思想太满，就会学不来（CSS 属性） ·················································· 193

10.4 面试失败十次，找第十一次坚持的借口（清除浮动与闭合浮动） ······193

10.5 多项选择，任你选择（CSS 定义标签） ·············································· 194

10.6 不满足昨天的难度（简化CSS 代码） ················································· 195

10.7 华丽的跌倒，胜过无谓的徘徊（CSS 设置图片效果） ······················ 196

10.8 缘分是一本书，翻得不经意会错过（CSS 设置表格） ······················ 197

10.9 不要在错的题上犹豫不决（背景图片） ·············································· 197

10.10 面试是一把锁，你拿对钥匙了吗（CSS 与表单） ···························· 198

10.11 有思维才是王牌（CSS 定位） ···························································· 199

10.12 提前进入，囤积自信（DIV 布局） ···················································· 200

10.13 拥有别人没有的（盒子布局） ···························································· 202

10.14 既然无处可逃，不如帅气迎接（CSS 排版） ···································· 203

10.15 “限量版”的题（CSS 注释） ······························································ 204

10.16 值得分享的考题（iframe） ·································································· 205

第11 章　出类拔萃，终成大器［DIV+CSS 高级面试题］ ····························· 206

11.1 程序“猿”你懂了吗（DOCTYPE） ···················································· 206

11.2 面试其实很简单，就看你了（CSS Hack） ·········································· 207

11.3 别让面试，输给了心情（悬浮效果） ··················································· 207

11.4 面试不要瞎忙，不经意的才是最好的（CSS 优先级） ······················ 207

11.5 我不知将去何方，但我已在路上（定位） ··········································· 208

11.6 面试如一道弧线，却能摆平一切（页面布局） ··································· 210

11.7 程序员，我不知道你心里是怎么想的（CSS 字体） ·························· 211

11.8 面试时谁没有耐心，谁就没有智慧（CSS 表格） ······························ 211

11.9 面试，你紧张了吗（CSS 内外边距） ·················································· 212

11.10 不能白看，看完必过（CSS 文本） ···················································· 212

11.11 面试如同千军万马，更是使人心惊胆战（CSS 链接） ····················· 213

第12 章　炉火纯青，大杀四方［DIV+CSS 终极面试题］ ····························· 216

12.1 面试就像自行车，说得简单，其实还要靠自己（三层构成） ·········· 216

12.2 面试就算终有一散，也别辜负相遇（CSS Sprites） ··························· 216

12.3 面试短短的话语，却包含万千（CSS 中a 的伪类） ··························· 217

12.4 面试要勇敢，前方的路很长（CSS 浏览器兼容） ······························ 218

12.5 程序“猿”看完就乐了（CSS 水平对齐） ·········································· 222

12.6 “面试”是一件多么美的事（CSS 浮动） ············································ 222

12.7 面试是不可缺少的美好亮点（CSS 优势） ·········································· 224

12.8 你可知道面试的重要（IE6 常见问题） ················································ 224

综合提升 ··········································································································· 226

第4 篇　江湖路，无尽头——jQuery 任逍遥

第13 章　刻苦学艺，心无旁骛［jQuery 初级面试题］ ·································· 232

13.1 要想简单，那就简单（选择器） ·························································· 232

13.2 面试总会有不期而遇的温暖（属性） ·················································· 235

13.3 不要为面试而烦恼（绑定事件） ·························································· 237

13.4 不要害怕面试，因为你需要（表单） ·················································· 238

13.5 说多了都是眼泪，还是来点实在的吧（文档处理） ·························· 239

13.6 最怕的东西，最应该去突破（筛选） ·················································· 239

第14 章　学贯古今，中流砥柱［jQuery 中级面试题］ ·································· 240

14.1 你还在“泡”招聘，“奔”面试吗（DOM 加载） ······························ 240

14.2 你能让面试官惊呆吗（移动端事件） ·················································· 240

14.3 面试是一张网，你收获了吗（取HTML、文本的值） ······················ 241

14.4 每天超越自己一点点（事件） ······························································ 241

第15 章　出神入化，学贯古今［jQuery 高级面试题］ ·································· 243

15.1 做小题，成大事（read、onload 的区别） ············································ 243

15.2 让愤怒多些实力（效果） ······································································ 243

第16 章　英姿勃发，独当一面［jQuery 终极面试题］ ·································· 246

16.1 困难的考题能让你看到更多的风景（get 和post） ····························· 246

16.2 想知道你能力的边界在哪吗（优化） ·················································· 246

16.3 其实成功一直在你的旁边（Ajax） ······················································· 247

16.4 放手做，勇敢错（jQuery、DOM 对象） ············································· 248

16.5 断了退路，才有出路（$.getScript() 和$.getJSON()） ························ 251

综合提升 ··········································································································· 252

第5 篇　清风落，江湖生——「17 助力」泯恩仇

第17 章　万事俱备，只欠东风［“17 助力”，助你一臂之力］ ······················ 258

17.1 “助力1”：浏览器和兼容差异 ····························································· 258

17.2 “助力2”：前端优化 ············································································· 264

17.3 “助力3”：开发者工具 ········································································· 267

17.4 “助力4”：JS 库和框架 ········································································· 269

17.5 “助力5”：cookie ··················································································· 276

17.6 “助力6”：超级素数 ············································································· 277

17.7 “助力7”：主流技术 ············································································· 277

17.8 “助力8”：进制转化 ············································································· 278

17.9 “助力9”：追加字符串 ········································································· 279

17.10 “助力10”：模块模式 ········································································· 279

17.11 “助力11”：效果题 ·············································································· 281

17.12 “助力12”：跨域问题 ········································································· 285

17.13 “助力13”：前端交谈 ········································································· 285

17.14 “助力14”：综合考察 ········································································· 298

17.15 “助力15”：项目问题 ········································································· 298

17.16 “助力16”：Flash ················································································· 302

17.17 “助力17”：逻辑题 ············································································· 303

第6 篇　功成时，把酒笑——综合测试莫言愁

第18 章　前端开发面试题 ············································································ 310

18.1 前端面试模拟试题一 ············································································ 310

一、技术题 ······································································································· 310

二、效果题 ······································································································· 349

18.2　前端面试模拟试题二 ············································································ 351

第19 章　人资问题 ······················································································· 356

作者简介

本书融合了Web 前端面试题和主流开发技术，涵盖了JavaScript、HTML5+CSS3、DIV+CSS、jQuery 等几大前端主流技术，结构清晰，层次明了。从知识点来说，基本上覆盖了近几年这个行业都会涉及的前端面试题；从实战经验来说，可以提高读者独立思考的能力，增加读者的实际应用技能。另外，本书的王牌“17 助力”，更能助读者在面试中的一臂之力。走进《前端面试江湖》不再为面试而苦恼

 前端面试江湖下载 更多精彩书评