PHOTOSHOP

1. 什么是切图
2. 分析UI：组织html结构，需要的图片（前景，背景）
3. 制作雪碧图
4. 图片优化
5. html+css
6. 界面操作
7. 移动工具：自动选择，点击可以找到对应图层
8. 选框工具：可以快速显示选择区域宽高
9. 图层模块：右键快速导出png
10. 切片：crtl/shift+方向位移
11. 先通过组合图层等方式，将对应图合并。然后复制到另一个psd里，进行整合
12. 关于图片
13. 矢量图是路径和颜色，放大不会失真，但很难表现色彩丰富的图片。
    位图是块色组成，当尺寸变大，颜色会扩展，会失真。
14. 有损压缩：jpg 不完全记录每个像素点的数据。
    无损压缩：png png8(没有半透明状态),png24更大
15. png格式：
    jpeg格式：品质60，优化建议勾选，
16. 图片压缩工具
    chorm插件：pagespeed
    智图
    5.雪碧图，
    字体图标：不同的浏览器格式不一样，
    6.关于背景图：
    一般都是1920px。可以通过 absoulte来居中显示，多余的裁剪掉。
    7.vm

handlebars

1. 可以以zepto为基础么？
2. 以script包含html模板 type="text/x-handlebars-template"
3. {{#each}} {{/each}}
4. 首先通过模板加入数据，生成HTML片段，最后插入到dom结构里。
5. {{#if}}{{/if}}

快捷键：

1. crtl+alt+0:缩放到最适合的比例
2. f8信息面板
3. 线的颜色
4. f7 图层
5. crtl+K 首选项
6. f12 恢复到最初始状态
7. ctrl+鼠标 备注信息，cutterman的信息
8. ctrl+alt+c 画布大小
9. ctrl+[]:图层顺序
10. ctrl+':网格

疑问：

1. 切片的裁剪大小
2. 导出的格式
   jpeg品质低 透底：png8(没有半透明状态),png24
3. 雪碧图怎么制作
4. 自动切片
   5.一个div中的两行元素垂直居中
5. 不同浏览器，颜色差距大