摘要：談起閉包，它可是兩個核心技術之一異步基于打造前端持續集成開發環境本文將以一個標準的項目為例，完全拋棄傳統的前端項目開發部署方式，基于容器技術打造一個精簡的前端持續集成的開發環境。

本文的目的就是要保證你徹底弄懂javascript的執行機制，如果讀完本文還不懂，可以揍我。 不論你是javascript新手還是老鳥，不論是面試求職，還是日常開發工作，我們經常會遇到這樣的情況：給定的幾行代碼，我們需要知道其輸出內容和順序。因為javascript是一門單線程…

內容說明本文不是關于瀏覽器渲染的底層原理或前端優化具體細節的講解，而是關于瀏覽器對頁面的渲染——這一過程的描述及其背后原理的解釋。這是因為前端優化是一個非常龐大且零散的知識集合，一篇文章如果要寫優化的具體方法恐怕只能做一些有限的列舉。然而…

說到前端部署，可能大多數前端工程師在工作中都是使用的公司現成的部署系統，與SRE對接、一起完成前端的部署操作。如果我現在給你一臺新注冊的云主機，那么你應該怎么做才能把一個前端工程部署到一臺云主機上，成為一個可以訪問的網頁呢？今天我們就來聊聊前端的部署~ 首先，一個前端工程要變成…

每位工程師都應該了解的CDN

不管是什么公司，只要產品數量大于一個，那么單點登錄勢必是繞不過去的一個問題。作為前端程序員，我們對其雖然接觸不多，但適當的了解還是必要的。本文就來談談單點登錄相關的問題。 了解 SSO，最好具備以下知識。當然，如果不是特別熟，也不影響閱讀。 SSO 是英文 Single Sig…

同步，異步，回調，我們傻傻分不清楚，
有一天，你找到公司剛來的程序員小T，跟他說：“我們要加個需求，你放下手里的事情優先支持，我會一直等你做完再離開”。小T微笑著答應了，眼角卻滑過一絲不易覺察的殺意。
世界上的所有事情大致可以分為同步去做和異步去做兩種。你打電話去訂酒店，電話另…

前一陣子記錄了promise的一些常規用法，這篇文章再深入一個層次，來分析分析promise的這種規則機制是如何實現的。ps:本文適合已經對promise的用法有所了解的人閱讀,如果對其用法還不是太了解，可以移步我的上一篇博文。 為了讓大家更容易理解，我們從一個場景開始講解，讓…

相對于SOCKET開發者,TCP創建過程和鏈接折除過程是由TCP/IP協議棧自動創建的.因此開發者并不需要控制這個過程.但是對于理解TCP底層運作機制,相當有幫助. 因此在這里詳細解釋一下這兩個過程。 TCP/IP協議的詳細信息參看《TCP/IP協議詳解》三卷本。下面是TCP報…

最近一直在研究前后端分離，ajax 可以很好的解決前后端分離的問題，但是又存在著瀏覽器無法前進后退，這個問題比較尷尬。但是采用前端路由的方式可以很好的解決這個問題。這篇文章主要是介紹了前端路由的兩種實現手段，并用原生的 Js 對其分別進行了實現。

我們都知道對頁面進行緩存能夠有利于減少請求發送，從而達到對頁面的優化。不過在我前端工作的生涯中一直以為前端就是寫寫頁面，寫寫交互，就已經很了不起，這種沒有志向的想法發導致我日后的工作一直處于瓶頸。做人嘛總要有夢想嘛，不然跟一條咸魚有什么區別。最近我一直在關于前端優化的問題，原來…

什么是有效期，就是圖中的Expires屬性，一般瀏覽器的cookie都是默認儲存的，當關閉瀏覽器結束這個會話的時候，這個cookie也就會被刪除，這就是上圖中的——session(會話儲存)。 Max-Age，是以秒為單位的，Max-Age為正數時，cookie會在Max-Ag…

