PHOTOSHOP

1. 什么是切圖
2. 分析UI：組織html結(jié)構(gòu)，需要的圖片（前景，背景）
3. 制作雪碧圖
4. 圖片優(yōu)化
5. html+css
6. 界面操作
7. 移動工具：自動選擇，點擊可以找到對應圖層
8. 選框工具：可以快速顯示選擇區(qū)域?qū)捀?/li>
9. 圖層模塊：右鍵快速導出png
10. 切片：crtl/shift+方向位移
11. 先通過組合圖層等方式，將對應圖合并。然后復制到另一個psd里，進行整合
12. 關(guān)于圖片
13. 矢量圖是路徑和顏色，放大不會失真，但很難表現(xiàn)色彩豐富的圖片。
    位圖是塊色組成，當尺寸變大，顏色會擴展，會失真。
14. 有損壓縮：jpg 不完全記錄每個像素點的數(shù)據(jù)。
    無損壓縮：png png8(沒有半透明狀態(tài)),png24更大
15. png格式：
    jpeg格式：品質(zhì)60，優(yōu)化建議勾選，
16. 圖片壓縮工具
    chorm插件：pagespeed
    智圖
    5.雪碧圖，
    字體圖標：不同的瀏覽器格式不一樣，
    6.關(guān)于背景圖：
    一般都是1920px?？梢酝ㄟ^ absoulte來居中顯示，多余的裁剪掉。
    7.vm

handlebars

1. 可以以zepto為基礎么？
2. 以script包含html模板 type="text/x-handlebars-template"
3. {{#each}} {{/each}}
4. 首先通過模板加入數(shù)據(jù)，生成HTML片段，最后插入到dom結(jié)構(gòu)里。
5. {{#if}}{{/if}}

快捷鍵：

1. crtl+alt+0:縮放到最適合的比例
2. f8信息面板
3. 線的顏色
4. f7 圖層
5. crtl+K 首選項
6. f12 恢復到最初始狀態(tài)
7. ctrl+鼠標 備注信息，cutterman的信息
8. ctrl+alt+c 畫布大小
9. ctrl+[]:圖層順序
10. ctrl+':網(wǎng)格

疑問：

1. 切片的裁剪大小
2. 導出的格式
   jpeg品質(zhì)低 透底：png8(沒有半透明狀態(tài)),png24
3. 雪碧圖怎么制作
4. 自動切片
   5.一個div中的兩行元素垂直居中
5. 不同瀏覽器，顏色差距大