JerryC

對於靜態博客來説，Hexo是一款很受歡迎的博客生成器。其擁有數百的主題和插件，方便我們部署和自定義博客內容。然而，很多生成器都有一個跟明顯的缺點，當網站的文章越來越多時，生成所需要的時間也越來越久。如果電腦效能差的話，部署時間則會更加的久。 為了解決這個問題，採用自動化部署是一個絕佳的選擇。現如今提供自動化部署的平台越來越多。像Travis CI，還有最近發佈的Github Actions。我們只需要把Hexo的目錄推送到GitHub去，相關平台監測到對應的Repositories發佈變化，就會自動去執行編譯，並把編譯好的內容發佈到博客Repositories去。 Travis CITravis CI有提供免費版和企業版，以下的教程是在免費版上操作。 免費版 企業版 免費版不支持私人倉庫(Private Repositories)部署 註冊 點擊Sign Up會自動跳到Github上去授權登錄。只需授權登錄就行，完成後會進入操作界面。 設置倉庫Repositories接下來要選擇哪一個倉庫Repositories需要被監測。 點擊Activate all repositor ...

Windows上有很多命令行程序，例如CMD和PowerShell。微軟在Build 2019上推出了一款面向Windows10的命令行程序，這款程序集合了Windows上的PowerShell、CMD以及Windows Subsystem for Linux於一身，解決了不少惹人吐槽的毛病，甚至被稱為Windows下命令體驗的救世主。而我早在Preview版發佈時，就已經下載使用，現在也是我主要使用的命令行工具。然而畢竟現在還是體驗版的關係，所以並沒有集成在右鍵菜單上。在搜索了許久之後，終於在Github上找到了安裝方法。 軟件安裝 Windows Terminal 現在還是 Preview 狀態，我們可以在 Microsoft Store 上下載安裝。當然有能力的人，可以下載Github的代碼自己編譯。 Windows Terminal (Preview) - Microsoft Store GitHub - microsoft/terminal: The new Windows Terminal, and the original Windows console host - a ...

本文轉載自【总结】调研实现高性能动画 本文是調研如何實現高性能動畫, 提升用户體驗的總結, 文章內容來源於對看過的相關技術文章的總結, 相關技術文章已列到文章末尾, 如有遺漏, 敬請諒解. 快速響應和高度交互的頁面往往能夠吸引大量的用户群體. 相反, 如果頁面存在性能低下的動畫, 動畫不流暢, 動畫過程中頁面閃爍等等, 如此粗糙的交互體驗必然喪失用户量. 對於大多數的設備而言, 屏幕以 60 次每秒的頻率刷新, 即60HZ. 如果一個動畫中的某些幀超過了這個時間, 就會導致瀏覽器的刷新頻率跟不上設備的刷新頻率（跳幀現象）, 出現頁面閃爍. 因此, 高性能的動畫都應該保持在60fps左右. 接下來我們看幾種動畫的實現方式. 基於setTimeout或者setInterval實現的動畫基於幀算法實現的動畫 這是一個基於幀算法實現的 JavaScript 動畫, 這裏設置的每秒鐘更新 60 次, 即60fps. 大家可以看到現在的動畫還是非常流暢的. 動畫的幀率也在 60 附近. 但是由於 JavaScript 運行時需要耗費時間, 而 JavaScript 又是單線程的, 所以如 ...

本文轉自4ark 這個問題已經是老生常談了，更是經常被作為面試的壓軸題出現，網上也有很多文章，但最近閒的無聊，然後就自己做了一篇筆記，感覺比之前理解更透徹了。 前言這個問題已經是老生常談了，更是經常被作為面試的壓軸題出現，網上也有很多文章，但最近閒的無聊，然後就自己做了一篇筆記，感覺比之前理解更透徹了。 這篇筆記是我這兩天看了數十篇文章總結出來的，所以相對全面一點，但由於我是做前端的，所以會比較重點分析瀏覽器渲染頁面那一部分，至於其他部分我會羅列出關鍵詞，感興趣的可以自行查閲， 注意: 本文的步驟是建立在，請求的是一個簡單的 HTTP 請求，沒有 HTTPS、HTTP2、最簡單的 DNS、沒有代理、並且服務器沒有任何問題的基礎上，儘管這是不切實際的。 大致流程 URL 解析 DNS 查詢 TCP 連接 處理請求 接受響應 渲染頁面 URL 解析地址解析： 首先判斷你輸入的是一個合法的 URL 還是一個待搜索的關鍵詞，並且根據你輸入的內容進行自動完成、字符編碼等操作。 HSTS 由於安全隱患，會使用 HSTS 強制客户端使用 HTTPS 訪問頁面。詳見：你所不知道的 HSTS。 ...

爲了方便集中管理和更新，Butterfly文檔已經遷移至Butterfly網站。原docs.jerryc.me頁面也將會刪除同時，Valine的相關評論已經遷移到到Butterfly網站

