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：打?。≒=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.電子表格中橫向數據轉縱向數據：選中數據→右鍵→選擇性粘貼→轉置→確定?？v向數據轉橫向數據操作步驟相同。

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： 打開系統相關信息?？梢钥焖俨榭磩e人電腦配置，相當于“控制面板\系統和安全\系統”。

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 格式的圖片.