摘要：函數(shù)式編程前端掘金引言面向?qū)ο缶幊桃恢币詠矶际侵械闹鲗?dǎo)范式。函數(shù)式編程是一種強調(diào)減少對程序外部狀態(tài)產(chǎn)生改變的方式。

JavaScript 函數(shù)式編程 - 前端 - 掘金
引言 面向?qū)ο缶幊桃恢币詠矶际荍avaScript中的主導(dǎo)范式。JavaScript作為一門多范式編程語言，然而，近幾年，函數(shù)式編程越來越多得受到開發(fā)者的青睞。函數(shù)式編程是一種強調(diào)減少對程序外部狀態(tài)產(chǎn)生改變的方式。因此，它鼓勵使...

Ajax入門 - 掘金
前言 總括： 本文講解了ajax的歷史，工作原理以及優(yōu)缺點，對XMLHttpRequest對象進(jìn)行了詳細(xì)的講解，并使用原生js實現(xiàn)了一個ajax對象以方便日常開始使用。 damonare的ajax庫：damonare的ajax庫 原文博客地址：你真的懂a(chǎn)ja...

JavaScript 經(jīng)典的難點與重點 - 前端 - 掘金
LazyMan 實現(xiàn)LazyMan（什么是LazyMan？請自行g(shù)oogle） ...

MDN JavaScript 中文文檔翻譯項目 - 前端 - 掘金
JavaScript 文檔翻譯狀態(tài) 翻譯狀態(tài)概覽 文檔總頁數(shù) ...

JavaScript 知識點整理 - 前端 - 掘金
JavaScript是按照ECMAScript標(biāo)準(zhǔn)設(shè)計和實現(xiàn)的，后文說的JavaScript語法其實是ES5的標(biāo)準(zhǔn)的實現(xiàn)。先說說有哪些基礎(chǔ)語法？ 最基礎(chǔ)語法有哪些？ 基礎(chǔ)語法幾乎所有的語言差異不大，無非數(shù)據(jù)類型、操作符、控制語句、函數(shù)等，簡單列舉下。 5種基本...

JavaScript 進(jìn)階 -- 拉勾網(wǎng)鼠標(biāo)移入移出效果 - 前端 - 掘金
JavaScript進(jìn)階 1024絲毫不減少我敲寫代碼的激情，因為我聞到了代碼的味道。 先上效果圖（gif自己錄制的，有點難看抱歉，工具licecap） image 其實也是個偶然的機會，讓我想去研究一下這個效果。主要是由于有個群里的人發(fā)了個講...

用 ES6 生成器解決 node 回調(diào)地獄 - 前端 - 掘金
原文A Study on Solving Callbacks with JavaScript Generators 當(dāng)我開始寫nodejs的時候，非常討厭兩件事情：1.所有流行的模板引擎，2.回調(diào)的擴散(回調(diào)地獄)。我愿意忍受回調(diào)，因為我理解基于事件的服務(wù)端是...

JavaScript 面試: 什么是函數(shù)式編程？| Eric Elliott - 前端 - 掘金
函數(shù)式編程在 JavaScript 界已經(jīng)成為了一個非常熱門的話題。而僅在幾年之前，還幾乎沒有 JavaScript 程序員了解函數(shù)式編程是什么，但在最近三年里，我看到非常多的應(yīng)用程序代碼庫里大量使用著函數(shù)式編程思想。 函數(shù)式編程 （通常簡稱為 FP）是指通過...

JS 瀑布流 - 前端 - 掘金

前言 在我們?yōu)g覽各大網(wǎng)站，網(wǎng)頁，手機APP的時候，可能會遇到很多圖片大小不一，看起來雜亂無章，其實，它們是狠有順序的，排列在一起。這就應(yīng)用到了網(wǎng)站中一種很流行的頁面布局---瀑布流，又稱瀑布流布局。 ...

