切图
图片分为修饰性图片png和内容型图片jpg
png24支持半透明(ie6特殊处理)和全透明和png8支持半透明
不规则图标,先用矩形选框工具选择,然后alt选择多余区域
保存
新建文件保存元素
色彩丰富无透明要求保存jpg
色彩不丰富无论有无透明度要求都保存png8
半透明要求保存为png24
为保证图片质量保留一份psd源文件
png8默认颜色模式是索引模式,需要更改为rgb颜色
压缩工具:无损压缩minimage 有损压缩tinypng
合并:1把同属于一个模块的图片进行合并 2把大小相近的图片进行合并 3把色彩相近的图片进行合并 4综合以上方式合并
开发调试工具
开发工具
文本编辑工具:sublime/notepad++/editplus
集成开发环境:webstorm/intelij IDEA/Eclipse
sublime快捷键
查找ctrl+p :定位行。 @ 函数名。 #关键字
命令面板ctrl+shift+p
多行选择ctrl+d ,ctrl+shift+l
常用插件
elements包含html和css/network网络请求记录/sources网络资源/resources网站本地资源
html结构:1文档声明,<!doctype html> 2文档头部 3文档主体