前端工程师手册
介紹
1.
HTML/CSS基础
1.1.
HTML常用标签
1.2.
HTML语义化
1.3.
DOCTYPE和浏览器渲染模式
1.4.
理解DOM结构
1.5.
HTML5新增内容
1.6.
常用CSS属性
1.7.
盒模型
1.8.
CSS普通流（文档流）
1.9.
CSS定位方式
1.10.
CSS浮动相关
1.11.
CSS选择器
1.12.
CSS常见布局
1.13.
CSS书写与命名
1.14.
CSS3新增特性
1.15.
常用meta整理
1.16.
什么是Viewport
2.
HTML/CSS进阶
2.1.
自定义字体
2.2.
CSS基线
2.3.
CSS动画
2.4.
前端UI框架
2.5.
Bootstrap学习指南
3.
JavaScript基础
3.1.
作用域问题
3.2.
运算符的优先级
3.3.
变量对象
3.4.
undefined与null的区别
3.5.
内置对象与原生对象
3.6.
关于函数
3.7.
立即执行函数
3.8.
闭包
3.9.
事件机制
3.10.
原型继承
3.11.
详解this
3.12.
在JavaScript中一切都是对象吗？
3.13.
DOM操作
3.14.
JSON对象
4.
JavaScript进阶
4.1.
理解作用域链
4.2.
Callback问题
4.3.
Promise
4.4.
模板引擎
4.5.
Underscore
4.6.
ES6
4.7.
Base64编码与解码
5.
JavaScript面向对象
5.1.
封装
5.2.
继承
6.
JavaScript设计模式
6.1.
单例模式: Singleton
7.
编写JavaScript框架
7.1.
框架结构
8.
JavaScript模块管理
8.1.
模块化简介
8.2.
模块依赖管理工具对比
8.3.
AMD
8.4.
UMD
8.5.
requireJS
8.5.1.
入门使用
8.5.2.
压缩优化
9.
JavaScript数据结构
9.1.
数据类型
10.
JavaScript异步编程
10.1.
常见的异步模式
10.2.
什么是Promise
10.3.
Promise规范
10.4.
Promise实战
10.5.
Async控制异步流程
10.6.
EventProxy控制异步流程
10.7.
JSDeferred控制异步流程
11.
JavaScript正则表达式
11.1.
基本语法
11.2.
实用案例
12.
jQuery相关
12.1.
jQuery事件注册和取消
12.2.
获取元素在DOM中的顺序
12.3.
Deferred对象
12.4.
jQuery代码技巧
12.5.
jQuery源码分析
12.5.1.
源码构建
12.5.2.
理解架构
13.
GSAP相关
13.1.
常见问题
14.
网络相关
14.1.
常见HTTP状态码
14.2.
web缓存机制
14.3.
404页面
15.
跨域问题
15.1.
同源策略
15.2.
iframe自适应
15.3.
WebService解决方案
15.4.
JSONP
16.
调试与测试
16.1.
Blackbox
16.2.
Mocha测试框架
17.
前端自动化
17.1.
项目目录组织
17.2.
自动化流程
17.3.
yeoman
17.4.
yo
17.5.
bower
17.6.
gulp
17.7.
gulp插件选择
17.8.
yeoman参考案例
18.
SPA
18.1.
什么是SPA
18.2.
单页面SEO解决方案
18.3.
开发无框架单页面应用
18.4.
可伸缩的同构Javascript代码
18.5.
PJAX
19.
理解架构
20.
前后端分离
20.1.
一个简单粗暴的前后端分离方案
21.
UI
21.1.
关于Retina
21.2.
响应式图片
21.3.
响应式字体
21.4.
中文字体
21.5.
移动端字体
21.6.
响应式设计原则
21.7.
中文排版的规范
21.8.
移动端尺寸
22.
UX
22.1.
页面滚动条出现时不跳动
22.2.
使用渐进式JPEG来提升用户体验
23.
动画相关
23.1.
动画类型
23.2.
跟动画有关的数学和物理公式
23.3.
缓动原理与实现
23.4.
常用动画效果与缓动
23.5.
SVG动画
24.
原理性质
24.1.
JavaScript的加载与执行
24.2.
单线程的Javascript
24.3.
浏览器解析介绍
24.4.
v8引擎
24.5.
浏览器渲染
24.6.
JS动画性能
24.7.
Repaint和Reflow
24.8.
URL编码与解码
24.9.
字体的渲染
24.10.
图片格式的优缺点
25.
性能优化
25.1.
编码规范
25.2.
JavaScript代码最佳实践
25.3.
移动H5前端性能优化指南
25.4.
浏览器渲染性能优化
25.5.
开发和部署前端代码
25.6.
优化网络请求
25.7.
页面提速方法
25.8.
Chrome开发者工具的使用
25.9.
JavaScript内存优化
25.10.
javascript事件优化
25.11.
页面滚动性能
25.12.
canvas渲染性能
26.
web开发中的坑or技巧
26.1.
排版兼容性问题
26.2.
浏览器报错
26.3.
iPad的bug合集
26.4.
addEventListener与handleEvent关系
26.5.
localStorage的使用
26.6.
移动端fixed布局
26.7.
touch事件
26.8.
处理输入事件
26.9.
触摸和鼠标在一起
26.10.
如何延时触发事件
26.11.
数组的操作
26.12.
对象的操作
26.13.
mobile设备的横竖屏切换检测
26.14.
生成随机数字
26.15.
setTimeout的误区
26.16.
好用的原生API操作
27.
前端面试
27.1.
前端技能图谱
27.2.
前端知识点
27.3.
原则与技巧
27.4.
html/css面试题
27.5.
JavaScript面试题
27.6.
jQuery面试题
27.7.
网络相关面试题
27.8.
面试题集合
28.
参考资料
28.1.
图书资料
28.2.
视频教程
28.3.
设计方向
28.4.
JS库
28.5.
CSS相关库
28.6.
Bootstrap资料
28.7.
移动开发框架
28.8.
Loading动画
28.9.
辅助工具
Powered by
GitBook
A
A
襯線體
無襯線體
白色
棕褐色
夜間
分享到 Twitter
分享到 Google
分享到 Facebook
分享到 Weibo
分享到 Instapaper
前端工程师手册
图片格式的优缺点
图片格式主要是两大类： 位图和矢量图。
位图
GIF
PNG
JPEG
WEBM
矢量图
SVG
参考资料
GIF/PNG/JPG和WEBP/base64/apng图片优点和缺点整理