JavasScript重難點知識

JS 中的遞歸

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

這一次，完全弄懂 JavaScript 執行機制

本文的目的就是要保證你完全弄懂javascript的執行機制，若是讀完本文還不懂，能夠揍我。 不論你是javascript新手仍是老鳥，不管是面試求職，仍是平常開發工做，咱們常常會遇到這樣的狀況：給定的幾行代碼，咱們須要知道其輸出內容和順序。由於javascript是一門單線程…

JavaScript深刻之閉包

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

JavaScript設計模式

固然咱們能夠用一個通俗的說法：設計模式是解決某個特定場景下對某種問題的解決方案。所以，當咱們遇到合適的場景時，咱們可能會條件反射同樣天然而然想到符合這種場景的設計模式。 好比，當系統中某個接口的結構已經沒法知足咱們如今的業務需求，但又不能改動這個接口，由於可能原來的系統不少功能…

【譯】You Don't Need jQuery

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

sass變量詳解——你不知道的sass。

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

30分鐘，讓你完全明白Promise原理

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

這些JavaScript編程黑科技，裝逼指南，高逼格代碼，讓你驚歎不已

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

JS 正則表達式火拼系列——正則表達式回溯法原理

學習正則表達式，是須要懂點兒匹配原理的。而研究匹配原理時，有兩個字出現的頻率比較高：「回溯」。聽起來挺高大上，確實還有不少人對此不明不白的。所以，本文就簡單扼要地說清楚回溯究竟是什麼東西。

JavaScript專題系列20篇正式完結！

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

關於js、jq零碎知識點

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

忍者級別的JavaScript函數操做

對於什麼是匿名函數，這裏就不作過多介紹了。咱們須要知道的是，對於JavaScript而言，匿名函數是一個很重要且具備邏輯性的特性。一般，匿名函數的使用狀況是：建立一個供之後使用的函數。 上面的一個代碼片斷我就不作過多無用解釋了，比較常規。 遞歸，說白了，就是本身調用本身，或者調…

JavaScript 初學者應知的 24 條最佳實踐（譯）

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

2.Eval 就是糟糕的代名詞

1. 不要懶手
2. 使用 JS Lint
3. 將腳本置於頁面的底部
4. 在 For 語句以外聲明變量
5. 構建字符串的最快方式
6. 減小全局變量
7. 註釋你的代碼
8. 擁抱漸進加強

……

19+ 個 JavaScript 快速編程技巧

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

JavaScript 常見設計模式解析

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

JS數組去重!!!一篇不怎麼靠譜的"深度"水文

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

JS中的算法與數據結構——排序（Sort）

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

帶你理解 JS 容易出錯的坑和細節

當執行 JS 代碼時，會生成執行環境，只要代碼不是寫在函數中的，就是在全局執行環境中，函數中的代碼會產生函數執行環境，只此兩種執行環境。 想必以上的輸出你們確定都已經明白了，這是由於函數和變量提高的緣由。一般提高的解釋是說將聲明的代碼移動到了頂部，這其實沒有什麼錯誤，便於你們理…

深刻理解 JavaScript 異步

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

Q：你瞭解異步編程、進程、單線程、多線程嗎？

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

實例感覺-es6的經常使用語法和優越性

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

打造本身的JavaScript武器庫

做爲戰鬥在業務一線的前端，要想少加班，就要想辦法提升工做效率。這裏提一個小點，咱們在業務開發過程當中，常常會重複用到日期格式化、url參數轉對象、瀏覽器類型判斷、節流函數等一類函數，這些工具類函數，基本上在每一個項目都會用到，爲避免不一樣項目屢次複製粘貼的麻煩，咱們能夠統一封裝，發佈…

Js 的多宿主時代

Js運行機制深層剖析 這篇文章對事件循環機制的敘述基本是清楚的，可是並無剝離出 Js 自己合宿主的部分。在此以前，咱們對 Js 的討論可能是（默認）基於瀏覽器，不剝離彷佛也不會有什麼影響，時至今日，假若要將咱們的 Js 能力擴展到後臺 Node、RN/Weex 端，剝離對待，將…

從這兩套題，從新認識JS的this、做用域、閉包、對象

平常開發中，咱們常常用到this。例如用Jquery綁定事件時，this指向觸發事件的DOM元素；編寫Vue、React組件時，this指向組件自己。對於新手來講，常會用一種意會的感受去判斷this的指向。以致於當遇到複雜的函數調用時，就分不清this的真正指向。 本文將經過兩道…

傻傻分不清的__proto__與prototype

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

10 個 JavaScript 難點

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

淺談前端和移動端的事件機制

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

兩分鐘解惑 JS 小數計算精度問題

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

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

可能大部分人都會在一些論壇上尋求幫助，而且獲得有不少方法能夠幫助其解決問題。
可是這裏我會嘗試分析一下其中的根本緣由以及解決辦法。

教你發現CSS3的"nth-child"和"nth-of-type"的區別！

對於初學者來講，區別"nth-child"和"nth-of-type"是一個比較頭疼的問題，爲了更好幫助你們區別二者使用方法，特在此加以區分。

簡單的JavaScript繼承(譯)

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

八段代碼完全掌握 Promise

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

JavaScript 迷之 this 總結

JavaScript 迷之 this 總結

JavaScript 開發人員須要知道的簡寫技巧

本文來源於多年的 JavaScript 編碼技術經驗，適合全部正在使用 JavaScript 編程的開發人員閱讀。目的在於幫助你們更加熟練的運用 JavaScript 語言來進行開發工做。

JavaScript的記憶函數真的能夠提高性能嗎？

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

JS正則表達式完整教程（略長）

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

【深度長文】JavaScript數組全部API全解密

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

Web 探索之旅 | 第一部分：什麼是 Web？

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

JavaScript字符串全部API全解密

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

JS原型鏈與繼承別再被問倒了

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

你真的知道JS嗎

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

關於前端跨域的整理

關於前端跨域的整理

前端面試必備 —— 基本排序算法

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

【譯】JavaScript數據結構（2）：棧與隊列

一直以來，我都認爲「數據結構」這個術語是使人困惑的。它究竟是什麼，是「做用於數據的結構」嗎？這一樣是一個模棱兩可的術語。

JavaScript 數組全部 API 全解密

1W3 千餘字，數組的全部方法都在這裏了。

工做中，ES6 可能掌握這些就足夠了

工做中總結了一點點兒關於 ES6 經常使用的小知識。歡迎你們來一塊兒探討一塊兒學習。

JavaScript 函數節流和函數防抖之間的區別

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