一道頗有難度的 JavaScript 題 - 前端 - 掘金
上次分享了一道題，大家反響不錯，很開心自己寫的東西有人愿意花時間去看，也給了自己莫大的鼓舞，其實做題雖然不比真正的編程，但是也能夠讓你發(fā)現(xiàn)一些你之前沒有注意到的語言層面的問題。所以，這次再分享一道稍微有難度的JavaScript題目。 function Foo...

http狀態(tài)碼是什么，有什么用，在哪里查看，分別代表什么意思？ - 掘金
寫在前面： 當(dāng)瀏覽者訪問一個網(wǎng)頁時，瀏覽者的瀏覽器會向網(wǎng)頁所在服務(wù)器發(fā)出請求。當(dāng)瀏覽器接收并顯示網(wǎng)頁前，此網(wǎng)頁所在的服務(wù)器會返回一個包含HTTP狀態(tài)碼的信息頭用以響應(yīng)瀏覽器的請求。本文主要是：關(guān)于http狀態(tài)碼是什么，有什么用，在哪里查看狀態(tài)碼分別代表什么意思...

JavaScript 設(shè)計模式 ② 巧用"工廠模式"和"創(chuàng)建者"模式 - 掘金
我為什么把他們兩個放在一起講？我覺得這兩個設(shè)計模式有相似之處，有時候會一個設(shè)計模式不能滿足你的需求而采用另一種設(shè)計模式。基于這點考慮，而且為了大家更好地理解，我放到了一起，加深大家的印象，活學(xué)活用。 [這里我為了能更好的體現(xiàn)下設(shè)計模式與JS本體語言的結(jié)合，我用...

讀 Zepto 源碼之內(nèi)部方法 - 掘金
數(shù)組方法 定義 var emptyArray = [] concat = emptyArray.concat filter = emptyArray.filter slice = emptyArray.slicezepto 一開始就定義...

JavaScript深入之執(zhí)行上下文 - 掘金
JavaScript深入系列第七篇，結(jié)合之前所講的四篇文章，以權(quán)威指南的demo為例，具體講解當(dāng)函數(shù)執(zhí)行的時候，執(zhí)行上下文棧、變量對象、作用域鏈?zhǔn)侨绾巫兓摹?前言 在《JavaScript深入之執(zhí)行上下文棧》中講到，當(dāng)JavaScript代碼執(zhí)行一段可執(zhí)行...

破解前端面試（80% 應(yīng)聘者不及格系列）：從閉包說起 - 掘金
修訂說明：發(fā)布《80% 應(yīng)聘者都不及格的 JS 面試題》之后，全網(wǎng)閱讀量超過 6W，在知乎、掘金、cnodejs 都引發(fā)了很多討論，還被多個前端微信公號和技術(shù)媒體轉(zhuǎn)載。醞釀許久之后，筆者準(zhǔn)備接下來撰寫前端面試題系列文章，內(nèi)容涵蓋 DOM、HTTP、瀏覽器、框架...

JavaScript 中函數(shù)節(jié)流和函數(shù)去抖的講解 - 掘金
我們都知道頻繁觸發(fā)執(zhí)行一段js邏輯代碼對性能會有很大的影響，尤其是在做一些效果實現(xiàn)方面，或者邏輯中需要進(jìn)行后端請求，更是會導(dǎo)致卡頓，效果失效等結(jié)果，所以在處理類似的情況時，可以考慮使用函數(shù)節(jié)流和函數(shù)去抖來解決，至于具體使用哪一種方式，根據(jù)實際情況分析定奪,先來...

百度前端學(xué)院任務(wù)動態(tài)數(shù)據(jù)綁定(五) - 掘金
覺得這個系列任務(wù)還是很有趣的，這是一種性能很差的實現(xiàn)，也許之后會嘗試使用虛擬dom、改善其中的遍歷。 任務(wù)信息 首先分析一下要干嘛：可以看出Vue是個構(gòu)造函數(shù)；因為傳入的對象可能有很多層對象，所以需要一個遍歷傳入對象的方法；雙向綁定打算通過訪問器屬性實現(xiàn)、需...

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

