原创 前端框架的選擇
前端發展日新月異，每年成百數千框架誕生，當我們需要選擇一種來學習時，應該如何挑選？ 我認爲應該從兩方面來看：框架優劣的重要性自不必說，影響性能和開發體驗，但另一方面適合自己的需求也很重要，尺有所短寸有所長，在不同情況下的優劣可能相反。 框
2018-08-28 11:54:53
原创 《高性能JavaScript》讀書筆記
最近在閱讀這本Nicholas C.Zakas（javascript高級程序設計作者）寫的最佳實踐、性能優化類的書。記錄下主要知識。 加載和執行 腳本位置 放在中的javascript文件會阻塞頁面渲染：一般來說瀏覽器中有多種線程：UI
2018-08-28 11:54:47
原创 Lighthouse的使用與Google的移動端最佳實踐
Lighthouse是一個Google開源的自動化工具，主要用於改進網絡應用（移動端）的質量。目前測試項包括頁面性能、PWA、可訪問性（無障礙）、最佳實踐、SEO。Lighthouse會對各個測試項的結果打分，並給出優化建議，這些打分標準
2018-08-28 11:54:45
7
原创 Puppeteer的入門教程和實踐
出現的背景 Chrome59(linux、macos)、 Chrome60(windows)之後，Chrome自帶headless(無界面)模式很方便做自動化測試或者爬蟲。但是如何和headless模式的Chrome交互則是一個問題。通過
2018-08-28 11:54:45
4
原创 使用nightwatch進行E2E測試中文教程
E2E測試 E2E(end to end)測試是指端到端測試又叫功能測試，站在用戶視角，使用各種功能、各種交互，是用戶的真實使用場景的仿真。在產品高速迭代的現在，有個自動化測試，是重構、迭代的重要保障。對web前端來說，主要的測試就是，表
2018-08-28 11:54:45
1
原创 瀏覽器HTTP緩存機制
介紹HTTP緩存之前先簡單說一下Web緩存 Web緩存是一種保存Web資源副本並在下次請求時直接使用該副本的技術。 Web緩存可以分爲這幾種：瀏覽器緩存、CDN緩存、服務器緩存、數據庫數據緩存 。因爲可能會直接使用副本免
2018-08-28 11:54:45
原创 HTML5、CSS3新標籤、屬性概況
有時會遇到判斷新標籤、屬性的題目，沒找到適合應試的，所以自己來收集總結一下，只列舉那些現在兼容性尚可（IE10支持）的新屬性及其基本功能（以w3school爲準）。感覺玩w3school資料更新不是很及時，要是很關心一個屬性的兼容性問題可
2018-08-28 11:54:45
原创 前端好用插件
自從1995年，javascript誕生，到現在制霸前端，獨孤求敗，經歷了無數的項目、實踐的檢驗。在開發中一些常用的代碼塊、功能塊，爲了複用，被抽離出來獨立完成功能，通過API或配置項和其他部分交互，這就是插件。作爲一個工具愛好者（懶），
2018-08-28 11:54:45
3
原创 Node啓動https服務器
首先你需要生成https證書，可以去付費的網站購買或者找一些免費的網站，可能會是key或者crt或者pem結尾的。不同格式之間可以通過OpenSSL轉換，如： openssl x509 -in mycert.crt -out mycert
2018-08-28 11:54:34
3