JavaScript系列（四） - 收藏集 - 掘金

時間 2019-11-10

原文原文鏈接

JavaScript 函數式編程 - 前端 - 掘金
引言面向對象編程一直以來都是JavaScript中的主導範式。JavaScript做爲一門多範式編程語言，然而，近幾年，函數式編程愈來愈多得受到開發者的青睞。函數式編程是一種強調減小對程序外部狀態產生改變的方式。所以，它鼓勵使...javascript

Ajax入門 - 掘金
前言總括：本文講解了ajax的歷史，工做原理以及優缺點，對XMLHttpRequest對象進行了詳細的講解，並使用原生js實現了一個ajax對象以方便平常開始使用。 damonare的ajax庫：damonare的ajax庫原文博客地址：你真的懂aja...html

JavaScript 經典的難點與重點 - 前端 - 掘金
LazyMan 實現LazyMan（什麼是LazyMan？請自行google） ...前端

MDN JavaScript 中文文檔翻譯項目 - 前端 - 掘金
JavaScript 文檔翻譯狀態翻譯狀態概覽文檔總頁數 ...vue

JavaScript 知識點整理 - 前端 - 掘金
JavaScript是按照ECMAScript標準設計和實現的，後文說的JavaScript語法實際上是ES5的標準的實現。先說說有哪些基礎語法？最基礎語法有哪些？基礎語法幾乎全部的語言差別不大，無非數據類型、操做符、控制語句、函數等，簡單列舉下。 5種基本...java

JavaScript 進階 -- 拉勾網鼠標移入移出效果 - 前端 - 掘金
JavaScript進階 1024絲絕不減小我敲寫代碼的激情，由於我聞到了代碼的味道。先上效果圖（gif本身錄製的，有點難看抱歉，工具licecap） image 其實也是個偶然的機會，讓我想去研究一下這個效果。主要是因爲有個羣裏的人發了個講...node

用 ES6 生成器解決 node 回調地獄 - 前端 - 掘金
原文A Study on Solving Callbacks with JavaScript Generators 當我開始寫nodejs的時候，很是討厭兩件事情：1.全部流行的模板引擎，2.回調的擴散(回調地獄)。我願意忍受回調，由於我理解基於事件的服務端是...react

JavaScript 面試: 什麼是函數式編程？| Eric Elliott - 前端 - 掘金
函數式編程在 JavaScript 界已經成爲了一個很是熱門的話題。而僅在幾年以前，還幾乎沒有 JavaScript 程序員瞭解函數式編程是什麼，但在最近三年裏，我看到很是多的應用程序代碼庫裏大量使用着函數式編程思想。函數式編程（一般簡稱爲 FP）是指經過...webpack

JS 瀑布流 - 前端 - 掘金c++

前言在咱們瀏覽各大網站，網頁，手機APP的時候，可能會遇到不少圖片大小不一，看起來雜亂無章，其實，它們是狠有順序的，排列在一塊兒。這就應用到了網站中一種很流行的頁面佈局---瀑布流，又稱瀑布流佈局。 ...git

一道很有難度的 JavaScript 題 - 前端 - 掘金
上次分享了一道題，你們反響不錯，很開心本身寫的東西有人願意花時間去看，也給了本身莫大的鼓舞，其實作題雖然不比真正的編程，可是也可以讓你發現一些你以前沒有注意到的語言層面的問題。因此，此次再分享一道稍微有難度的JavaScript題目。 function Foo...

http狀態碼是什麼，有什麼用，在哪裏查看，分別表明什麼意思？ - 掘金
寫在前面：當瀏覽者訪問一個網頁時，瀏覽者的瀏覽器會向網頁所在服務器發出請求。當瀏覽器接收並顯示網頁前，此網頁所在的服務器會返回一個包含HTTP狀態碼的信息頭用以響應瀏覽器的請求。本文主要是：關於http狀態碼是什麼，有什麼用，在哪裏查看狀態碼分別表明什麼意思...