關(guān)于 js 中的回調(diào)函數(shù) callback - 掘金
本文寫于1年前 曾經(jīng)的學(xué)習(xí)文章如今拿出來分享 前言 其實我一直很困惑關(guān)于js中的callback,困惑的原因是，學(xué)習(xí)中這塊看的資料少，但是平時又經(jīng)常見，偶爾復(fù)制一下前人代碼，功能實現(xiàn)了也就不再去追其原由，這么著，這個callback的概念就越來越混亂，因為你總...

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

es5 編寫類風(fēng)格的代碼 - 掘金
分享下《JavaScript忍者秘籍》中的一種編寫類風(fēng)格代碼的方法 JavaScript可以讓我們通過原型實現(xiàn)繼承，許多開發(fā)人員，尤其是那些有傳統(tǒng)面向?qū)ο蟊尘暗拈_發(fā)人員，都希望將JavaScript的繼承系統(tǒng)簡化并抽象成一個他們更熟悉的系統(tǒng)。所以，這不可避免地...

mock.js那點事(上) - 掘金
耐心看完，我保證十五分鐘就能學(xué)會mock.js 什么是Mock.js Mock.js是一個模擬數(shù)據(jù)生成器，幫助前端開發(fā)和原型與后端進(jìn)度分離，減少一些單調(diào)，特別是在編寫自動化測試時。 Mock.js能做什么 提供了以下模擬功能： 根據(jù)數(shù)據(jù)模板生成模擬數(shù)據(jù)...

我認(rèn)真起來連面試官都怕（塊級作用域，事件代理） - 掘金
作者 混元霹靂手-Ziksang 如果你學(xué)完這篇文章之后，你回答完面試官之后，拿一張圖告訴面試官 在于前端面試，你給面試官講一些官方名詞，我知道react,vue,angular等等，一系列牛B的框架，對于面試來說并沒有卵用，聽多了！！有些有是報著真誠的找...

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

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

面試時，你被問到過 TCP/IP 協(xié)議嗎? - 掘金
前言: 精通 TCP/IP，熟練使用 Socket 進(jìn)行網(wǎng)路編程。 看到這句話，有沒有感到很熟悉呀？相信很多人在投遞簡歷的時候都看到過這條要求，很多人會覺得我們在實際開發(fā)中一般用不到這些知識，所以對這些東西不屑一顧. 但是筆者認(rèn)為想要做出更好的 APP,那...

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

JavaScript 核心概念之作用域和閉包 - 前端 - 掘金
相信大家已經(jīng)閱讀了很多關(guān)于作用域和閉包文章，我也一樣。作用域和閉包是 JavaScript 中的關(guān)鍵概念之一。當(dāng)我閱讀了《高性能的JavaScript》這本書后，我才完全理解這兩個概念。所以今天強烈推薦這本書中的解釋，并與其他開發(fā)人員分享。 作用域 下面會提到...

中國行政區(qū)劃 JSON 數(shù)據(jù)（從國家統(tǒng)計局抓取）：【省份、城市、區(qū)縣、鄉(xiāng)鎮(zhèn)】四級聯(lián)動 - 前端 - 掘金
本項目 Github 主頁 數(shù)據(jù)來源（國家統(tǒng)計局）： 中華人民共和國國家統(tǒng)計局-行政區(qū)劃代碼 中華人民共和國國家統(tǒng)計局-統(tǒng)計用區(qū)劃和城鄉(xiāng)劃分代碼 本...

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

漫漫前端路 - 掘金
本人一枚菜鳥，在這里不會跟你嘮叨一大篇大道理，只會根據(jù)自己的經(jīng)驗談?wù)勄岸诉@條路適合哪些人走？該怎么走？ 前端，是最近幾年很火的職業(yè)，導(dǎo)致現(xiàn)在是群魔亂舞，這里并沒有貶低任何人的意思，只是因為目前各行各業(yè)的人都轉(zhuǎn)行前端，導(dǎo)致前端行業(yè)很亂，人員技術(shù)參差不齊。 到底是...

