1： 20190820（整理） (较全面的在后面)

Ctrl+N:新建文档 F4：重复上述操作

Esc：取消当前操作 HOME：光标跳转行首

END:光标跳转到行尾 WIN+L:锁定桌面

WIN+E:开启磁盘管理器 F2：重命名

WIN+D:回到桌面\回到之前操作

SHIFT+DELETE：彻底删除文件，不进回收站

F12：文档另存为

图2：

图3：

图4：

图5：

图6：

图7：

图8：

图9： 食指 中指 无名指 小拇指

中指定位

当Num Lock（数字键盘锁定键）关闭时，数字输入功能消失，带字母的按键功能变为编辑键功能。2、4、6、8键可用作方向键功能。Del则为删除键（后删键）其他按键同理。

大拇指

10.正确坐姿、正确握鼠标：

图11：

图12：

图13：

图14：合并E列和F列的数据，放置在G列（多列合并同理）；也可以利用方方格子里的按行合并。

常用快捷功能键/组合键大全（详解）

操作原则：先选中文件或内容后操作；定位光标再操作。

一、单键详解

Alt: 换挡键=Alt Key[?lt][ki?]的简称。（Key：钥匙）

Windows：[?w?nd??z]单击打开/关闭开始菜单；简称win键：（电脑上的图标 ）：（键盘上图标）。

