摘要：忍者級別的函數操作對于什么是匿名函數，這里就不做過多介紹了。我們需要知道的是，對于而言，匿名函數是一個很重要且具有邏輯性的特性。通常，匿名函數的使用情況是創建一個供以后使用的函數。

遞歸, 遞歸基礎, 斐波那契數列, 使用遞歸方式深拷貝, 自定義事件添加

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

JavaScript深入系列第八篇，介紹理論上的閉包和實踐上的閉包，以及從作用域鏈的角度解析經典的閉包題。 定義 MDN 對閉包的定義為： 閉包是指那些能夠訪問自由變量的函數。 那什么是自由變量呢？ 自由變量是指在函數中使用的，但既不是函數參數也不是函數的局部變量的變量。 由此…

當然我們可以用一個通俗的說法：設計模式是解決某個特定場景下對某種問題的解決方案。因此，當我們遇到合適的場景時，我們可能會條件反射一樣自然而然想到符合這種場景的設計模式。 比如，當系統中某個接口的結構已經無法滿足我們現在的業務需求，但又不能改動這個接口，因為可能原來的系統很多功能…

GitHub 上經典文章《You Don"t Need jQuery》的翻譯版。在文章中，作者總結了大部分 jQuery API 替代的方法，提倡我們使用原生的 JavaScript . 前端 er，一起來看看。

寫在前面： 現在一直使用sass寫css，當初入門的時候，看的很多教程，當時看的云里霧里的，現在看來還是蠻詳細的，就是一點，不夠小白。本人文章類型一直比較偏小白的，想要更好的為不會用sass提供一點學習的資料，相信本文對想要學習sass的人，還是有極大的參考價值的。里面有些細節…

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

莫裝逼、白了少年頭，2333。。。

學習正則表達式，是需要懂點兒匹配原理的。而研究匹配原理時，有兩個字出現的頻率比較高：“回溯”。聽起來挺高大上，確實還有很多人對此不明不白的。因此，本文就簡單扼要地說清楚回溯到底是什么東西。

JavaScript 專題系列是我寫的第二個系列，第一個系列是 JavaScript 深入系列。 JavaScript 專題系列共計 20 篇，主要研究日常開發中一些功能點的實現，比如防抖、節流、去重、類型判斷、拷貝、最值、扁平、柯里、遞歸、亂序、排序等，特點是研(chao)究…