JavaScript 函數(shù)中的外部變量——理解 this - 前端 - 掘金
js 中的 this 指向確實是個坑，網(wǎng)上有人轟轟烈烈地討論它，討論 js 閉包，其實并沒有那么玄學(xué)，讓我們一點點剝開它的面紗。 很多知識性內(nèi)容來自 [邱桐城《JavaScript 中的 this》](https://zhuanlan.zhihu.com/p...

this 的值到底是什么 - 前端 - 掘金
var obj = { foo: function(){ console.log(this) } } var bar = obj.foo obj.foo() // Object bar() // Window 請解釋最后兩行函數(shù)的值為什么不一...

(譯) JavaScript 中的定時器是如何工作的？ - 前端 - 掘金
如有問題，歡迎指正 原文鏈接：http://ejohn.org/blog/how-jav... 在一個基礎(chǔ)階段，理解JavaScript定時器的工作原理的是非常重要的。通常它們看起來不那么直觀，因為它們處于單線程中。讓我們從...

Javascript 深入淺出 this - 前端 - 掘金
What ’s this？ 要學(xué)一樣?xùn)|西，首先得了解它的含義，this 關(guān)鍵字的含義是明確且具體的，即指代當(dāng)前對象；細(xì)心的童鞋發(fā)現(xiàn)了 當(dāng)前對象 中"當(dāng)前" 這兩個字；說明這個 this 是在某種相對情況下才成立的。 由于其運行期綁定的特性，JavaScrip...

移動導(dǎo)航設(shè)計，看這一篇就夠了 - 產(chǎn)品 - 掘金
平常我們?nèi)ド虉龌蛘呔包c逛的時候，通常會看到整個景區(qū)或者整個商場的導(dǎo)游圖，能讓我們知道身處何地并且快速的找到目的地。投射到一個虛擬的產(chǎn)品上面，同樣是一個“商場”或“景點”，為了讓用戶能夠順利的在產(chǎn)品中暢行，則必須為用戶提供一個有效的導(dǎo)航系統(tǒng)，讓用戶時刻清楚自己在...

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

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

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

破解前端面試（80% 應(yīng)聘者不及格系列）：從 DOM 說起 - 掘金
共 7384 字，讀完需 10 分鐘。本文為《破解前端面試（80% 應(yīng)聘者不及格系列）》文章的第二篇，包含 DOM、Event、瀏覽器端優(yōu)化、數(shù)據(jù)結(jié)構(gòu)和算法功底的考察。可能有同學(xué)會問 DOM 有什么好聊的，不就是節(jié)點的各種操作么？DOM 是網(wǎng)頁構(gòu)建的基石，熟練...

實例 - Vue 單頁應(yīng)用：記事本 - 掘金
0.前言 若文章中存在內(nèi)容無法加載的情況，請移步作者其他博客。 簡書 CSDN 最近在看 Vue 的時候，別人給我安利了一個國外的小案例，通過 Vue 和 Vuex 來實現(xiàn)一個記事本。 仔細(xì)剖析下，發(fā)現(xiàn)“麻雀雖小，五臟俱全”，是一個挺適合初學(xué)者學(xué)習(xí)分...

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

初學(xué) Canvas 仿知乎登錄頁面動畫 - 前端 - 掘金
寫了一個demo 具體git地址? https://github.com/sunweiling... 因為做成動圖以后壓縮的問題會看不到線，所以就把顏色都改成不透明的了 demo里面還是跟知乎里的一樣。 主要的知識點 ...

javascript 正則表達(dá)式總結(jié) - 前端 - 掘金
為什么要使用正則表達(dá)式 正則表達(dá)式通過由普通字符和特殊字符組成的文字模板完成對字符串的校驗，搜索，替換。在javascript中類似這樣 ...