JavaScript 設計模式 ② 巧用'工廠模式'和'建立者'模式 - 掘金
我爲何把他們兩個放在一塊兒講？我以爲這兩個設計模式有類似之處，有時候會一個設計模式不能知足你的需求而採用另外一種設計模式。基於這點考慮，並且爲了你們更好地理解，我放到了一塊兒，加深你們的印象，活學活用。 [這裏我爲了能更好的體現下設計模式與JS本體語言的結合，我用...

讀 Zepto 源碼以內部方法 - 掘金
數組方法定義 var emptyArray = [] concat = emptyArray.concat filter = emptyArray.filter slice = emptyArray.slicezepto 一開始就定義...

JavaScript深刻之執行上下文 - 掘金
JavaScript深刻系列第七篇，結合以前所講的四篇文章，以權威指南的demo爲例，具體講解當函數執行的時候，執行上下文棧、變量對象、做用域鏈是如何變化的。前言在《JavaScript深刻之執行上下文棧》中講到，當JavaScript代碼執行一段可執行...

破解前端面試（80% 應聘者不及格系列）：從閉包提及 - 掘金
修訂說明：發佈《80% 應聘者都不及格的 JS 面試題》以後，全網閱讀量超過 6W，在知乎、掘金、cnodejs 都引起了不少討論，還被多個前端微信公號和技術媒體轉載。醞釀許久以後，筆者準備接下來撰寫前端面試題系列文章，內容涵蓋 DOM、HTTP、瀏覽器、框架...

JavaScript 中函數節流和函數去抖的講解 - 掘金
咱們都知道頻繁觸發執行一段js邏輯代碼對性能會有很大的影響，尤爲是在作一些效果實現方面，或者邏輯中須要進行後端請求，更是會致使卡頓，效果失效等結果，因此在處理相似的狀況時，能夠考慮使用函數節流和函數去抖來解決，至於具體使用哪種方式，根據實際狀況分析定奪,先來...

百度前端學院任務動態數據綁定(五) - 掘金
以爲這個系列任務仍是頗有趣的，這是一種性能不好的實現，也許以後會嘗試使用虛擬dom、改善其中的遍歷。任務信息首先分析一下要幹嗎：能夠看出Vue是個構造函數；由於傳入的對象可能有不少層對象，因此須要一個遍歷傳入對象的方法；雙向綁定打算經過訪問器屬性實現、需...

高階函數（軟件編寫）（第四部分） - 掘金
原文地址：Higher Order Functions (Composing Software)(part 4) 原文做者：Eric Elliott 譯文出自：掘金翻譯計劃譯者：reid3290 校對者：Aladdin-ADD、avocadowang ...

關於 js 中的回調函數 callback - 掘金
本文寫於1年前曾經的學習文章現在拿出來分享前言其實我一直很困惑關於js中的callback,困惑的緣由是，學習中這塊看的資料少，可是平時又常常見，偶爾複製一下前人代碼，功能實現了也就再也不去追其起因，這麼着，這個callback的概念就愈來愈混亂，由於你總...

JS中的This別再被問倒了，面試常見問題分析 - 掘金
GitHub地址：https://github.com/SimonZhang... this的指向問題應該是讓每個前端er都頭疼的問題，我也同樣，曾經遇到甚至都是一頓亂猜。最近在研讀一些書籍如《你不知道的JavaScri...

es5 編寫類風格的代碼 - 掘金
分享下《JavaScript忍者祕籍》中的一種編寫類風格代碼的方法 JavaScript可讓咱們經過原型實現繼承，許多開發人員，尤爲是那些有傳統面向對象背景的開發人員，都但願將JavaScript的繼承系統簡化並抽象成一個他們更熟悉的系統。因此，這不可避免地...

mock.js那點事(上) - 掘金
耐心看完，我保證十五分鐘就能學會mock.js 什麼是Mock.js Mock.js是一個模擬數據生成器，幫助前端開發和原型與後端進度分離，減小一些單調，特別是在編寫自動化測試時。 Mock.js能作什麼提供瞭如下模擬功能：根據數據模板生成模擬數據...

我認真起來連面試官都怕（塊級做用域，事件代理） - 掘金
做者混元霹靂手-Ziksang 若是你學完這篇文章以後，你回答完面試官以後，拿一張圖告訴面試官在於前端面試，你給面試官講一些官方名詞，我知道react,vue,angular等等，一系列牛B的框架，對於面試來講並無卵用，聽多了！！有些有是報着真誠的找...

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

誰說 JavaScript 很簡單了？ - 掘金
本文做者：Aurélien Hervé 編譯：鬍子大哈翻譯原文：http://huziketang.com/blog/po... 英文鏈接：Who said javascrip...

面試時，你被問到過 TCP/IP 協議嗎? - 掘金
前言: 精通 TCP/IP，熟練使用 Socket 進行網路編程。看到這句話，有沒有感到很熟悉呀？相信不少人在投遞簡歷的時候都看到過這條要求，不少人會以爲咱們在實際開發中通常用不到這些知識，因此對這些東西不屑一顧. 可是筆者認爲想要作出更好的 APP,那...

正則表達式前端使用手冊 - 前端 - 掘金
導讀你有沒有在搜索文本的時候絞盡腦汁, 試了一個又一個表達式, 仍是不行. 你有沒有在表單驗證的時候, 只是作作樣子(只要不爲空就好), 而後燒香拜佛, 虔誠祈禱, 千萬不要出錯. 你有沒有在使用sed 和 grep 命令的時候, 感...

JavaScript 核心概念之做用域和閉包 - 前端 - 掘金
相信你們已經閱讀了不少關於做用域和閉包文章，我也同樣。做用域和閉包是 JavaScript 中的關鍵概念之一。當我閱讀了《高性能的JavaScript》這本書後，我才徹底理解這兩個概念。因此今天強烈推薦這本書中的解釋，並與其餘開發人員分享。做用域下面會提到...

中國行政區劃 JSON 數據（從國家統計局抓取）：【省份、城市、區縣、鄉鎮】四級聯動 - 前端 - 掘金
本項目 Github 主頁數據來源（國家統計局）：中華人民共和國國家統計局-行政區劃代碼中華人民共和國國家統計局-統計用區劃和城鄉劃分代碼本...

JS 中的 call、apply、bind 方法 - 前端 - 掘金
在JavaScript中，call、apply和bind 是Function對象自帶的三個方法，這三個方法的主要做用是改變函數中的this指向。call、apply、bind方法的共同點和區別： apply 、 call 、bind 三者都是用來改變函數的th...

漫漫前端路 - 掘金
本人一枚菜鳥，在這裏不會跟你嘮叨一大篇大道理，只會根據本身的經驗談談前端這條路適合哪些人走？該怎麼走？前端，是最近幾年很火的職業，致使如今是羣魔亂舞，這裏並無貶低任何人的意思，只是由於目前各行各業的人都轉行前端，致使前端行業很亂，人員技術良莠不齊。究竟是...

JavaScript 函數中的外部變量——理解 this - 前端 - 掘金
js 中的 this 指向確實是個坑，網上有人轟轟烈烈地討論它，討論 js 閉包，其實並無那麼玄學，讓咱們一點點剝開它的面紗。不少知識性內容來自 [邱桐城《JavaScript 中的 this》](https://zhuanlan.zhihu.com/p...

this 的值究竟是什麼 - 前端 - 掘金
var obj = { foo: function(){ console.log(this) } } var bar = obj.foo obj.foo() // Object bar() // Window 請解釋最後兩行函數的值爲何不一...

(譯) JavaScript 中的定時器是如何工做的？ - 前端 - 掘金
若有問題，歡迎指正原文連接：http://ejohn.org/blog/how-jav... 在一個基礎階段，理解JavaScript定時器的工做原理的是很是重要的。一般它們看起來不那麼直觀，由於它們處於單線程中。讓咱們從...

Javascript 深刻淺出 this - 前端 - 掘金
What ’s this？要學同樣東西，首先得了解它的含義，this 關鍵字的含義是明確且具體的，即指代當前對象；細心的童鞋發現了當前對象中"當前" 這兩個字；說明這個 this 是在某種相對狀況下才成立的。因爲其運行期綁定的特性，JavaScrip...

移動導航設計，看這一篇就夠了 - 產品 - 掘金
日常咱們去商場或者景點逛的時候，一般會看到整個景區或者整個商場的導遊圖，能讓咱們知道身處何地而且快速的找到目的地。投射到一個虛擬的產品上面，一樣是一個「商場」或「景點」，爲了讓用戶可以順利的在產品中暢行，則必須爲用戶提供一個有效的導航系統，讓用戶時刻清楚本身在...

this 的值究竟是什麼？一次說清楚 - 掘金
原載於前端開發指南，喜歡請關注。你可能遇到過這樣的 JS 面試題： var obj = { foo: function(){ console.log(this) } } var bar = obj.foo obj.foo() // 打印出的...

JavaScript 填坑史 - 掘金
前言總括：這是筆者平時積累的一些以爲比較有意思或是比較有難度的JavaScript題目理解和心得，會保持長期更新。原文地址：Javascript填坑史知乎專欄&&簡書專題：前端進擊者（知乎）&&前端進擊者（簡書） ...

Ajax 與數據傳輸 - 前端 - 掘金
背景在沒有ajax以前，前端與後臺傳數據都是靠表單傳輸，使用表單的方法傳輸數據有一個比較大的問題就是每次提交數據都會刷新頁面，用戶體驗很不友好，解決方案有的是採用iframe，表單放在iframe中，不用刷新母頁面，有的是在j...

破解前端面試（80% 應聘者不及格系列）：從 DOM 提及 - 掘金
共 7384 字，讀完需 10 分鐘。本文爲《破解前端面試（80% 應聘者不及格系列）》文章的第二篇，包含 DOM、Event、瀏覽器端優化、數據結構和算法功底的考察。可能有同窗會問 DOM 有什麼好聊的，不就是節點的各類操做麼？DOM 是網頁構建的基石，熟練...

實例 - Vue 單頁應用：記事本 - 掘金
0.前言若文章中存在內容沒法加載的狀況，請移步做者其餘博客。簡書 CSDN 最近在看 Vue 的時候，別人給我安利了一個國外的小案例，經過 Vue 和 Vuex 來實現一個記事本。仔細剖析下，發現「麻雀雖小，五臟俱全」，是一個挺適合初學者學習分...

初學 Canvas 仿知乎登陸頁面動畫 - 前端 - 掘金
寫了一個demo 具體git地址 https://github.com/sunweiling... 由於作成動圖之後壓縮的問題會看不到線，因此就把顏色都改爲不透明的了 demo裏面仍是跟知乎裏的同樣。主要的知識點 ...

javascript 正則表達式總結 - 前端 - 掘金
爲何要使用正則表達式正則表達式經過由普通字符和特殊字符組成的文字模板完成對字符串的校驗，搜索，替換。在javascript中相似這樣 ...

深刻理解 JavaScript 原型和閉包 - 前端 - 掘金
說明：該教程繞開了javascript的一些基本的語法知識，直接講解javascript中最難理解的兩個部分，也是和其餘主流面嚮對象語言區別最大的兩個部分——原型和閉包，固然，確定少不了原型鏈和做用域鏈。幫你揭開javascript最神祕的面紗。爲...

Vue.js 寫一個音樂播放器 - 前端 - 掘金
在線預覽在線預覽地址1: ?http://microzz.cn/vue-music/在線預覽地址2: ?https://microzz.github.io/vue... 源代碼 GitHub...

Ajax 知識體系大梳理 - 掘金
這是一篇萬字長文, 系統梳理了ajax相關的知識體系, 幾乎囊括了全部ajax的知識點. 原文: http://louiszhai.github.io/20... 導讀 Ajax 全稱 Asynchronous JavaScript an...

《JavaScript 闖關記》之變量和數據類型 - 掘金
當程序須要將值保存起來以備未來使用時，便將其賦值給一個變量，值的類型稱做數據類型。變量 JavaScript 的變量是鬆散類型的，所謂鬆散類型就是能夠用來保存任何類型的數據。換句話說，每一個變量僅僅是一個用於保存值的佔位符而已。定義變量時要使用關鍵字 var ...

一款簡潔美觀的知乎日報 (web 端) - 前端 - 掘金
輕鬆查看知乎日報內容, 收藏你喜歡的文章效果圖首頁查看文章主題日報收藏文章熱門文章首頁切換日期 ...

JavaScript 的 this 指向問題深度解析 - 前端 - 掘金
JavaScript 中的 this 指向問題有不少博客在解釋，仍然有不少人問。上週咱們的開發團隊連續兩我的遇到相關問題，因此我不得不將關於前端構建技術的交流會延長了半個時候討論 this 的問題。 ...

全面解析 Javascript - this - 前端 - 掘金
爲何要寫這篇文章？我以前在阿里面試，以及其它公司面試的時候曾經被問到過這個問題，因此想要分享給你們，若是你能清楚地知道下面 this 七種狀況的區別，能跟面試官解釋清楚，無疑是一個大大的加分項，理解完這篇文章，面試官再怎麼問你 this 都不怕了。...

用 VUEJS 作一個網易雲音樂 - 前端 - 掘金
前言：本身學習VUEJS也一段時間，但一直沒有作出來一東西。我本身一直喜歡用網易雲音樂app，因而乎就作了這個app。技術棧 ...

談一談 JavaScript 繼承 - 前端 - 掘金
最近在複習一些JavaScript基礎的東西，碰到js的原型和繼承這一塊老是感受不悟其中精髓。所以，這篇文章算是從我本身理解的角度對js繼承進行總結和剖析。什麼是繼承大多數人使用繼承不外乎是爲了得到...

webpack 簡單入門 - 前端 - 掘金
今天來簡單地介紹一下webpack的使用！一、什麼是webpack？ webpack是時下比較流行的模塊加載器兼打包工具，它能把各類資源，例如JavaScript代碼、樣式（含less/sass）、圖片等做爲模塊來進行分析、壓縮、合併、打包。二、爲什...

http 緩存深刻研究，200 from cache or 304 not modified？ - 前端 - 掘金
前幾天看到一篇關於緩存的文章完全弄懂 Http 緩存機制 - 基於緩存策略三要素分解法，以爲頗有意思，因此打算系統學習下Http緩存相關的知識。我把緩存分爲緩存存儲、緩存對比兩部分。 ...

javascript 操做符知識點整理 - 前端 - 掘金
前言初學者會以爲操做符的知識很簡單，可是隨着學習的深刻會發現不少語句均可以用操做符來簡化，因此深刻理解操做符能夠幫助你寫出高性能的代碼。這篇文章主要記錄不一樣操做符所遵循的規則。javascript的操做符有一元操做符、位操做符、布爾操做符、乘性操做符、加性操...

原生 JavaScript 實現 AJAX、JSONP - 前端 - 掘金
相信大多數前端開發者在須要與後端進行數據交互時，爲了方便快捷，都會選擇JQuery中封裝的AJAX方法，可是有些時候，咱們只須要JQuery的AJAX請求方法，而其餘的功能用到的不多，這顯然是不必的。其實，原生JavaScript實現AJAX並不難，這篇...

前端跨域問題及解決方案 - 前端 - 掘金
一、同源策略同源策略限制從一個源加載的文檔或腳本如何與來自另外一個源的資源進行交互。一個源的定義：若是協議，端口（若是指定了一個）和主機對於兩個頁面是相同的，則兩個頁面具備相同的源。 ...

征服 JavaScript 面試：什麼是閉包 - 前端 - 掘金
「征服 JavaScript 面試」是我寫的一系列文章，來幫助面試者準備他們在面試 JavaScript 中、高級職位中將可能會遇到的一些問題。這些問題我本身在面試中也常常會問。在我面試時問出的一系列問題裏，閉包一般是我問的第一個或最後一個問題。坦白地說，...

完全理解 JS 中 this 的指向 - 前端 - 掘金
首先必需要說的是，this的指向在函數定義的時候是肯定不了的，只有函數執行的時候才能肯定this到底指向誰，實際上this的最終指向的是那個調用它的對象（這句話有些問題，後面會解釋爲何會有問題，雖然網上大部分的文章都是這樣說的，雖然在不少狀況下那樣去理解不會...

JavaScript 學習思惟導圖 - 前端 - 掘金
經過幾張思惟導圖，能夠了解到整個JavaScript家族的全貌，而後更有利於JavaScript全局學習 JavaScript 數據類型 JavaScript 變量 Javascript 運算符 JavaScript 流程控制 JavaScript ...

不按期更新 JavaScript 技巧 - 前端 - 掘金
JavaScript技巧，偶爾更新。計算數組的極值 function smallest(array){ return Math.min.apply...

用原生 js 寫一個 "多動症" 的簡歷 - 前端 - 掘金
用原生js寫一個"多動症"的簡歷預覽地址源碼地址最近...

走心大白話 JavaScript 教程（二）巧妙理解 call 和 apply - 掘金
JS大法好，JS在手，天下我有，信JS，得永生。這個系列的教程我一開始是寫在github上的，可是以爲放到掘金來可讓更多須要的人看到，就搬到掘金專欄上啦，若是以爲本教程對你有幫助，請點這裏去github上給我一顆Star~教程目錄也在github上哈~ 本...

走心的一系列 JS 基礎 > 進階的大白話教程 - 前端 - 掘金
JS大法好，JS在手，天下我有，信JS，得永生。想必每個前端攻城獅都知道，區分能力的最重要的指標就是對JavaScript的掌握程度，在熱門框架滿天飛，自動化愈來愈被推崇的今天，好多開發者都失其本...

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

30 分鐘搞定 ES6 經常使用基礎知識 - 前端 - 掘金
ES6基礎智商劃重點在實際開發中，ES6已經很是普及了。掌握ES6的知識變成了一種必須。儘管咱們在使用時仍然須要通過babel編譯。 ES6完全改變了前端的編碼風格，能夠說對於前端的影...

工做中常常用到 github 上優秀、實用、輕量級、無依賴的插件和庫 - 前端 - 掘金
原文收錄在個人 GitHub博客 (https://github.com/jawil/blog) ，喜歡的能夠關注最新動態，你們一塊兒多交流學習，共同進步，以學習者的身份寫博客，記錄點滴。按照格式推薦好用的插件有福利哦，說不定會送1024論壇邀請碼，好自爲之，...

一個只有 99 行代碼的 JS 流程框架 - 前端 - 掘金
做者 | 張鎮圳編輯 | 京露張鎮圳，騰訊Web前端高級工程師，對內部系統前端建設有多年經驗，喜歡鑽研搗鼓各類前端組件和框架。最近一直在想一個問題，如何能讓js代碼寫起來更語義化和更具備可讀性。上週末的時候突發奇想，當代碼在運行的時候，其實跟咱們作事...

JavaScript 的原型和原型鏈的前世此生 (一) - 前端 - 掘金
你們不要被這個感受高大上的名字給嚇着，我沒有打算把原型的歷史給說一遍，本文只是想幫助你們理解爲何要有原型和原型鏈這個獨一無二的語言特性，別的語言(或者說是我學過的編程語言中)沒有見過這一個概念的，這也是我從C語言轉來學習JavaScript的時候最爲困惑不解...

Node入門 » 一本全面的Node.js教程 - 後端 - 掘金
關於本書致力於教會你如何用Node.js來開發應用，過程當中會傳授你全部所需的「高級」JavaScript知識。本書毫不是一本「Hello World」的教程。 ...

(譯) Webpack 入門指南 - 前端 - 掘金
原文 Webpack是目前最火的前端自動化工具，它是一個module bundler並和大部分現代前端相關模塊完美結合，包括Babel,ReactJS等等。本文重新手的角度一步一步用webpack配置一個react項目。安裝首先要知道： Webpa...

(譯) 懶加載圖片？不要依賴 JavaScript ！ - 前端 - 掘金
原文連接 : Lazy Loading Images? Don’t Rely On JavaScript! 譯文出自 : 掘金翻譯計劃譯者 : jk77 校對者: mypchas6fans, hpoenixf 如今許多網頁都包含加...

實現圖片懶加載(Lazyload) - 掘金
本文標題:實現圖片懶加載(lazyload)文章做者:Jake發佈時間:2016-11-26, 18:46:34最後更新:2016-11-28, 17:12:59原始連接:http://i.jakeyu.top/2016/11/26/實現圖片懶加載/許可協議:...

5分鐘擼一個js圖片懶加載（可視區域加載） - 前端 - 掘金
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>圖片懶加載(可視區域加載)</title&...

你應該知道的 4 種 JavaScript 設計模式 - 前端 - 掘金
每位開發者都努力寫出可維護的、易讀的、可複用的代碼。隨着應用變得愈來愈大，代碼的結構也愈來愈重要。設計模式驗證瞭解決這個挑戰的重點——在特定環境中，對同類事物提供相同的組織結構。 JavaScri...

JS 進階篇: 這多是關於閉包最好的一篇文章 - 前端 - 掘金
原諒我把標題起的像搞個大新聞的樣子~ 每次下午打完球以後，晚上的學習老是提不起什麼精神，趁着看不下新知識的空，把前兩天總結的知識發出來給你們參考參考，挺可能是摘抄的，也有一些是本身寫的，若是有什麼錯誤的，敬請指正！ ...

廖雪峯JS學習總結-函數篇 - 掘金
最近在刷廖雪峯的JS教程，把裏面的本身不太清楚的東西在刷一遍。教程網址：http://www.liaoxuefeng.com/wi... 函數的定義和調用： ...

JavaScript 經常使用 API 集合 - 前端 - 掘金
1、節點 1.1 節點屬性 Node.nodeName //返回節點名稱，只讀 Node.nodeType //返回節點類型的常數值，只讀 Node.nodeValue //返回Text或Comment節點的文本值，只讀 Node.textConte...

前端常見算法的 JS 實現 - 前端 - 掘金
原文連接排序算法一、冒泡排序 function bubbleSort(arr){ var i = j = 0; for(i=1; i<arr.length; i+...

Typescript 2+迷你書：從入門到不放棄 - 掘金
前言文中會穿插部分ES6&7的代碼(此處不在解釋什麼做用域什麼的,做用什麼的)，能言簡意賅的毫不廢話哈; 文中的ts或者ts2皆指typescript; 這不是一個合格的手冊,要想深刻和更全應該看官方的手冊文檔加以練習和嘗試 Typescrip...

這裏有超過20家的前端面試題，你肯定不點進來看看？ - 掘金

0.備註若文章中部份內容沒法顯示，請移步李鵬的其餘博客。簡書 CSDN ## 1. 前言這裏有超過20家的前端面試題，你肯定不點進來看看？好吧，若是你看到這句話，你明顯是點進來了。那麼恭喜你，接下來我就和大家分享一下，近期我收集到的各個公司...

詳解 Javascript十大經常使用設計模式 - 前端 - 掘金
一：理解工廠模式工廠模式相似於現實生活中的工廠能夠產生大量類似的商品，去作一樣的事情，實現一樣的效果;這時候須要使用工廠模式。簡單的工廠模式能夠理解爲解決多個類似的問題;這也是她的優勢;好比以下代碼：&...

寫好你的JavaScript - 掘金
關於微信公衆號：前端呼啦圈（Love-FED）個人博客：勞卜的博客知乎專欄：前端呼啦圈前言在實際工做中，咱們應該常常會看到一些功能上沒有問題，但編碼風格和規範卻十分糟糕的代碼，這每每會讓人不敢再往下閱讀，甚至會影響閱讀者一天的心情。這些代碼不只不...

是時候替換你的 for 循環大法了~ - 前端 - 掘金
《小分享》JavaScript中數組的那些迭代方法~...

javascript 基礎總結（一）——綜合 - 前端 - 掘金
一、查找做用域當前函數在哪一個做用域下定義的，那麼他的上級做用域就是誰，和函數在哪執行沒有任何關係 //做用域實例 var num = 12; function fn(){ var num = 1...

JavaScript巧學巧用 - 掘金
關於微信公衆號：前端呼啦圈（Love-FED）個人博客：勞卜的博客知乎專欄：前端呼啦圈前言因爲工做和生活上的一些變化，最近寫文章的頻率有點降低了，實在很差意思，不過相信不久就會慢慢恢復過來，感謝你們一直以來的關注和支持。本文主要給你們分享一下在...

this 與 JavaScript 中的四種調用模式 - 前端 - 掘金
this 與 JavaScript 中的四種調用模式...

javascript 基礎總結（二）——異步編程狀況 - 前端 - 掘金
異步：規定要作一件事，不是立馬執行這件事，須要等必定的時間，這樣的話，咱們不會等着它執行，而是繼續執行下面的操做，只有將下面的事情處理完了，纔會返回頭處理以前的事情；若是下面的事情並無處理完成，無論以前的事情有沒有到時間，都踏踏實實的給我等着； ...

javascript 基礎總結（三）——盒子模型 - 前端 - 掘金
一、js中的盒子模型經過js中提供一系列的方法和屬性獲取頁面中元素的樣式信息值；二、...

JavaScript 設計模式 ① 正確使用面向對象編程的姿式 - 掘金
javascript是一門弱語言，他有着分同通常的靈活性使它迅速的成爲幾乎人人必會的一門語言，but，大家使用的姿式真的正確嗎？在之前的開發過程中，老闆：給我加個驗證用戶郵箱、驗證用戶短信...功能！ function checkMessage(){......

走心大白話JavaScript教程（一）理解JS中this指向的小技巧 - 掘金
JS大法好，JS在手，天下我有，信JS，得永生。這個系列的教程我一開始是寫在github上的，可是以爲放到掘金來可讓更多須要的人看到，就搬到掘金專欄上啦，若是以爲本教程對你有幫助，請點這裏去github上給我一顆Star~教程目錄也在github上哈~ 本...

JS 紅寶書 · 讀書筆記 -- 下篇 - 前端 - 掘金
我的博客：https://yeaseonzhang.github.io 花了半個多月的時間，終於又把「JS紅寶書」又擼了一遍。第一次讀「JS紅寶書」仍是2015年初學JS的時候，那時候只是把語法部分讀了一遍，還有一些瀏覽器相關知識作了下了解，大概也就讀了半...

JavaScript 迷之 this 總結 - 前端 - 掘金
JavaScript的this迷之指向是否是弄暈了你，我是被轉的暈頭轉向，因此來總結一下this的指向問題。 this的指向整體能夠分爲四種狀況：直接調用做爲對象方法調用構造函數調用 ...

精讀先後端渲染之爭 - 前端 - 掘金

引言我爲何要選這篇文章呢？十年前，幾乎全部網站都使用 ASP、Java、PHP 這類作後端渲染，但後來隨着 jQuery、Angular、React、Vue 等 JS 框架的崛起，開始轉向了前端渲染。從 2014 年起又開始流行了同構渲染，號稱是將來，...

JavaScript 最全數組方法總結 (上） - 前端 - 掘金
JavaScript中提供了多種數組方法，以下：轉換方法—toLocaleString()方法、toString()方法、valueOf()方法棧方法——push()方法、pop()方法隊列方法——shift()方法、unsh...

前端常見算法的 JS 實現 - 前端 - 掘金
原文連接排序算法一、冒泡排序 function bubbleSort(arr){ var i = j = 0; for(i=1; i<arr.length; i+...

《你不知道的JavaScript》讀書筆記（一） - 掘金
一、編譯原理分詞/詞法分析（ Tokenizing/Lexing）這個過程會將由字符組成的字符串分解成（對編程語言來講）有意義的代碼塊，這些代碼塊被稱爲詞法單元（ token）。例如，考慮程序 var a = 2;。這段程序一般會被分解成爲下...

JS 中常見排序算法詳解 - 前端 - 掘金
本文將詳細介紹在JavaScript中算法的用法，配合動圖生動形象的讓你以最快的方法學習算法的原理以及在需求場景中的用途。有句話怎麼說來着：雷鋒推倒雷峯塔，Java implement...

JavaScript 原型鏈 - 前端 - 掘金
結論細探原型鏈解釋原型鏈工做原理 ...

JavaScript 設計模式 - 前端 - 掘金
目錄前言單體模式工廠模式迭代器模式裝飾者模式策略模式外觀模式代理模式中介者模式觀察者模式前言本文參考於《javascript模式》，所以會大...

JavaScript 經典的難點與重點 - 前端 - 掘金
LazyMan 實現LazyMan（什麼是LazyMan？請自行google） ...

【英】JS 之道 - 前端 - 掘金
這個指南旨在幫助你們瞭解 JavaScript 的最佳實踐。GitHub 上有 6000 多 Star....

從今天起好好認識 JavaScript 面向對象 - 前端 - 掘金
很開心，最近收穫了不少知識，並且發現不少東西，之前理解的都是錯的或者是膚淺的，還覺得本身真的就get到了精髓，也很抱歉會影響一些人往錯誤的道路上走，不過這也告訴了咱們，看任何一篇文章都不能盲目的去相信，要實踐驗證再驗證。今天就從新整理一下，我對面向對象的理解，...

JavaScript 深刻之類數組對象與 arguments - 掘金
JavaScript深刻系列第十三篇，講解類數組對象與對象之間的類似與差別以及arguments的注意要點類數組對象所謂的類數組對象: 擁有一個 length 屬性和若干索引屬性的對象舉個例子： var array = ['name', 'age'...

JS 風格指南 - 掘金
JavaScript風格指南目錄介紹變量函數對象和數據結構類測試併發錯誤處理格式化註釋介紹做者根據Robert C. Martin《代碼整潔之道》總結了適用於JavaScript的軟件工程原則《Clean Code JavaScr...

JavaScript 代碼整潔之道 - 前端 - 掘金
概述 Robert C. Martin 在《代碼整潔之道》中提到的軟件工程原則，一樣適用於 JavaScript。這不是一個風格參考。它指導如何用 JavaScript 編寫可讀、可複用、可重構的軟件。並非每個原則都必須嚴格遵循，甚至很...

HTML5 進階系列：拖放 API 實現拖放排序 - 掘金
前言 HTML5 中提供了直接拖放的 API，極大的方便咱們實現拖放效果，不須要去寫一大堆的 js，只須要經過監聽元素的拖放事件就能實現各類拖放功能。想要拖放某個元素，必須設置該元素的 draggable 屬性爲 true，當該屬性爲 false 時，將不允...

【譯】You Don't Need jQuery - 前端 - 掘金
You Don't Need jQuery ...

細說 JavaScript 事件編碼維護 - 前端 - 掘金
在學習完JavaScript事件以後，咱們對事件都有必定的瞭解了，可是你的編碼是否利於維護了呢？這裏將講述編寫事件代碼的兩個規則。規則1：將應用邏輯將事件處理程序分離咱們先定義一些對象用於存儲跨瀏覽器的事件處理程序與事件對象方法，這裏將不講解這個代碼，詳...

一組有趣的 slide 效果實現 - 前端 - 掘金
最近從新寫了 Ghost-theme 的主題。其中主要是取消了Icon-font，改成了SVG Sprite 。其次很是重要的板塊首屏的Slide 和導航從新設計了。先看下具體的效果吧: 視頻無...

微信小程序 swiper 滑動頁面實踐 - 相似於安卓 ViewPager - 前端 - 掘金
一言不合，上效果效果一效果二效果三 ...

瀏覽器插件 | 幫助你從各個網站輕鬆 Copy 代碼 - 前端 - 掘金
Because copy to clipboard buttons should exist on every code snippet. ...

【譯】10 個基於 JavaScript 的機器學習實例 - 前端 - 掘金
隨着人工智能技術的發展，機器學習愈來愈受到開發者們的關注，從而也致使了機器學習庫如雨後春筍般的涌現出來，並且沒有任何放緩的趨勢。雖然，傳統意義上 Python 已經成爲了最受歡迎的機器學習語言。但目前神經網絡可在任何編程語言中運行，固然也包括 JavaScri...

JS 中的 call 和 apply 應用 - 前端 - 掘金
JavaScript中的call和apply應用 ECMAScript3給Function的原型定義了兩個方法，他們是Function.prototype.call 和 Function.prototype.apply...

JavaScript深刻之bind的模擬實現 - 掘金
JavaScript深刻系列第十一篇，經過bind函數的模擬實現，帶你們真正瞭解bind的特性 bind 一句話介紹bind: bind()方法會建立一個新函數。當這個新函數被調用時，bind()的第一個參數將做爲它運行時的 this, 以後的一序列參數將...

編寫高質量的 JavaScript 代碼（一） - 前端 - 掘金
做者 | 楊潼編輯 | 迷鹿 2016年6月加入騰訊，目前在SNG社交網絡質量部從事內部平臺工具的研發。熟悉PHP、JS、CSS，喜歡彈吉他。 1、理解JavaScript的浮點數由IEEE754標準制定，JavaSc...

用原生 js 寫一個 "多動症" 的簡歷 - 前端 - 掘金
用原生js寫一個"多動症"的簡歷預覽地址源碼地址最近...

你真的懂 JavaScript 的正則嗎？ - 掘金
本文內容主要出處爲《JavaScript權威指南》(第六版)，筆者只是在搬磚的同時整理思路，有誤望及時指出，感謝！定義正則表達式概述對於正則表達式的概念咱們就很少費口舌了...在JavaScript中使用正則表達式進行模式匹配離不開RegExp對象，...

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

深刻 JavaScript，從對象開始 - 前端 - 掘金
入坑前端開發有一段時間了，面對形形色色的JavaScript優秀框架，到底該選擇那一款呢？最近在使用Vue.js寫一款markdown編輯器插件(mavonEditor)的時候，遇到了各類各樣的問題，而致使這些問題的根本緣由不是Vue.js，而是JavaScr...

jsonp 跨域請求詳解——從繁至簡 - 前端 - 掘金
什麼是jsonp？爲何要用jsonp?JSONP(JSON with Padding)是JSON的一種「使用模式」，可用於解決主流瀏覽器的跨域數據訪問的問題。因爲同源策略，通常來講位於 server1.example.com 的網頁沒法與不是 server1...

跨域——CORS 詳解 - 前端 - 掘金
CORS（Cross-origin resource sharing）「跨域資源共享」在出現CORS標準以前，咱們還只能經過jsonp（jsonp跨域請求詳解）的形式去向「跨源」服務器去發送 XMLHttpRequest 請求，這種方式吃力不討好，在請...

但願是通俗易懂的談一下JS 閉包問題 - 前端 - 掘金
有時候在查一個知識點的時候，若是你只看了一篇文章，恰巧那篇文章講的並不許確，可能你一生都要認爲的有誤差了。閉包首先要從內存管理提及無論現代瀏覽器作的再好，咱們總會在上一些網站時發現很卡，卡的緣由可能千千萬吧，可是若是由於代碼質...

JS 一些優化性能的小細節 - 掘金
Github博客: https://github.com/asd0102433...喜歡的朋友star 支持一下 Js高性能優化小結謹慎使用閉包因爲閉包[[Scope]] 屬性包含與執行環境做用域鏈相同的對象引用，函數活動對象原本會隨着執行環境完畢...

誰說 JavaScript 很簡單了？ - 掘金
本文做者：Aurélien Hervé 編譯：鬍子大哈翻譯原文：http://huziketang.com/blog/po... 英文鏈接：Who said javascrip...

Google 是如何審批20億行代碼的？coding style 真的很重要！ - 掘金
專欄 | 九章算法網址 | www.jiuzhang.com 有些人以爲，代碼只要寫出來了，程序跑經過了就能夠了，爲何要浪費時間去約束人家怎麼寫代碼呢。可是，現實工做中，咱們發現，很多人就是由於代碼風格不佳，被掛掉了面試，或者出現團隊協做問題。爲何代碼...

80% 應聘者都不及格的 JS 面試題 - 掘金
共 5024 字，讀完需 6 分鐘，速讀需 2 分鐘，本文首發於知乎專欄前端週刊。寫在前面，筆者在作面試官這 2 年多的時間內，面試了數百個前端工程師，驚訝的發現，超過 80% 的候選人對下面這道題的回答狀況連及格都達不到。這到底是怎樣神奇的一道面試題？他考察...

你真的瞭解 javascript 嗎？（一） - 前端 - 掘金
原題出處：JavaScript Puzzlers!當初覺得不過是一些小題目，結果作到懷疑人生，都要懷疑可能我javascript白學了。讀者能夠去試試。很少說，直接上題：第一題...

擼 js 基礎之數組 - 前端 - 掘金
數組基礎簡介數組是應用最普遍的數據存儲結構。它被植入到大部分編程語言中。在 ECMAScript 中數組是很是經常使用的引用類型。 &amp;amp;amp;lt;img ...

ES6語言特性的總結(1) - 掘金
雖然在編寫項目的過程當中，也會用到ES6的語法以及新特性。但感受學習的不是特別系統，索性這兩天從新刷了一下Understanding The ES6，也對ES6有了更深的理解。這裏，針對感受應用比較多，知識點比較重要的部分作了一下總結。內容有點多，所以預計將分爲...

函數式編程術語及示例 - 前端 - 掘金
譯者注：本項目譯自 functional-programing-jargon，專業術語居多，若有錯誤，能夠提 pr 更正。除了術語翻譯，針對每項術語，也有代碼示例，位於 /demos 目錄下。另外，這裏也有幾份不錯的文章和倉庫。 ...

44 個 JavaScript 變態題解析 - 前端 - 掘金
原題來自: http://javascript-puzzlers.he... 讀者能夠先去作一下感覺感覺. 當初筆者的成績是 21/44... 當初筆者作這套題的時候不只懷疑智商, 連人生都...

前端基礎進階（七）：函數與函數式編程 - 前端 - 掘金
函數：菜鳥收割者縱觀JavaScript中全部必須須要掌握的重點知識中，函數是咱們在初學的時候最容易忽視的一個知識點。在學習的過程當中，可能會有不少人、不少文章告訴你面向對象很重要，原型很重要，但是卻不多有人告...

前端基礎進階：詳細圖解，完全搞懂閉包與做用域鏈 - 前端 - 掘金
攻克閉包難題初學JavaScript的時候，我在學習閉包上，走了不少彎路。而此次從新回過頭來對基礎知識進行梳理，要講清楚閉包，也是一個很是大的挑戰。閉包有多重...

深刻淺出妙用 Javascript 中 apply、call、bind - 前端 - 掘金
（點擊上方公衆號，可快速關注）做者：伯樂在線專欄做者 - chokcoco 若有好文章投稿，請點擊 → 這裏瞭解詳情如需轉載，發送「轉載」二字查看說明這篇文章實在是很難下筆，由於網上相關文章不勝枚舉。巧...

JavaScript Promise API - 閱讀 - 掘金
儘管同步代碼易於追蹤和調試，但異步代碼廣泛在性能和靈活性上更具優點。Why "hold up the show" when you can trigger numerous requests at once and then handle them when ...

前端知識點大百科全書 - 前端 - 掘金
These share data are from my usual work and learning，hoping to help you，If you like you can star Javas...

JavaScript 中的 call、apply、bind 深刻理解 - 前端 - 掘金
1、函數的三種角色首先要先了解在函數自己會有一些本身的屬性，好比： length：形參的個數； ...

JavaScript 閉包 - 前端 - 掘金
原文連接什麼是閉包（Closure）簡單講，閉包就是指有權訪問另外一個函數做用域中的變量的函數。 MDN 上面這麼說：閉包是一種特殊的對象。它由兩部分構成：函數，以及建立該函數的環境。環境由閉包建立時在做用域中的任何局部變量組成。可是，網上找了好多資料...

JavaScript 閉包入門（譯文） - 掘金
前言總括：這篇文章使用有效的javascript代碼向程序員們解釋了閉包，大牛和功能型程序員請自行忽略。譯者：文章寫在2006年，可直到翻譯的21小時以前做者還在完善這篇文章，在Stackoverflow的How do JavaScript closu...

(譯) 高效地使用閉包 - 前端 - 掘金
翻譯能力有限，原文請點這裏 Use JavaScript Closures Efficiently，越到後面，內容才越重要，若是想看，請耐心看完(我也是翻譯以後才知道的) 閉包廣泛地用在 Node.js 中，以支持各類形式的異步和事件驅動這兩種編程模式。若是...

理解 javascript 中的閉包 - 前端 - 掘金
閉包在 javascript 來講是比較重要的概念，平時工做中也是用的比較多的一項技術。...

深入理解 JavaScript--- 閉包 - 前端 - 掘金
閉包是指那些可以訪問獨立(自由)變量的函數 (變量在本地使用，但定義在一個封閉的做用域中)。換句話說，這些函數能夠「記憶」它被建立時候的環境。——這句話其實有點難以理解。我以爲應該用一些例子來理解閉包的含義。閉包#1 先來看一個函數:function f...

JavaScript 之閉包與高階函數（一） - 前端 - 掘金
歡迎訪問個人我的博客 JavaScript雖是一門面向對象的編程語言，但同時也有許多函數式編程的特性，如Lambda表達式，閉包，高階函數等。函數式編程是種編程範式，它將電腦運算視爲函數的計算。函數編程語言最重要的基礎是 λ 演算（lambda c...

程序員福利：各大平臺免費接口，很是實用 - 工具資源 - 掘金
電商接口京東獲取單個商品價格接口：http://p.3.cn/prices/mgets?sk...商品ID&type=1ps:商品ID這麼獲取:http://item.jd.com/954086.html物流接口快遞接口：http://www.kuai...

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。