為了減少長時間沉迷電腦而忘記時間，設置Windows電腦自動關機是必要的事。在我的電腦裏，每到晚上10點都會自動關機。當然不會立刻關機，而是設置了1分鐘的預留時間給自己保存一些文檔資料。Windows內建的Shutdown指令讓人很方便的對這些進行操作。你有沒有試過在使用電腦處理一些事時，因為臨時需要外出，而又不能立刻關掉電腦，這時就可以使用Shutdown設置xx時間後自動關閉電腦。 shutdown的一些參數1. 寫法1shutdown [/i | /l | /s | /sg | /r | /g | /a | /p | /h | /e | /o] [/hybrid] [/soft] [/fw] [/f][/m \\computer][/t xxx][/d [p|u:]xx:yy [/c "comment"]] 也可以寫成 1shutdown [-i | -l | -s | ...

Windows上的軟件數不勝數,同一類型的軟件眾多。到底哪一款才是適合你自己的，只有自己親自試用過才知道。以下是我比較喜歡的軟件，特別推薦給各位。 下載工具：qBittorrent和Internet Download Manager 聊天軟件：tim(雖然已經被騰訊放棄了，但是比起QQ那麼臃腫，這個好用點）和 微信(store轉製版） 截圖軟件： snipaste 這個必須推薦 編輯器： vscode 瀏覽器： chrome 視頻播放器： potplayer 和 嗶哩嗶哩UWP 詞典： 歐陸詞典 和 GoldenDict 筆記：onenote 和 evernote (用這個截取網頁的內容，onenote的web clipper太差） 簡單視頻製作：Adobe Premiere Pro (編輯視頻） 4K Video Downloader（下載視頻） Aegisub (製作字幕） Megui(壓制視頻） 搜索： everything 圖片查看： FastStone Image Viewer 壓縮軟件：winrar (7zip也不錯，但是不能設置解壓完自動打開解壓的文件夾，只能放棄） ...

關於字符編碼，你所需要知道的（ASCII,Unicode,Utf-8,GB2312…） 轉自 Kevin Yang 字符編碼的問題看似很小，經常被技術人員忽視，但是很容易導致一些莫名其妙的問題。這裏總結了一下字符編碼的一些普及性的知識，希望對大家有所幫助。 還是得從ASCII碼説起説到字符編碼，不得不説ASCII碼的簡史。計算機一開始發明的時候是用來解決數字計算的問題，後來人們發現，計算機還可以做更多的事，例如文本處理。但由於計算機只識“數”，因此人們必須告訴計算機哪個數字來代表哪個特定字符，例如65代表字母‘A’，66代表字母‘B’，以此類推。但是計算機之間字符-數字的對應關係必須得一致，否則就會造成同一段數字在不同計算機上顯示出來的字符不一樣。因此美國國家標準協會ANSI制定了一個標準，規定了常用字符的集合以及每個字符對應的編號，這就是ASCII字符集（Character Set），也稱ASCII碼。 當時的計算機普遍使用8比特字節作為最小的存儲和處理單元，加之當時用到的字符也很少，26個大小寫英文字母還有數字再加上其他常用符號，也不到100個，因此使用7個比特位就可以高效的存儲 ...

2019年5月28號更新微博圖床已經開始現在外鏈了，導致在網站上使用微博圖床的圖片無法顯示，如果使用微博作爲圖床的，應考慮轉向其它的圖床。 對於運營靜態網站的人來説，圖片存儲在哪裏是一個值得深思的問題。要考慮到連接速度和存儲持久問題。像七牛、騰訊雲這些服務商，想要使用存儲服務，就需要付費使用。就算有提供免費的存儲，但奈何存儲空間大小限制，加上要實名認證，就足以將人拒之門外。只能考慮一些即免費又沒有空間限制的服務商。國外的一些圖片上傳網站考慮到在中國大陸的連接速度和有可能被和諧的問題，暫時不考慮。像sm.ms這些圖床，因爲怕隨時會關掉而導致所有鏈接失效，同時上傳後又沒有備份，所以也在排除之外。偶然在Github上看到這個新浪圖床上傳工具，有上傳存儲記錄。同時，新浪作爲一個用戶量很大的網站，也不用擔心會被關閉的問題。 簡介這個圖床上傳工具叫做 Weibo-Picture-Store,由Semibold開發。是一款上傳圖片到微博並生成外鏈的 Chrome 瀏覽器擴展。 chrome webstore 下載地址： https://chrome.google.com/webstore/de ...

面向對象程序設計(OOP)面向對象的程序由對象組成的，每個對象包含對用户公開的特定功能部分和隱藏的實現部分。oop將數據擺在第一位，然後考慮操作數據的算法。 對象要使用OOP，要瞭解對象的三個主要特性： 對象的行為(behavior) ———— 可以對對象施加哪些操作，或可以對對象施加哪些方法？ 對象的狀態(state) ———— 當施加那些方法時，對象如何響應？ 對象標識(identity) ———— 如何辨別具有相同行為與狀態的不同對象？ 類之間的關係 依賴(“uses-a”)如果一個類的方法操作另一個類的對象，我們就説一個類依賴另一個類 聚合(“has-a”)聚合意味著類A的對象包含類B的對象 繼承(“is-a”)類A擴展類B,類A不但包含從類B繼承的方法，還會擁有一些額外的功能 使用預定義類對象與對象變量要想使用對象，就必須首先構造對象，並指定其初始狀態。然後，對對象應用方法。構造器(constructor)用來構造新實例。構造器是一種特殊的方法，用來構造並初始化對象。 構造器的名字應與類名相同。以Date類為例，Date類的構造器名為Date。構造一個Date對象 ...