Ctrl：计算机控制键=control[k?n'tr??l]。

Esc：=Escape [??ske?p] 退出键（逃逸键）；取消当前操作。

Delete[d?'li?t]：向后删除字符。

Back：=Backspace [?bakspe?s]退格键;前删字符。

Enter['ent?]：回车；换行;确认。

Num LOCK：(数字锁定键)NUM=number[?n?mb?][?n?mb?r]=numeral[?nju:m?r?l]。

Caps Lock ：[k?ps] [l?k]大写字母锁定键。

Shift[ ?ift ]：上档字符控制键（按住不放输入上档字符）。

Insert[?n's??t]：插入；嵌入。（不常用，可以不用）

Print Screen（打印屏幕）[pr?nt skri:n]/SysRq（system request['s?st?m][r?'kwest]系统请求） ：简称截屏键 。（不常用，可以用其他方式代替）：用系统自带的截屏软件更简单、更方便（开始菜单→所有程序→附件）最好将其固定到任务栏方便下次使用；画图、计算器、记事本的操作同理。

Home：[h??m]回家；意为光标跳转行首 。

End:[end]结束；光标跳转到行尾 。

Tab: [t?b]：转换键[电子表格中向右移动光标；网页中输入账号密码时单击此键光标跳转下一个输入框，同用鼠标去单机定位光标相当]

pg?up：（上页键）=page?up=[pe?d?][?p]

pg?dn：（下页键）=page?down=[pe?d?]da?n]?

Space：[spe?s]空格键,插入空格。

二、Ctrl键

Ctrl+A：全选 (A=All)[?：l]。

Ctrl+B：加粗 (B=Bold)[b??ld]。

Ctrl+C：复制（C=Copy）['k?p?]。（或Ctrl+Insert）。

Ctrl+D：字体设置（word文档中）。

Ctrl+S：保存（S=Save[se?v]）或（store[st??]）

Ctrl+V：粘贴（V无实义，为方便而设置）；或Shift+Insert。

Ctrl+Z：撤消（Z无实义，为方便而设置）；

Ctrl+X：剪切（X无实义，为方便而设置）。

Ctrl+I：字体倾斜(I=Incline)[?n'kla?n]。

Ctrl+U：下划线(U=Underline)[?nd?'la?n]。

Ctrl+K：创建超链接。

Ctrl+O：打开文件（O=Open）['op?n]。

Ctrl+P：打印（P=Print）[pr?nt]。

Ctrl+Shift+V：粘贴为数值（仅用于电子表格中）。

Ctrl+Shift：切换输入法。

Ctrl+W：关闭当前窗口。

Ctrl+F：查找(F=Find)[fa?nd]。

Ctrl+N:新建文档；表格(N=New)[nju?]。

Ctrl+[：缩小文字。

Ctrl+]：放大文字。

Ctrl+空格：中英文切换。

Ctrl+Shift+<：快速缩小文字。

Ctrl+Shift+>：快速放大文字。

Ctrl+Y：重复上一操作（部分操作不适用）。

Ctrl+F6：切换到当前应用程序中的下一个文本（加Shift 可以跳到前

一个窗口）。

Ctrl+J：两端对齐。J=Justified ['d??st?fa?d]

Ctrl+E：居中。

Ctrl+R：右对齐。R=Align right [?'la?n][ra?t]

Ctrl+L: 左对齐。L=Align left [?'la?n][left]

Ctrl+A：选定整个工作表（用于电子表格中）。

Ctrl+=：下标；在文字基线下方创建小字符。

Ctrl+Shift+=：上标；在文字基线下方创建小字符。

Ctrl+0：将选中的文本每段前增加12磅的间距。

Ctrl+1：将选中的文本行距设置为“单倍行距”。

Ctrl+2：将选中的文本行距设置为“两倍行距”。

Ctrl+5：将选中的文本行距设置为“1.5倍行距”。

Ctrl+F9：在光标处插入一域记号“{ }”（注意：直接输入的一对大括号不能作为域记号）。

Ctrl+F5：强制刷新。

Ctrl+Alt+Delete：重启计算机。

Ctrl+Enter：将光标后面的内容快速移到下一页。

Ctrl+Home;光标快速移到文件头。

Ctrl+End:光标快速移到文件尾。

Ctrl+Esc：显示开始菜单（或单击win键）。

Ctrl+G/H：查找；替换。

Ctrl+Shift+X：浏览器中手动区域截图。

Ctrl+Spacebar：选定整列（用于电子表格中）。

Ctrl+Alt+箭头：颠倒（恢复）桌面

三、Shift键

Shift+Spacebar：选定整行。（不常用，可以不用）

Shift[ ?ift ] +Delete：永久删除所选文件，不进回收站。

四、Alt键

Alt+=：快速求和。

Alt+F：打开文件菜单。

Alt+V：打开视图菜单。

Alt+E：打开编辑菜单。

Alt+I：打开插入菜单。

Alt+O：打开格式菜单。

Alt+T：打开工具菜单。

Alt+A：打开表格菜单。

Alt+W：打开窗口菜单。

Alt+H：打开帮助菜单。H=Help[help]

Alt+回车：查看文件属性(或Alt+双击文件)。

Alt+F4：关闭当前应用程序。

Alt+Shift+Backspace：重做上一步被撤销的操作。

Alt+F4：在桌面按一键关机

五、Windows键（简称win键）

Win+L:锁定桌面L=Lock the desktop

Win+E:开启磁盘管理器 。

Win+D:回到之前操作；D=desktop[ 'deskt?p ]计算机桌面。

Win+R:打开“运行”对话框。=Run Time Environment[?n?va??r?nm?nt]

Win+Break：打开“系统属性”对话框。

Win+M：?=Minimize ['m?n?ma?z] all open windows最小化所有被打开的窗口；（360安全浏览器中为全屏截图；WPS表格中为合并居中）。

六、F键及其他特殊功能键（F键主要为装机人员使用）

F1：帮助。（一般不用）

F2：选中文件单击可重命名或开机不断单击此键进入bios['bai?s]=（Basic Input/Output System['bai?s]['?np?t]/['a?tp?t]['s?st?m]；基本输入输出系统）；进入主板设置界面。

F3：查找文件。

F4：重复上述操作。

F5：刷新。

F8：开机进入安全模式。

F9: 在Windows中没有任何作用。

F10:设置开机启动项，按F10为保存开机启动项。

F11:可以使当前的资源管理器或IE变为全屏显示。

F12：文档、表格另存为;装机启动键。

Fn+Delete：笔记本电脑键盘校正。

：中文状态下居中圆点(·····)。

单击=鼠标右键。

中文状态下单击为（、、、）按住上档键不松手+此键为（|||||||||）。

单击为单引号（‘’‘’‘’）；按住上档键不松手+此键为双引号（“”“”“”）。

方向键；上、下、左、右移动光标。

拼音输入法中，向前向后翻页，选字、词组或句子。

对应序号选字、词组或句子。

七、其他操作说明：

1.电子表格中横向数据转纵向数据：选中数据→右键→选择性粘贴→转置→确定。纵向数据转横向数据操作步骤相同。

2.文档表格中的求和：选中→表格工具→快速求和→（选择要进行的运算类型单击）。

3.表格中筛选过的数据填充单元格数据：要用粘贴可见单元格命令，否则会覆盖其他不需要修改的单元格，还可以直击输入，相同的数据可以下拉填充，绝不可以直接粘贴。

4.百度文库文章下载

A：原地址：https://wenku.baidu.com/view/7bd386caae1ffc4ffe4733687e21af45b207fedc.html

B：修改地址为：https://wenku.baiduvvv.com/view/7bd386caae1ffc4ffe4733687e21af45b207fedc.html (在baidu和.之间加三个v;单击原地址栏下面弹出的第一个网址；在单击下载)

5.豆丁网文库下载

直接打开这个https://www.docin365.com/，然后复制一下你需要下载的那个页面链接，粘贴输入豆丁下载口令回车解析。

字体设置：Font Settings[fɑnt][?seti?z]

启动(计算机)：boot[but]

硬盘：hard disc[hɑ?d][d?sk]

光驱：CD-ROM drive；optical drive

内存条：memory bank

显卡：display/video/graphics card

主板：mainboard；motherboard；masterboard

计算机：computer[k?m'pju?t?]

电脑文件：Computer files[fa?l]

电子表格：spreadsheets ['spred?i:ts]

电子表格（软件名称）：Excel[?k's?l](Xls, Xlsx)

光盘：compact disc['kɑmp?kt][d?sk]

word文档：Word Document[w??d][?dɑkj?m?nt]

基本输入/输出系统：bios=（Basic Input / Output System）

八、通用快捷键

Ctrl+W：关闭窗口（猜是Windows的意思？）

Ctrl+O：open，打开；

Ctrl+P：Print，打印；

Ctrl+A：all，全选；

Ctrl+S：save，保存；

Ctrl+F：find，查找；

Ctrl+Z：撤销，（貌似字母没什么意义，只是没其他作用又好按）部分地方支持Ctrl+Y：返回撤销；

Ctrl+X：剪刀X，剪切；

Ctrl+C：copy，复制；

Ctrl+V：粘贴，（有说法说是Vipectus的意思）

Ctrl+N：new，新建。

F1：帮助，

F2：修改，Ctrl+Home/End等。

（一）文件操作快捷键：

Ctrl+C： 复制

Ctrl+V： 粘贴

Ctrl+X： 剪切

Ctrl+A： 全选

Ctrl： 【实用】多选：按住Ctrl，再用鼠标单击即可选中文件，可以反选；

Shift ：【实用】多选：先选中一个文件a，按住Shift键，再用鼠标单击文件h，即可把从a到h选中；

Ctrl+Shift+N ：新建文件夹。注意：XP系统不行；

Shift+Delete ：彻底删除文件。选中文件后，先按住Shift键不放手，再按Delete键，彻底删除的文件不在回收站里；

（二）文字输入快捷键：

Tab与Shift+Tab【实用】

1、在输入账号之后按Tab键，会自动跳到输入密码框进行输入；

2、有些地方相当于输入两个汉字那么长的空格（如代码编写的缩进等）；

3、Shift+Tab为Tab的反操作；

Delete：【实用】反向删除文字。比如”AB”字符，当光标在A与B之间时，按”Back”退格键时删除”A”，当按”Delete”键时则删除B；

Home与End 【实用】当输入一行文字时发现有错误，可以按Home回到第一个字，按End时回到最后一个字。此时可以免去动鼠标或者按”←”或”→”方向键的麻烦；

（三）其他常用快捷键：

Ctrl+Alt+Delete： 打开任务管理器（结束一些常规方法关闭不了的程序）。

Print ：【实用】电脑屏幕截屏。（然后在画图或Word中粘贴保存）；

Ctrl+Alt+Print ：【实用】对当前窗口截屏。（然后在画图或Word中粘贴保存）；

Alt+Tab：【实用】切换已打开的程序窗口。先用一个手指按住Alt键，再用另外一个手指陆续按Tab键切换不同窗口；

Alt+F4：关闭当前窗口。如果没有窗口时则提示关机；

F5：刷新当前窗口。包括系统和网页。

说明：“Win”是指微软公司的标徽，在键盘上的Ctrl和Shift中间

Win+E ： 相当于打开“我的电脑”，即使桌面上没有“我的电脑”图标也可以进入文件管理；

Win+D：【实用】返回桌面。有时自己打开了很多窗口，要想返回桌面，但一个一个地关闭窗口或最小化窗口会很麻烦，这个快捷键很方便；

Win+Pause： 打开系统相关信息。可以快速查看别人电脑配置，相当于“控制面板\系统和安全\系统”。

Win+R：打开“运行”窗口，输入”cmd”、”msconfig”等命令；

Win+U+U/R XP：系统关机/重启（Win8不行）。注意：每按一个键都要松手，不是连按的；

WebP 作为当今性价比最高的图片格式之一, 广泛应用于 Web 应用, 无论是电商网站还是图片流网站, 都能看到它的身影. 但它仍不被某些浏览器所支持, 这篇文章通过三种方案, 帮你全方位扫清 WebP 能力检测.

?

什么是 WebP

WebP 是 Google 开发一种同时采用有损和无损压缩的图像格式,于 2010 年 9 月 30 日首次发布, 可用于网页上大量摄影, 半透明和图形图像. WebP 有损压缩的程度是可调的, 因此用户可以在文件大小和图像质量之间自由权衡. WebP 通常平均比 JPEG 和 JPEG 2000 多压缩 30%, 而且不会损失图像质量. 关于 WebP 格式的压缩实验, 可参考 WebP 相对于 PNG、JPG 有什么优势？ - Hahn 的回答 - 知乎 的回答, 这篇文章不做赘述.

WebP 除了有损和无损形式, 它还支持 Alpha 通道(图像可能具有透明度), 也支持 Animation(即动图, 可类比 GIF). 目前 Youtube 在支持 WebP 格式的浏览器中, 将 「 视频预览 」 的图像格式全部转换为 WebP; 而不支持 WebP 的浏览器如 Safari, Youtube 干脆就取消了 「 视频预览 」 的特性.

Youtube 预览使用 WebP 格式

WebP 已诞生 10 年之久, 并且对于图片性能的提升肉眼可见, 但部分浏览器仍不支持. 下面是 caniuse 给出的数据, 可见 IE 和苹果系的浏览器仍不支持, 这里可能是一些技术原因, 但更多是商业因素. 因此这篇文章教你 360° 无死角 WebP 的能力检测.

Can I use WebP?

方案一通过 JavaScript 脚本进行检测, 这里用到了 Modernizr , 该库提供了大量浏览器能力检测的脚本. 我已经把 WebP 能力检测的脚本放到了 gist, 你可访问 WebP 能力检测.js 下载.

在浏览器中执行这段脚本, 最新版的 Chrome 浏览器给 html 标签增加了 webp , webp-alpha , webp-aniamtion , webp-lossless 的类; 而 Safari 浏览器增加了 no-webp 的类, 因此我们在 css 中, 只要写出形如下的代码就可以了.

支持 WebP

不支持 WebP

.no-webp .cover {
  background-image: url('image.jpg');
}

.webp .cover {
  background-image: url('image.webp');
}

当然如果用到 img 标签上, 你还可以这么写.

const [supportWebP, setSupportWebP]=useState(
  document.documentElement.classList.contains('webp'),
)

return <img src={supportWebP ? 'image.webp' : 'image.jpg'} alt="img" />

Modernizr 给出的脚本做了较多的兼容, minify 后也有 1.2kb 的大小, 下面这段代码比较精简, 根据实际情况可以考虑使用. 它返回一个 Boolean 类型, 你可以把结果存到 Store 或者 LocalStorage 中, 也可以跟 Modernizr 一样, 给 html 的 class 增加一个 webp 标识. 这段代码收集到了我的工具集 yancey-js-util , 有兴趣也可使用 yarn add yancey-js-util 安装使用.

export const checkWebp=()=> {
  return (
    document
      .createElement('canvas')
      .toDataURL('image/webp')
      .indexOf('data:image/webp')===0
  )
}

第二种方式是使用 HTML5 新增的 「 picture 」 标签. 与 「 audio 」 , 「 video 」 标签类似, 它们都可以包含 「 source 」 标签, 用于让浏览器自行选择最优的格式来呈现. 这种方案无需 js 代码, 性能会更好一些, 但它的缺点显而易见, 即无法应用于 css 的 background-image.

<picture>
  <source srcset="img/image.webp" type="image/webp" />
  <source srcset="img/image.jpg" type="image/jpeg" />
  <img src="img/image.jpg" alt="img" />
</picture>

方案一可以应用于 「 backgroud-image 」 和 「 img 」 标签两种场景, 似乎是一种万全之策, 但它毕竟依托于 JavaScript. 如果用户阻止浏览器使用 JS 脚本, 或者说在 SSR 服务端渲染阶段(因为这些检测脚本涉及到了 DOM 操作, 而服务端是无法操作 DOM 的), 方案一就不 ok 了.

第一种情况比较极端, 我们可以一开始就给 html 标记上 no-js 的 class, 当 DOM 加载完成后执行如下脚本, 如果 no-js 被移除了, 那证明 JS 没有被阻止; 否则降级处理, 代码如下所示.

<style>
  .no-js .elementWithBackgroundImage {
    background-image: url('image.jpg');
  }
</style>

<script>
  document.documentElement.classList.remove('no-js')
</script>

对于 SSR 场景下, 方案二可保证所有的 img 标签都能展示最优结果, 但对于 background-image 就无能为力了. 这种情况下, 我们依然可以借助后端之力. 在 HTTP 请求头中的 accept 字段中, 我们发现了 image/webp 的字样, 后端接收到这个请求, 只要判断存在 image/webp , 就证明该浏览器支持 WebP 格式, 后端将 「 你的浏览器支持 WebP 」 再告诉给前端, 那这个问题就迎刃而解了.

HTTP 请求头中记录浏览器是否支持 WebP

下面这段代码是 我的博客 中的真实案例, 项目使用了 Next.js 做服务端渲染, 通过 getServerSideProps 方法将 isSupportWebp 返回给前端, 进而前端判断是否有能力展示 WebP 格式的图片.