算是备忘页面吧，主要记录一些常用的操作或是小贴士
Google 使用
记录一些在使用 Google 搜索过程中的一些小技巧，如下表所示
| 介绍 | 用法 |
|---|---|
| 使用引号强制进行精确匹配搜索 | "搜索内容" |
And 运算符只会返回和它们都相关的搜索结果 |
html AND css |
使用 OR 操作符获取搜索词中某一个的结果 |
(javascript OR python) free course |
- 操作符将排除包含搜索词的结果 |
javascript -css |
使用 * 通配符作为占位符，它将被任何单词或短语替换 |
"how to start * in 6 months" |
| 在一个单一的网站搜索 | 搜索内容:target.com |
| 查找特定的文件类型 | filetype:pdf learn css |
| 搜索一个数字范围 | ecmascript 2016..2020 |
VSCode 快捷键
记录一些在使用 VSCode 过程中的一些比较少用但是非常实用的快捷键，如下表所示
| 介绍 | 用法 |
|---|---|
| 打开用户设置 | CTRL + , |
| 显示所有快捷键 | CTRL + K CTRL + S |
切换工作区（类似全局 TAB 切换） |
CTRL + R |
| 切换自动换行 | ALT + Z |
| 跳转到指定行数 | CTRL + G |
| 跳转到指定文件 | CTRL + P |
切换 VSCode 当中的文件 TAB |
CTRL + TAB |
| 选中所有找到的匹配项 | CTRL + F2 |
| 裁剪尾随空格 | CTRL + K CTRL + X |
如何选择图片格式
这里简单罗列一下各个图片格式之间的区别，如下表所示
| 图片格式 | 压缩方式 | 透明度 | 动画 | 浏览器兼容 | 适应场景 |
|---|---|---|---|---|---|
JPEG |
有损压缩 | 不支持 | 不支持 | 所有 | 复杂颜色及形状、尤其是照片 |
GIF |
无损压缩 | 支持 | 支持 | 所有 | 简单颜色，动画 |
PNG |
无损压缩 | 支持 | 不支持 | 所有 | 需要透明时 |
APNG |
无损压缩 | 支持 | 支持 | FirefoxSafari iOS Safari |
需要半透明效果的动画 |
WebP |
有损压缩 | 支持 | 支持 | ChromeOpera Android ChromeAndroid Browser |
复杂颜色及形状浏览器平台可预知 |
SVG |
无损压缩 | 支持 | 支持 | 所有（IE8 以上） |
简单图形，需要良好的放缩体验需要动态控制图片特效 |
