本书的安排将由浅入深地分为六章,第一章,介绍最为简单直观的HTML/CSS,第二章重点介绍JS的优化,第三章介绍页面的整体优化,第四章介绍html5新技术的使用, 第五章着重介绍理论功底,并结合实践,第六章介绍Chrome是怎么渲染一个页面。
封面图
目录
- 前言
- 第1章HTML/CSS优化 1
- Effective前端1:能用HTML/CSS
- 解决的问题就不要用JS 2
- Effective前端2:优化HTML标签 16
- Effective前端3:用CSS画一个三角形 22
- Effective前端4:尽可能地使用伪元素 28
- 第2章JS优化 34
- Effective前端5:减少前端代码耦合 34
- Effective前端6:JS书写优化 47
- 第3章页面优化 59
- Effective前端7:避免页面卡顿 59
- Effective前端8:加快页面打开速度 67
- Effective前端9:增强用户体验 85
- Effective前端10:用好Chrome Devtools 91
- 第4章HTML5优化实践 109
- Effective前端11:使用H5的history改善AJAX列表请求体验 109
- Effective前端12:使用图标替代雪碧图 118
- Effective前端13:理解和使用CSS3动画 128
- Effective前端14:实现前端裁剪压缩图片 136
- Effective前端15:实现跨浏览器的HTML5表单验证 145
- Effective前端16:使用Service Worker做一个PWA离线网页应用 151
- 第5章前端与计算机基础 164
- Effective前端17:理解WebSocket和TCP/IP 164
- Effective前端18:理解HTTPS连接的前几毫秒发生了什么 185
- Effective前端19:弄懂为什么0.1+ 0.2不等于0.3 203
- Effective前端20:明白WebAssembly与程序编译 209
- Effective前端21:理解JS与多线程 221
- Effective前端22:学会JS与面向对象 231
- Effective前端23:了解SQL 248
- Effective前端24:学习常用的前端算法与数据结构 266
- 第6章掌握前端基础 291
- Effective前端25:掌握同源策略和跨域 291
- Effective前端26:掌握前端本地文件操作与上传 299
- Effective前端27:学会常用的CSS居中方式 310
- Effective前端28:学会常用的CSS布局技术 320
- Effective前端29:理解字号与行高 327
- Effective前端30:使用响应式开发 336
- Effective前端31:明白移动端click及自定义事件 344
- Effective前端32:学习JS高级技巧 355
- 第7章运用恰当的工具 372
- Effective前端33:前端的单元测试与自动化测试 372
- Effective前端34:使用AE + bodymovin制作网页动画 390