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

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

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

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

每位工程師都應(yīng)該了解的CDN

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

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

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

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

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

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

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

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

async / await 替代Promise的幾大理由

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

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

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

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

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

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

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

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

當你熟悉了上一篇提到的內(nèi)存空間之后。我們再來接著梳理我們的JS軸線。JS好比是易筋經(jīng)，學(xué)透徹了這門功夫，在茫?？焖俚那岸撕Ｑ缶陀辛吮驹春诵?，剩下的就是踩坑撿秘籍，打怪娶蕭熏兒了。
內(nèi)存空間是入門心法，教會我們怎么運用自身的丹田來存儲氣息，下一步就應(yīng)該是學(xué)會怎么將氣息順著經(jīng)脈…

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

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

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

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

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

此書獻給廣大 PWA 愛好者 帶你領(lǐng)略 PWA 的強大與優(yōu)雅
僅供大家學(xué)習(xí)使用 請勿用于任何商業(yè)用途
全書一共12章 目前已經(jīng)翻譯了前6章 持續(xù)更新中 希望大家多多關(guān)注

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

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

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

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

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

關(guān)于event loop的詳細理解

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

最近在看js的異步模型演化, 發(fā)現(xiàn)了一篇很好的文章, 忍不住分享

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

比較全面的闡述了前端路由的特點和實現(xiàn)方式，以及和后端路由的區(qū)別

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