寫在前面： 本文都是我目前學到的一些比較零碎的知識點，也是相對偏一點的知識，這是第二篇。前后可能沒有太大的相關性，需要的朋友可以過來參考下，喜歡的可以點個贊，希望對大家有所幫助。本文的受眾是剛學前端，大手子可以跳過。 1.頁面加載完成之后，才開始執行函數。 $(function…

對于什么是匿名函數，這里就不做過多介紹了。我們需要知道的是，對于JavaScript而言，匿名函數是一個很重要且具有邏輯性的特性。通常，匿名函數的使用情況是：創建一個供以后使用的函數。 上面的一個代碼片段我就不做過多無用解釋了，比較常規。 遞歸，說白了，就是自己調用自己，或者調…

優先使用 ===，而不是 ==

2.Eval 就是糟糕的代名詞

不要懶手

使用 JS Lint

將腳本置于頁面的底部

在 For 語句之外聲明變量

構建字符串的最快方式

減少全局變量

注釋你的代碼

擁抱漸進增強

……

Michael Wanyoike：This really is a must read for any JavaScript-based developer.(翻譯字符轉碼，部分代碼示例請看原文)
原為地址：https://www.sitepoint.com/sho...

設計模式（Design pattern）是一套被反復使用、多數人知曉的、經過分類編目的、代碼設計經驗的總結。使用設計模式是為了可重用代碼、讓代碼更容易被他人理解、保證代碼可靠性。毫無疑問，設計模式于己于他人于系統都是多贏的；設計模式使代碼編寫真正工程化；設計模式是軟件工程的基石…

數組去重,這是一個老梗了...今天我又拿出來說了...

主要是針對前端同學，將一些常見的算法和數據結構用 JavaScript 去實現，起到一個拋磚引玉的作用

當執行 JS 代碼時，會生成執行環境，只要代碼不是寫在函數中的，就是在全局執行環境中，函數中的代碼會產生函數執行環境，只此兩種執行環境。 想必以上的輸出大家肯定都已經明白了，這是因為函數和變量提升的原因。通常提升的解釋是說將聲明的代碼移動到了頂部，這其實沒有什么錯誤，便于大家理…

什么是異步，異步的實現原理，event-loop，以及和事件綁定的關系。

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

前幾天，用es6的語法重寫了我的一個代碼庫，說是重寫，其實改動的并不多，工作量不大。在重寫完了的時候，就個人總結了一下es6常用的一些常用的語法和比es5優越的方面。下面提到的語法可能也就是es6新特性的10%-20%，但是開發上占了80%左右的。下面的文章，按照es6常用新特…

作為戰斗在業務一線的前端，要想少加班，就要想辦法提高工作效率。這里提一個小點，我們在業務開發過程中，經常會重復用到日期格式化、url參數轉對象、瀏覽器類型判斷、節流函數等一類函數，這些工具類函數，基本上在每個項目都會用到，為避免不同項目多次復制粘貼的麻煩，我們可以統一封裝，發布…

Js運行機制深層剖析 這篇文章對事件循環機制的敘述基本是清楚的，但是并沒有剝離出 Js 本身合宿主的部分。在此之前，我們對 Js 的討論多是（默認）基于瀏覽器，不剝離似乎也不會有什么影響，時至今日，倘若要將我們的 Js 能力擴展到后臺 Node、RN/Weex 端，剝離對待，將…

日常開發中，我們經常用到this。例如用Jquery綁定事件時，this指向觸發事件的DOM元素；編寫Vue、React組件時，this指向組件本身。對于新手來說，常會用一種意會的感覺去判斷this的指向。以至于當遇到復雜的函數調用時，就分不清this的真正指向。 本文將通過兩道…

從__proto__和prototype這兩個比較難分辨的屬性入手理解繼承和原型鏈。

能夠讀懂這篇博客的 JavaScript 開發者，運氣不會太差...

近幾年來，在移動端上因原生開發成本高和效率低而導致涌現出來的一大批優秀前端框架，以及專門針對移動端設備的前端開發框架（如 RN/Weex），大前端的概念被不斷地提及。在這樣的背景之下，前端技術也將逐漸成為移動端開發者的必備技能。筆者作為一名移動端開發者，在接觸了前端開發之后，發…

有個問題可能曾經、甚至現在仍舊讓一部分人十分困惑。
我們用 JS 執行一個及其的簡單的運算，如：0.1 + 0.2，會得到一個非常意想不到的結果：0.30000000000000004。

雖然結果相差無幾，但是作為技術人員，這絕對不可以忽略，理由如下：
萬一和 money 有關呢？
萬一你的代碼里有類似 if (0.1 + 0.2 == 0.15 + 0.15) 的邏輯呢？你猜猜結果如你預期么
或者，
萬一你就是個處女座呢？

可能大部分人都會在一些論壇上尋求幫助，并且得到有很多方法可以幫助其解決問題。
但是這里我會嘗試分析一下其中的根本原因以及解決辦法。

對于初學者來說，區別"nth-child"和"nth-of-type"是一個比較頭疼的問題，為了更好幫助大家區別兩者使用方法，特在此加以區分。

為了正在寫的這本書（譯者注：這本書是《忍者秘籍》），我最近做了許多關于JavaScript繼承的工作，并在此基礎上研究了幾種不同的JavaScript經典繼承模擬技術。在我所有看過的研究中，我最推崇的是base2和Prototype這兩個庫的實現。 我想要提取這些技術的精華，以…

1.Promise的立即執行性 var p = new Promise(function(resolve, reject){ console.log("create a promise"); resolve("success"); }); console.log("after n…

JavaScript 迷之 this 總結

本文來源于多年的 JavaScript 編碼技術經驗，適合所有正在使用 JavaScript 編程的開發人員閱讀。目的在于幫助大家更加熟練的運用 JavaScript 語言來進行開發工作。

進入測試階段 ~~~ （利用console.time 和 console.Endtime）看看執行時間.....

親愛的讀者朋友，如果你點開了這篇文章，說明你對正則很感興趣。 想必你也了解正則的重要性，在我看來正則表達式是衡量程序員水平的一個側面標準。 關于正則表達式的教程，網上也有很多，相信你也看了一些。 與之不同的是，本文的目的是希望所有認真讀完的童鞋們，都有實質性的提高。 本文內容共…

本文首發于CSDN網站，下面的版本又經過進一步的修訂。 關于 我的博客：louis blog SF專欄：路易斯前端深度課 原文鏈接：【深度長文】JavaScript數組全解密 全文共13k+字，系統講解了JavaScript數組的各種特性和API。 數組是一種非常重要的數據類型…

-- 作者 謝恩銘 轉載請注明出處 內容簡介 第一部分第一課：什么是 Web？ 第一部分第二課：Web，服務和云 第一部分第三課：Web 的誕生史 第一部分第一課：什么是 Web？ 什么是 Web 呢？ 這個問題不容易回答。 Web 這個英語單詞有好幾個意思：[蜘蛛網，網狀物； [機] 萬維…

關于 我的博客：louis blog SF專欄：路易斯前端深度課 原文鏈接：JavaScript字符串所有API全解密 本文近 6k 字，讀完需 10 分鐘。 字符串作為基本的信息交流的橋梁，幾乎被所有的編程語言所實現（然而c、c++沒有提供）。多數開發者幾乎每天都在和字符串打…

我面試過很多同學，其中能把原型繼承講明白的寥寥無幾，能把new操作符講明白的就更少了。希望這篇文章能夠解決你的疑惑，帶你面試飛起來。原文：詳解JS原型鏈與繼承 摘自JavaScript高級程序設計: 繼承是OO語言中的一個最為人津津樂道的概念.許多OO語言都支持兩種繼承方式: …

你真的知道JavaScript嗎 JavaScript是一門奇怪的語言，要真正掌握并不容易。廢話不多說，來一個快速測試，5道題目，看看你對JavaScript是否真正掌握。準備好了嗎？開始咯? 題目 No.1 if (!("a" in window)) { var a = 1…

關于前端跨域的整理

排序算法是面試及筆試中必考點，本文通過動畫方式演示，通過實例講解，最后給出JavaScript版的排序算法

一直以來，我都認為“數據結構”這個術語是令人困惑的。它到底是什么，是“作用于數據的結構”嗎？這同樣是一個模棱兩可的術語。

1W3 千余字，數組的所有方法都在這里了。

工作中總結了一點點兒關于 ES6 常用的小知識。歡迎大家來一起探討一起學習。

函數節流和函數防抖，兩者都是優化高頻率執行 js 代碼的一種手段。