深入理解 JavaScript 原型和閉包 - 前端 - 掘金
說明： 該教程繞開了javascript的一些基本的語法知識，直接講解javascript中最難理解的兩個部分，也是和其他主流面向?qū)ο笳Z言區(qū)別最大的兩個部分——原型和閉包，當(dāng)然，肯定少不了原型鏈和作用域鏈。幫你揭開javascript最神秘的面紗。 為...

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

Ajax 知識體系大梳理 - 掘金
這是一篇萬字長文, 系統(tǒng)梳理了ajax相關(guān)的知識體系, 幾乎囊括了所有ajax的知識點. 原文: http://louiszhai.github.io/20... 導(dǎo)讀 Ajax 全稱 Asynchronous JavaScript an...

《JavaScript 闖關(guān)記》之變量和數(shù)據(jù)類型 - 掘金
當(dāng)程序需要將值保存起來以備將來使用時，便將其賦值給一個變量，值的類型稱作數(shù)據(jù)類型。 變量 JavaScript 的變量是松散類型的，所謂松散類型就是可以用來保存任何類型的數(shù)據(jù)。換句話說，每個變量僅僅是一個用于保存值的占位符而已。定義變量時要使用關(guān)鍵字 var ...

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

JavaScript 的 this 指向問題深度解析 - 前端 - 掘金
JavaScript 中的 this 指向問題有很多博客在解釋，仍然有很多人問。上周我們的開發(fā)團(tuán)隊連續(xù)兩個人遇到相關(guān)問題，所以我不得不將關(guān)于前端構(gòu)建技術(shù)的交流會延長了半個時候討論 this 的問題。 ...

全面解析 Javascript - this - 前端 - 掘金
為什么要寫這篇文章？ 我之前在阿里面試，以及其它公司面試的時候曾經(jīng)被問到過這個問題，所以想要分享給大家，如果你能清楚地知道下面 this 七種情況的區(qū)別，能跟面試官解釋清楚，無疑是一個大大的加分項，理解完這篇文章，面試官再怎么問你 this 都不怕了。...

用 VUEJS 做一個網(wǎng)易云音樂 - 前端 - 掘金
前言：自己學(xué)習(xí)VUEJS也一段時間，但一直沒有做出來一東西。我自己一直喜歡用網(wǎng)易云音樂app，于是乎就做了這個app。 技術(shù)棧 ...

談一談 JavaScript 繼承 - 前端 - 掘金
最近在復(fù)習(xí)一些JavaScript基礎(chǔ)的東西，碰到j(luò)s的原型和繼承這一塊總是感覺不悟其中精髓。因此，這篇文章算是從我自己理解的角度對js繼承進(jìn)行總結(jié)和剖析。 什么是繼承 大多數(shù)人使用繼承不外乎是為了獲得...

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

http 緩存深入研究，200 from cache or 304 not modified？ - 前端 - 掘金
前幾天看到一篇關(guān)于緩存的文章徹底弄懂 Http 緩存機制 - 基于緩存策略三要素分解法，覺得很有意思，所以打算系統(tǒng)學(xué)習(xí)下Http緩存相關(guān)的知識。 我把緩存分為緩存存儲、緩存對比兩部分。 ...

javascript 操作符知識點整理 - 前端 - 掘金
前言 初學(xué)者會覺得操作符的知識很簡單，但是隨著學(xué)習(xí)的深入會發(fā)現(xiàn)很多語句都可以用操作符來簡化，所以深入理解操作符可以幫助你寫出高性能的代碼。這篇文章主要記錄不同操作符所遵循的規(guī)則。javascript的操作符有一元操作符、位操作符、布爾操作符、乘性操作符、加性操...

原生 JavaScript 實現(xiàn) AJAX、JSONP - 前端 - 掘金
相信大多數(shù)前端開發(fā)者在需要與后端進(jìn)行數(shù)據(jù)交互時，為了方便快捷，都會選擇JQuery中封裝的AJAX方法，但是有些時候，我們只需要JQuery的AJAX請求方法，而其他的功能用到的很少，這顯然是沒必要的。 其實，原生JavaScript實現(xiàn)AJAX并不難，這篇...

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

