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

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

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

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

當(dāng)然我們可以用一個通俗的說法：設(shè)計模式是解決某個特定場景下對某種問題的解決方案。因此，當(dāng)我們遇到合適的場景時，我們可能會條件反射一樣自然而然想到符合這種場景的設(shè)計模式。 比如，當(dāng)系統(tǒng)中某個接口的結(jié)構(gòu)已經(jīng)無法滿足我們現(xiàn)在的業(yè)務(wù)需求，但又不能改動這個接口，因為可能原來的系統(tǒng)很多功能…

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

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

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

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

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

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

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

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

優(yōu)先使用 ===，而不是 ==

2.Eval 就是糟糕的代名詞

不要懶手

使用 JS Lint

將腳本置于頁面的底部

在 For 語句之外聲明變量

構(gòu)建字符串的最快方式

減少全局變量

注釋你的代碼

擁抱漸進增強

……

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

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

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

主要是針對前端同學(xué)，將一些常見的算法和數(shù)據(jù)結(jié)構(gòu)用 JavaScript 去實現(xiàn)，起到一個拋磚引玉的作用

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

什么是異步，異步的實現(xiàn)原理，event-loop，以及和事件綁定的關(guān)系。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

JavaScript 迷之 this 總結(jié)

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

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

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

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

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

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

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

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

關(guān)于前端跨域的整理

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

一直以來，我都認(rèn)為“數(shù)據(jù)結(jié)構(gòu)”這個術(shù)語是令人困惑的。它到底是什么，是“作用于數(shù)據(jù)的結(jié)構(gòu)”嗎？這同樣是一個模棱兩可的術(shù)語。

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

工作中總結(jié)了一點點兒關(guān)于 ES6 常用的小知識。歡迎大家來一起探討一起學(xué)習(xí)。

函數(shù)節(jié)流和函數(shù)防抖，兩者都是優(yōu)化高頻率執(zhí)行 js 代碼的一種手段。