Promise 想必大家都十分熟悉，想想就那么幾個 api，可是你真的了解 Promise 嗎？本文根據 Promise 的一些知識點總結了十道題，看看你能做對幾道。 以下 promise 均指代 Promise 實例，環境是 Node.js。 解釋：Promise 構造函數是…

async / await 替代Promise的幾大理由

(這個js路由現在被放項目Navigo中。這里還有一篇你可能會感興趣的文章Deep dive into client-side routing) 現今到處都是流行的單頁面應用（SPA）。這樣的應用需要一個堅實的路由機制。像Emberjs這樣的框架確實是在建立在一個路由類上的。我…

為什么我們需要理解并且掌握閉包，且不說大道理，就問你要不要成為JavaScript高手？不要？那你要不要面試找工作嘛。。。 再者，對于任何一個前端er或者JavaScript開發者來說，理解閉包可以看做是另一種意義上的重生。閉包是純函數編程語言的一個特性，因為他大大簡化復雜的操…

本文檔整理了各種現代化 JavaScript 開發過程中經常使用到的腳本。
該份指南的目標並不是放在幫助初學者從零基礎到入門，而是為了幫助那些因為 Javascript 新式語法導致可能很難熟悉現代函數庫使用方式 (以 React 做為舉例) 的開發人員。

我為什么要選這篇文章呢？
sessionstack最近接連發了好幾篇文章, 深入探討JS, 以及 JS 中一些內部原理. 文中也講到了, 伴隨深入了解 JS 中的一些工作原理, 才有可能寫出更好的代碼和程序. 而 JS 中的內存管理, 我的感覺就像 JS 中的一門副科, 我們…