征服 JavaScript 面試：什么是閉包 - 前端 - 掘金
“征服 JavaScript 面試”是我寫的一系列文章，來幫助面試者準(zhǔn)備他們在面試 JavaScript 中、高級職位中將可能會遇到的一些問題。這些問題我自己在面試中也經(jīng)常會問。 在我面試時問出的一系列問題里，閉包通常是我問的第一個或最后一個問題。坦白地說，...

徹底理解 JS 中 this 的指向 - 前端 - 掘金
首先必須要說的是，this的指向在函數(shù)定義的時候是確定不了的，只有函數(shù)執(zhí)行的時候才能確定this到底指向誰，實際上this的最終指向的是那個調(diào)用它的對象（這句話有些問題，后面會解釋為什么會有問題，雖然網(wǎng)上大部分的文章都是這樣說的，雖然在很多情況下那樣去理解不會...

JavaScript 學(xué)習(xí)思維導(dǎo)圖 - 前端 - 掘金
通過幾張思維導(dǎo)圖，可以了解到整個JavaScript家族的全貌，然后更有利于JavaScript全局學(xué)習(xí) JavaScript 數(shù)據(jù)類型 JavaScript 變量 Javascript 運算符 JavaScript 流程控制 JavaScript ...

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

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

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

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

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

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

30 分鐘搞定 ES6 常用基礎(chǔ)知識 - 前端 - 掘金
ES6基礎(chǔ)智商劃重點 在實際開發(fā)中，ES6已經(jīng)非常普及了。掌握ES6的知識變成了一種必須。盡管我們在使用時仍然需要經(jīng)過babel編譯。 ES6徹底改變了前端的編碼風(fēng)格，可以說對于前端的影...

工作中經(jīng)常用到 github 上優(yōu)秀、實用、輕量級、無依賴的插件和庫 - 前端 - 掘金
原文收錄在我的 GitHub博客 (https://github.com/jawil/blog) ，喜歡的可以關(guān)注最新動態(tài)，大家一起多交流學(xué)習(xí)，共同進(jìn)步，以學(xué)習(xí)者的身份寫博客，記錄點滴。 按照格式推薦好用的插件有福利哦，說不定會送1024論壇邀請碼，好自為之，...

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

JavaScript 的原型和原型鏈的前世今生 (一) - 前端 - 掘金
大家不要被這個感覺高大上的名字給嚇著，我沒有打算把原型的歷史給說一遍，本文只是想幫助大家理解為什么要有原型和原型鏈這個獨一無二的語言特性，別的語言(或者說是我學(xué)過的編程語言中)沒有見過這一個概念的，這也是我從C語言轉(zhuǎn)來學(xué)習(xí)JavaScript的時候最為困惑不解...

Node入門 ? 一本全面的Node.js教程 - 后端 - 掘金
關(guān)于 本書致力于教會你如何用Node.js來開發(fā)應(yīng)用，過程中會傳授你所有所需的“高級”JavaScript知識。本書絕不是一本“Hello World”的教程。 ...

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

javascript 正則表達(dá)式總結(jié) - 前端 - 掘金
為什么要使用正則表達(dá)式 正則表達(dá)式通過由普通字符和特殊字符組成的文字模板完成對字符串的校驗，搜索，替換。在javascript中類似這樣 ...

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

實現(xiàn)圖片懶加載(Lazyload) - 掘金
本文標(biāo)題:實現(xiàn)圖片懶加載(lazyload)文章作者:Jake發(fā)布時間:2016-11-26, 18:46:34最后更新:2016-11-28, 17:12:59原始鏈接:http://i.jakeyu.top/2016/11/26/實現(xiàn)圖片懶加載/許可協(xié)議:...

5分鐘擼一個js圖片懶加載（可視區(qū)域加載） - 前端 - 掘金