前端笔记

切图

图片分为修饰性图片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文档声明,    2文档头部 3文档主体

你可能感兴趣的:(前端笔记)