寫這篇文章之前，我對閉包的概念及原理模糊不清，一直以來都是以通俗的外層函數包裹內層....來欺騙自己。并沒有說這種說法的對與錯，我只是不想擁有從眾心理或者也可以說如果我們說出更好更低層的東西，逼格會提升好幾個檔次。。。
談起閉包，它可是JavaScript兩個核心技術之一(異步…

本文將以一個標準的 Vue 項目為例，完全拋棄傳統的前端項目開發部署方式，基于 Docker 容器技術打造一個精簡的前端持續集成的開發環境。 1. CI（持續集成）：阮一峰老師的關于 CI 的介紹 2. Docker： Docker 快速入門 1. 代碼無需在本地構建 2. 只…

Charles，作為mac開發的好基友，不知道大家是否對它的使用姿勢了如指掌。相信很多童鞋只是熟悉幾種簡單的功能，今天為大家解鎖幾種高級姿勢......希望能夠幫到大家。 Charles是個啥，相信大家都會知道，如果真有不知道的，請百度之... ... 還有很多場景就不一一介紹…

PS: 好久沒寫東西了，最近一直在準備寫一個自己的博客，最后一些技術方向已經敲定了，又可以開心的學習了，node系列后續再開始。 隨著JavaScript越來越流行，越來越多的團隊廣泛的把JavaScript應用到前端、后臺、hybrid 應用、嵌入式等等領域。 這篇文章旨在深…

當你熟悉了上一篇提到的內存空間之后。我們再來接著梳理我們的JS軸線。JS好比是易筋經，學透徹了這門功夫，在茫茫快速迭代的前端海洋就有了本源核心，剩下的就是踩坑撿秘籍，打怪娶蕭熏兒了。
內存空間是入門心法，教會我們怎么運用自身的丹田來存儲氣息，下一步就應該是學會怎么將氣息順著經脈…

同樣的，本文篇幅也比較長，先來一張思維導圖，帶大家過一遍。 不難看出，TCP/IP 與 OSI 在分層模塊上稍有區別。OSI 參考模型注重“通信協議必要的功能是什么”，而 TCP/IP 則更強調“在計算機上實現協議應該開發哪種程序”。 1. TCP/IP 的具體含義 從字面意義…

HTTP 全稱是 HyperText Transfer Protocal ，即：超文本傳輸協議，從 1990 年開始就在 WWW 上廣泛應用，是現今在 WWW 上應用最多的協議，HTTP 是應用層協議，當你上網瀏覽網頁的時候，瀏覽器和 web 服務器之間就會通過 HTTP 在 …

同步：一個進程在執行某個請求的時候，若該請求需要一段時間才能返回信息，那么這個進程將會一直等待下去，直到收到返回信息才繼續執行下去。 異步：進程不需要一直等下去，而是繼續執行下面的操作，不管其他進程的狀態。當有消息返回時系統會通知進程進行處理，這樣可以提高執行的效率。 進程：狹…

webpack前端工程中扮演的角色越來越重要，它也是前端工程化很重要的一環。本文將和大家一起按照項目流程學習使用wbepack，媽媽再也不用擔心我不會使用webpack，哪里不會看哪里。這是一個由淺入深的文章。 現在vue、react等腳手架都會自動將開發環境使用的webpac…

當我們在使用JavaScript時，有時需要用到setTimeout函數來強制代碼延遲運行。比如： 我很討厭這樣寫代碼，我希望它變得簡潔，所以我們可以把setTimeout函數抽象成裝飾器。 這里我們需要傳入一個數值作為參數（默認為0），所以我們需要使用裝飾器工廠模式。 接下來…

此書獻給廣大 PWA 愛好者 帶你領略 PWA 的強大與優雅
僅供大家學習使用 請勿用于任何商業用途
全書一共12章 目前已經翻譯了前6章 持續更新中 希望大家多多關注

對于web前端開發者，瀏覽器再熟悉不過了。我們可能都知道瀏覽器含有一個渲染引擎，瀏覽器會根據 HTML文件來進行解析與渲染，最終再將頁面呈現在用戶面前。但是其具體的渲染原理和流程估計也有很多同學不清楚。然而前端開發者很有必要了解瀏覽器的工作工作機制。

在 Node.js 中，廣泛采用不同形式的閉包來支持 Node 的異步和事件驅動編程模型。通過很好地理解閉包，您可以確保所開發應用程序的功能正確性、穩定性和可伸縮性。

第一種是最常用的手段，通常還會自定義一個按鈕，然后蓋在它上面，因為type="file"的input不好改變樣式。如下代碼寫一個選擇控件，并放在form里面： 可以看到文件的路徑是一個假的路徑，也就是說在瀏覽器無法獲取到文件的真實存放位置。同時FormData打印出來是一個空的…

前言 HTML5 中提供的文件API在前端中有著豐富的應用，上傳、下載、讀取內容等在日常的交互中很常見。而且在各個瀏覽器的兼容也比較好，包括移動端，除了 IE 只支持 IE10 以上的版本。想要更好地掌握好操作文件的功能，先要熟悉每個API。 FileList 對象和 file …

在軟件開發領域，簡潔的代碼 => 容易閱讀的代碼 => 容易維護的代碼，而 ES2017 中的 async/await 特性能讓我們編寫出相比回調地獄和 Promise 鏈式調用更直觀、更容易理解的代碼，await 關鍵字接收一個 Promise，等待代碼執行，直到 Promi…

關于event loop的詳細理解

在 Web 開發過程中，經常會遇到『路由』的概念。那么，到底什么是路由？簡單來說，路由就是 URL 到函數的映射。

最近在看js的異步模型演化, 發現了一篇很好的文章, 忍不住分享

然而能全部答上的很少，能夠給出一個回調 + 計數版本的，我都覺得合格了。那么接下來就一起來學習總結一下基于 Promise 來處理異步的三種方法。 最簡單的，就是將異步一個個來處理，轉為一個類似同步的方式來處理。 先來簡單的實現一個單個 Image 來加載的 thenable …

比較全面的闡述了前端路由的特點和實現方式，以及和后端路由的區別

Web 緩存大致可以分為：數據庫緩存、服務器端緩存（代理服務器緩存、CDN 緩存）、瀏覽器緩存。瀏覽器緩存也包含很多內容： HTTP 緩存、indexDB、cookie、localstorage 等等。這里我們只討論 HTTP 緩存相關內容。 在具體了解 HTTP 緩存之前先來…