整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
如下的快捷方式非常有用，能夠極大的提升你的工作效率：
CTRL + U 剪切光標(biāo)前的內(nèi)容CTRL + K 剪切光標(biāo)至行末的內(nèi)容CTRL + Y 粘貼CTRL + E 移動光標(biāo)到行末CTRL + A 移動光標(biāo)到行首ALT + F 跳向下一個(gè)空格ALT + B 跳回上一個(gè)空格ALT + Backspace 刪除前一個(gè)單詞CTRL + W 剪切光標(biāo)后一個(gè)單詞
Shift + Insert 向終端內(nèi)粘貼文本
那么為了讓上述內(nèi)容更易理解來看下面的這行命令。
sudo apt-get intall programname
如你所見，命令中存在拼寫錯(cuò)誤，為了正常執(zhí)行需要把“intall”替換成“install”。
想象現(xiàn)在光標(biāo)正在行末，我們有很多的方法將她退回單詞install并替換它。
我可以按兩次ALT+B這樣光標(biāo)就會在如下的位置(這里用指代光標(biāo)的位置)。
sudo apt-get install programname現(xiàn)在你可以按兩下方向鍵并將“s”插入到install中去了。
如果你想將瀏覽器中的文本復(fù)制到終端，可以使用快捷鍵"shift + insert"。
.使用nohup在登出SSH會話后仍運(yùn)行命令
如果你用ssh登錄別的機(jī)器時(shí)，nohup命令真的非常有用。那么怎么使用nohup呢?
舉個(gè)例子，因?yàn)闇y試的需要，我用樹莓派來下載發(fā)行版。一般我總是用SSH從筆記本電腦連接到樹莓派。如果我在不用nohup的情況下使用樹莓派下載大型文件，那我就必須等待到下載完成后，才能登出ssh會話關(guān)掉筆記本。可如果是這樣，那我為什么要使用樹莓派下文件呢?
使用nohup的方法也很簡單，只需如下例中在nohup后輸入要執(zhí)行的命令即可：
nohup wget http://mirror.is.co.za/mirrors/linuxmint.com/iso//stable/17.1/linuxmint-17.1-cinnamon-64bit.iso &
頁面可見性API
該API可以用來檢測頁面對于用戶的可見性，即返回用戶當(dāng)前瀏覽的頁面或標(biāo)簽tap的狀態(tài)變化。 在最小化瀏覽器、切換tap頁面時(shí)生效.(如需對app中幾個(gè)webview進(jìn)行切換操作時(shí)，可使用pageVisibility接口進(jìn)行相應(yīng)的事件監(jiān)聽和處理。)
page visibility的介紹
【document.hidden】：該值表示page是否是可見的,值為boolean值
【document.visibilityState】：這個(gè)visibilitystate可有三個(gè)值得可能
【visible】：表示該page是處于最前面的頁面并且不是處于一個(gè)最小化的窗口
【hidden】：表示該page不是處于最前面的頁面或者是處于一個(gè)最小化的窗口
【prerender】：表示該頁面內(nèi)容正在重新渲染并且該頁面對于用戶是不可見的
【isibilitychange Event】：監(jiān)聽window visibility 的改變的事件
相關(guān)代碼：
// 設(shè)置隱藏屬性和可見改變事件的名稱，屬性需要加瀏覽器前綴
// since some browsers only offer vendor-prefixed support var hidden, state, visibilityChange;
if (typeof document.hidden !=="undefined") {
hidden="hidden";
visibilityChange="visibilitychange";
state="visibilityState";
} elseif (typeof document.mozHidden !=="undefined") {
hidden="mozHidden";
visibilityChange="mozvisibilitychange";
state="mozVisibilityState";
} elseif (typeof document.msHidden !=="undefined") {
hidden="msHidden";
visibilityChange="msvisibilitychange";
state="msVisibilityState";
} elseif (typeof document.webkitHidden !=="undefined") {
hidden="webkitHidden";
visibilityChange="webkitvisibilitychange";
state="webkitVisibilityState";
}
// 添加一個(gè)標(biāo)題改變的監(jiān)聽器
document.addEventListener(visibilityChange, function(e) {
// 開始或停止?fàn)顟B(tài)處理
}, false);
除此之外， 眾所周知，解析 DNS 是網(wǎng)站性能優(yōu)化的比較重要的一部分，雖然加載時(shí)間不太長，但是很難壓縮起來。特別是為了并發(fā)下載資源而使用多個(gè) CDN 域名來加載資源的大型網(wǎng)站，更不可忽視，每加載資源之前都要先進(jìn)行 CDN 域名的 DNS 解析轉(zhuǎn)換。如果采用 DNS 預(yù)加載，支持該功能的瀏覽器就會提前對該域名進(jìn)行 DNS 解析并且緩存一下，而不會在需要請求資源再進(jìn)行解析。而且這個(gè)功能應(yīng)用實(shí)在是太簡單：
代碼如下:
<link rel="dns-prefetch" >
<link rel="dns-prefetch" >
Sublime Text是一個(gè)代碼編輯器，也是HTML和散文先進(jìn)的文本編輯器。
本文通過實(shí)例來介紹項(xiàng)目中常用快捷鍵和插件的用法，熟悉快捷鍵和引用插件可以極大地提高我們的開發(fā)效率。
輸入“html:5”后點(diǎn)擊Tab鍵或輸入“!”后點(diǎn)擊Ctrl+E都能轉(zhuǎn)換為html5的骨架結(jié)構(gòu)，轉(zhuǎn)換為的代碼如下圖：
Tips：需安裝Emmet插件；
右下角的文本類型要選為“html”。
輸入“div.wrapper>div.header>span.title{標(biāo)題}”或“ul.lis>li*5>p.title+p.content”后點(diǎn)擊Tab可以快速生成相應(yīng)的代碼，轉(zhuǎn)換為的代碼如下圖：
Tips：上面兩種寫法只是其中的一部分，大家可以自己練習(xí)多種組合；
img[src="face/bd/$.gif"] ＋Tab，bd目錄下自動從1開始到最后，適合于一次性增加從1--多個(gè)的圖片。
“Ctrl+Shift+P”用于快速更改文件類型（js/css）（第一圖）、安裝插件（第二圖）等，如下圖：
“Ctrl+G”用于快速定位到行數(shù)，比如審查元素知道修改的樣式在那一行，就可以點(diǎn)擊快捷鍵，然后輸入行數(shù)，就能定位到相應(yīng)的位置進(jìn)行修改；
“Ctrl+C”用于撤回信息，而“Ctrl+Y”用于恢復(fù)信息，都可多次操作；
“Ctrl+/”用于注釋信息，可單行也可以多行；
“Ctrl+F”用于查找輸入的內(nèi)容，可往前、往后或全部查找；
“Ctrl+Shirt+D”用于復(fù)制游標(biāo)所在行；
“Ctrl+D”用于選擇游標(biāo)所在單詞，連續(xù)“Ctrl+D”實(shí)現(xiàn)多個(gè)選擇（選擇與第一次選擇相同的單詞）；如果中間有要跳過的相同單詞，可以先點(diǎn)擊“Ctrl+K”再點(diǎn)擊“Ctrl+D”；
“Alt+F3”用于選擇所有與游標(biāo)所在單詞相同的單詞，跟上面一個(gè)快捷鍵對于批量修改非常方便。
“Alt+Shift+1/2/3”，后面數(shù)字表示要顯示多少列，如下圖，對于參照html編寫css和js有很大的便利。
Tips：從標(biāo)題到這塊是最經(jīng)常用到的快捷鍵，一定熟悉記住。
“Ctrl+] ”增加縮進(jìn)，“Ctrl+] ” 減小縮進(jìn)，好的排版有利于查看；
“Ctrl+Shift+V”保持縮進(jìn)粘貼，直接用“Ctrl+V”有時(shí)會導(dǎo)致顯示排版亂了，使用該快捷鍵可以保持原來的排版；
“Ctrl+PgUp”往前切換Tab欄的文件，“Ctrl+PgDn”往后切換Tab欄的文件；
“/**+Tab”常用于js的自動補(bǔ)全注釋信息和內(nèi)容；
“Ctrl+P”用于快速查找并打開文件，點(diǎn)擊快捷鍵后打開命令面板，直接點(diǎn)擊就可以打開文件，也可以進(jìn)行搜索操作；
“Ctrl+L”用于選擇單行；
“Ctrl+H”用于查找替換，可替換單個(gè)或全部替換；
“Ctrl+Shift+Enter”在當(dāng)前上方添加一行；
右鍵點(diǎn)擊“Open Containing Folder”可以打開該文件的本地目錄。
“Ctrl+Shift+P”打開命令面板，輸入range點(diǎn)擊第一條就會出現(xiàn)了，然后輸入開始和結(jié)束數(shù)字，可以批量修改序號，需安裝插件Text Pastry。
“跟蹤函數(shù)ctags”在使用函數(shù)調(diào)轉(zhuǎn)功能前，需要先生成.tags文件，只需在項(xiàng)目文件管理器的項(xiàng)目文件上右鍵點(diǎn)擊Ctags:Rebuild Tags即可（注意，在改動文件之后會重新生成.tags）；所有工作都準(zhǔn)備充分之后，就可以在函數(shù)名上右鍵點(diǎn)擊navigate 頭definition跳轉(zhuǎn)到指定函數(shù)了，返回用jump back，需安裝插件ctags。
直接安裝：直接下載安裝包解壓縮到Packages目錄（菜單->preferences->Browse Packages）；
使用Package Control組件安裝（在線安裝）：點(diǎn)擊“Ctrl+`”，然后輸入“import urllib.request,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())（）”回車，下載完畢后，重啟Sublime Text程序；如果在Perferences->中看到package control這一項(xiàng)，則安裝成功。
Tips：輸入代碼為3版本，其他版本代碼可以百度搜索。
用Package Control安裝插件的方法，按下“Ctrl+Shift+P”調(diào)出命令面板，輸入install 調(diào)出 Install Package 選項(xiàng)并回車，然后在列表中選中要安裝的插件。
比如“Emmet”，在搜索框輸入“Emmet”，列表就會顯示插件“Emmet”，然后點(diǎn)擊該條數(shù)據(jù)，就會開始安裝該插件，安裝信息可查看左下角。
Tips：安裝插件時(shí)保持網(wǎng)絡(luò)暢通，避免插件由于網(wǎng)絡(luò)原因奔潰。
常用插件的用法說明：
Emmet（原名 Zen Coding）：一種快速編寫html/css的方法；
Autoprefixer：CSS3私有前綴自動補(bǔ)全插件；
AutoFileName：顯示路徑下文件名；
SyncedSidebarBg：自動同步側(cè)邊欄底色為編輯窗口底色；
HTML-CSS-JS Prettify：html/css/js格式化工具，依賴node.js，格式化的HTML不能有中文和中文符號等，HTMLPrettify.sublime-settings路徑對應(yīng)node安裝目錄，使用快捷鍵“Ctrl+Shift+H”；
sublimelinter：檢查js語法；
jQuery：補(bǔ)全JQ代碼；
Text Pastry：可以一次性改批量序號，用法快捷鍵里面有介紹；
ctags：跟蹤函數(shù)，用法快捷鍵里面有介紹；
Less2Css：保存less文件時(shí)候自動生成css文件，windows下，Less2CSS對lessc.cmd有依賴，請下載：https://github.com/duncansmart/less.js-windows/releases后并將其路徑（ E:/Less）添加至系統(tǒng)環(huán)境變量中；一般建議生產(chǎn)環(huán)境不使用less，所以這個(gè)還是蠻方便的；
SideBarEnhancements：設(shè)置瀏覽器，如下圖。
在很多瀏覽器只是提供了一個(gè)工作平臺，用戶要想實(shí)現(xiàn)相關(guān)功能的話，必須安裝對應(yīng)的功能擴(kuò)展才可以。但是功能擴(kuò)展安裝一多，瀏覽器就會造成系統(tǒng)資源的增加，這樣用戶在瀏覽的時(shí)候就會變得非常的緩慢。而功能腳本在很多時(shí)候可以起到功能擴(kuò)展的作用，而且?guī)缀醪徽既魏蔚南到y(tǒng)資源，所以很多時(shí)候我們可以利用它來完成需要的操作。
功能找本需要擴(kuò)展的支持
現(xiàn)在我們使用的常見瀏覽器實(shí)際上都無法直接安裝或者使用功能腳本，所以要想在瀏覽器里面使用功能腳本的話，必須安裝相應(yīng)的功能擴(kuò)展來進(jìn)行支持才行。比如我們首先運(yùn)行Opera這款瀏覽器，現(xiàn)在點(diǎn)擊瀏覽器左上角的圖標(biāo)按鈕，在彈出的菜單中選擇“擴(kuò)展”菜單中的“獲取擴(kuò)展”命令，這樣就進(jìn)入到該瀏覽器的應(yīng)用商店里面（圖1）。
通過搜索功能來查找“Tampermonkey”或者“Violentmonkey”關(guān)鍵詞，用戶就可以選擇一個(gè)喜歡的擴(kuò)展來進(jìn)行安裝，我們這里選擇的是“Violentmonkey”這款功能擴(kuò)展。以后通過這款功能擴(kuò)展不但可以進(jìn)行功能腳本的管理操作，還可以及時(shí)的調(diào)用相應(yīng)的功能腳本來進(jìn)行瀏覽器功能的加強(qiáng)。
小提示：
由于Opera這款瀏覽器是在谷歌瀏覽器的基礎(chǔ)上開發(fā)的，所以包括谷歌瀏覽器、360瀏覽器、百度瀏覽器等都需要安裝這款功能擴(kuò)展來支持功能腳本。如果用戶使用的是火狐瀏覽器的話，除了選擇上面的功能擴(kuò)展以外還可以選擇“Greasemonkey”這款功能擴(kuò)展。另外如果用戶的瀏覽器不支持功能擴(kuò)展的話，那么可以安裝AdGuard這款軟件來進(jìn)行輔助支持。
視頻站啟用HTML5播放器
現(xiàn)在隨著網(wǎng)絡(luò)帶寬的不斷提升，很多用戶都改變了以前下載網(wǎng)絡(luò)視頻的習(xí)慣，改而直接在網(wǎng)絡(luò)中進(jìn)行在線的觀看。通常要想進(jìn)行在線觀看的話，都需要在系統(tǒng)里面安裝Flash播放器才可以。但是隨著技術(shù)的不斷提升，HTML5播放器已經(jīng)開始逐步替換Flash播放器。那么如何強(qiáng)制讓視頻網(wǎng)站使用HTML5播放器呢？
我們首先通過opera瀏覽器打開“Greasy Fork”這個(gè)網(wǎng)站（https://greasyfork.org/zh-CN），這個(gè)網(wǎng)站也就相當(dāng)于一個(gè)功能腳本的應(yīng)用商店。接下來在網(wǎng)站的搜索框里面輸入“視頻站啟用HTML5播放器”這個(gè)關(guān)鍵時(shí)，就可以查找到對應(yīng)的功能腳本（圖2）。
點(diǎn)擊鏈接以后打開腳本的管理頁面，再點(diǎn)擊頁面中的“安裝此腳本”按鈕。這時(shí)就會彈出一個(gè)安裝腳本的確認(rèn)窗口，點(diǎn)擊右上角的“確認(rèn)安裝”按鈕就可以了（圖3）。
從此以后我們無論是打開國內(nèi)的視頻網(wǎng)站還是國外的視頻網(wǎng)站，功能擴(kuò)展就會自動激活“視頻站啟用html5播放器”這個(gè)功能腳本，這樣網(wǎng)頁就會強(qiáng)制使用HTML5播放器來進(jìn)行視頻播放（圖4）。
而且通過一些常見的快捷鍵還可以對視頻的播放進(jìn)行控制，比如點(diǎn)擊空格鍵就可以進(jìn)行視頻的暫停操作，利用方向鍵可以進(jìn)行視頻的加速 或者音量的調(diào)節(jié)，另外利用Shift+回車鍵就可以進(jìn)行視頻的網(wǎng)頁全屏播放。從此以后，即使是用戶的電腦系統(tǒng)沒有安裝Flash播放器的話，那么也不會像從前那樣要求用戶下載安裝Flash插件以后再進(jìn)行播放操作（圖5）。
B站播放器的設(shè)置和調(diào)整
喜歡二次元的朋友都知道“嗶哩嗶哩”這個(gè)網(wǎng)站，雖然這個(gè)網(wǎng)站默認(rèn)已經(jīng)支持了HTML5播放器，但是這個(gè)自帶的播放器功能非常的有限。那么如何可以增強(qiáng)播放器的功能，從而更好的對網(wǎng)站視頻進(jìn)行控制操作呢？
我們首先按照前面的方法來搜索安裝“嗶哩嗶哩（bilibili.com）播放器調(diào)整”這個(gè)功能腳本，以后我們在B站任意打開一個(gè)視頻的網(wǎng)頁鏈接后，在視頻播放窗口的右側(cè)就可以看到一個(gè)名為“播放器調(diào)整”的選項(xiàng)，點(diǎn)擊該選項(xiàng)以后就可以進(jìn)行相關(guān)參數(shù)的設(shè)置。在彈出的對話框中我們不僅可以設(shè)置視頻播放相關(guān)的快捷鍵，還可以設(shè)置視頻播放的模式。通常情況下視頻播放采用的是“自動寬屏”這種模式，當(dāng)然用戶也可以設(shè)置為“自動網(wǎng)頁全屏”或者“雙擊全屏”的模式。當(dāng)然用戶經(jīng)常在晚上進(jìn)行視頻觀看的話，還可以勾選“自動播放器關(guān)燈”的選項(xiàng)（圖6）。
微博圖片全部大圖來顯示
微博作為現(xiàn)在最為流行的社交媒體，自然會受到不少用戶的關(guān)注。而關(guān)注的內(nèi)容中除了文字信息以外，當(dāng)然也包括各種各樣的圖片信息。但是通常要想查看發(fā)布的圖片信息，需要經(jīng)過多個(gè)不同的操作步驟才可以看到。那么如何將原始圖片直接顯示出來呢？
首先安裝“微博圖片全顯示”這個(gè)功能腳本，從此以后用戶只需要點(diǎn)擊每個(gè)微博的永久鏈接。進(jìn)入到這個(gè)微博的內(nèi)容頁面后該腳本就會自動，將全部圖片的原始大圖給列出來，這樣就省去了用戶不斷點(diǎn)擊鼠標(biāo)的麻煩（圖7）。進(jìn)入微博永久鏈接的方法也非常簡單，只需要點(diǎn)擊該微博發(fā)布的時(shí)間鏈接就可以了。
微博圖片懸浮方式的顯示
雖然通過原始大圖的方式進(jìn)行顯示，查看起來非常的方便。但是也有一個(gè)非常明顯的問題，就是這些圖片由于尺寸大小不同，這樣在進(jìn)行排版的時(shí)候就會出現(xiàn)內(nèi)容錯(cuò)位的情況。所以如果用戶覺得這種方式閱讀起來不方便的話，那么我們還可以通過圖片懸浮顯示的方式來進(jìn)行展示。
首先安裝“MiniblogImgPop-微博浮圖”這個(gè)功能腳本，以后當(dāng)用戶需要查看某個(gè)微博圖片的大圖時(shí)，只需要將鼠標(biāo)移動到這張圖片的縮略圖上，就會以虛浮的方式馬上展現(xiàn)出這張圖片的大圖，這樣瀏覽起來就更加的方便了（圖8）。而且這個(gè)功能腳本不僅可以對微博圖片進(jìn)行查看，還支持百度貼吧、QQ空間、淘寶等一系列主流的社交媒體。
*請認(rèn)真填寫需求信息，我們會在24小時(shí)內(nèi)與您取得聯(lián)系。
