JavaScript - 收藏集 - 掘金

時間 2019-11-08

原文原文鏈接

Angular 中的響應式編程 -- 淺淡 Rx 的流式思惟 - 掘金
第一節：初識Angular-CLI第二節：登陸組件的構建第三節：創建一個待辦事項應用第四節：進化！模塊化你的應用第五節：多用戶版本的待辦事項應用第六節：使用第三方樣式庫及模塊優化用第七節：給組件帶來活力Rx--隱藏在 Angular 中的利劍Redux你的 A...javascript

Electron 深度實踐總結 - 前端 - 掘金
思惟導圖前言: Electron 從最初發布到如今已經維護很長一段時間了，可是去年纔開始慢慢升溫。筆者我的剛好也有一些 Elect...css

js 攔截全局 ajax 請求 - 掘金
你是否有過下面的需求：須要給全部ajax請求添加統一簽名、須要統計某個接口被請求的次數、須要限制http請求的方法必須爲get或post、須要分析別人網絡協議等等，那麼如何作？想一想，若是可以攔截全部ajax請求，那麼問題就會變的很簡單！😄，少年，想法有點大膽...html

Ajax-hook原理解析 - 掘金
自上一篇《js 攔截全局 ajax 請求》發佈以後，不少人對實現原理很是感興趣，好，今天咱們講內涵！若是你還不知道ajax-hook，請先了解一下：github : https://github.com/wendux/Ajax-hook中文介紹：http:...前端

圖片延遲加載策略（JavaScript） - 掘金
注：文章最末尾有我的公衆號二維碼，會分享更多技術文章等，敬請關注無論是在移動端開發仍是在PC端開發，基本都會用到圖片的懶加載，這其中最大的緣由就是爲了保證頁面打開的速度（正常狀況下3秒以內若是首頁打不開，就已經算是死亡時間了）。延遲加載的的基本作法通常是這...vue

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

異步與回調的設計哲學 - 掘金
本文的例子用 JavaScript 語法給出，但願讀者至少有使用過 Promise 的經驗，若是用過 async/await 則更好，對於客戶端的開發者，我相信語法不是閱讀的瓶頸，思惟纔是，所以也能夠了解一下異步編程模型的演變過程。異步編程入門 CPS CP...node

javaScript 的數據結構與算法（三）——集合 - 前端 - 掘金
集合集合是由一組無序且惟一的項組成的。這個數據結構使用了與有限集合相同的數學概念，但應用在計算機科學的數據結構中。在數學中，集合也有並集、交集、差集等基本操做，在下面的代碼中也會實現這些操做。值的相等：由於 Set 中的值老是惟一的，因此須要判斷...react

jQuery 源碼系列（一）整體架構 - 前端 - 掘金
歡迎來個人專欄查看系列文章。決定你走多遠的是基礎，jQuery 源碼分析，向長者膜拜！我雖然接觸 jQuery 好久了，但也只是侷限於表面使用的層次，碰到一些問題，找到 jQ...jquery

征服 JavaScript 面試系列：類繼承和原型繼承的區別 - 前端 - 掘金
圖-電子吉他-Feliciano Guimarães（CC BY 2.0）「征服JavaScript面試」是我所寫的一個系列文章，旨在幫助那些應聘中、高級JavaScript開發職位的讀者們準備一些常見的面試問題。我本身在實際面試當中也常常會問到這...linux

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

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

使用自記憶函數提升頁面性能 - 前端 - 掘金
當你真正想要提升頁面性能，你會發現你的代碼和屎沒兩樣。自記憶函數這個名字聽起來有點奇怪，這只是人們給它取的一個名字罷了。在JavaScript中，函數是第一型對象，因此它能夠擁有本身的屬性，咱們就能夠利用這一點來進行數據的緩存。 ...

JavaScript 原型系統的變遷，以及 ES6 class - 前端 - 掘金
概述 JavaScript 的原型系統是最初就有的語言設計。但隨着 ES 標準的進化和新特性的添加。它也一直在不停進化。這篇文章的目的就是梳理一下早期到 ES5 和如今 ES6，新特性的加入對原型系統的影響。 ...

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

Javascript 的數據結構與算法 (三) - 前端 - 掘金
1 樹一個樹結構包含一系列存在父子關係的節點。每一個節點都有一個父節點(除了頂部的第一個節點)以及零個或多個子節點。位於樹頂部的節點叫做根節點(11)。它沒有父節點。樹中的每一個元素都叫做節點,節點分爲內部節點和外部節點。至少有一個子節點的節點稱爲內部節點。...

Javascript 的數據結構與算法 (二) - 前端 - 掘金
1集合 1.1集合的實現集合是由一組無序且惟一(即不能重複)的項組成的。這個數據結構使用了與有限集合相同的數學概念,但應用在計算機科學的數據結構中。集合中經常使用方法列表： add(value):向集合中添加一個新的項。 remove(v...

JavaScript 的數據結構與算法 (一) - 前端 - 掘金
1數組 1.1方法列表數組的經常使用方法以下: concat: 連接兩個或者更多數據，並返回結果。 every: 對數組中的每一項運行給定的函數，若是該函數對每一項都返回true，則返回true...

JavaScript 中的內存釋放 - 前端 - 掘金
1、如何查找上級做用域在 JavaScript中的預解析 ,有講到做用域鏈的概念，本次在正式講JavaScript中的內存釋放以前，先看一個問題：如何查找當前做用域的上級做用域。 var nu...

如何寫出好的 JavaScript —— 淺談 API 設計 - 前端 - 掘金
版本一版本二版本三 ...

JavaScript 中的預解析 - 前端 - 掘金
在ES6以前，變量使用var聲明，會存在變量的預解析（函數也有預解析），我相信不少同窗在剛開始學JavaScript的時候被預解析搞得團團轉，雖然在ES6的時候引入let和const，可是現階段ES6並無徹底普及，並且不少比較老的代碼都仍是按照ES5的標準甚...

簡單瞭解 javascript 對象的屬性（一） —— 數據屬性 - 前端 - 掘金
俗話說得好：「看事情不能看只表面」。平常生活中，咱們若是處對象，除了看外貌，還得看內涵。這篇文章不會教你怎麼找對象，但卻能讓你看清ECMAscript中對象的內在。 ...

JavaScript30 中文指南 - 07 Array 基本操做指南二 - 前端 - 掘金
做者：©緝熙Soyaine 簡介：JavaScript30 是 Wes Bos 推出的一個 30 天挑戰。項目免費提供了 30 個視頻教程、30 個挑戰的起始文檔和 30 個挑戰解決方案源代碼。目的是幫助人們用純 ...

javascript 之謎系列：爲何 [1,2] + [3,4] 不等於 [1,2,3,4]？ - 前端 - 掘金
在 stackoverflow 上有人提問：arrays - Why does [1,2] + [3,4] = "1,23,4" in JavaScript? http://stackoverflow.com/q/7124884/343194 0. 問題我想...

Node 學習 -- 基礎知識 - 掘金
深刻學習Node以前,須要先知道Node這個框架的基本知識. 控制檯 console對象:Node中使用該對象表示控制檯,經過console對象各類方法來向控制檯進行標準輸出流,標準錯誤輸出流. API console.log(): 進行標準輸出流的輸出(s...

iterare - 組合多個 Array 操做的開源庫 - 前端 - 掘金
lat. to repeat, to iterate ...

JavaScript 優化（一）消滅縮進 - 前端 - 掘金
This is part one of a series on how to write less complex code in JavaScript Introduction I’ve been working a lot with a legacy co...

JavaScript 優化（二）循環是糟糕的 - 前端 - 掘金
In the previous article, we suggested that indentation is an (extremely rough) indicator of complexity. Our goal is to write less ...

JavaScript 優化（三）精簡 if - 前端 - 掘金
This is part three of a series of articles on reducing complexity in JavaScript code. In previous articles, we suggested that inde...

[英] Angular 4.0 正式發佈，來看看有哪些新特性 - 閱讀 - 掘金
Angular 4.0.0 Now Available Angular version 4.0.0 - invisible-makeover - is now available. This is a major release following our ...

Node直出理論與實踐總結 - 掘金
原文地址直出是什麼？究竟是怎樣的性能優化？本文將結合從在瀏覽器輸入url，到展現最終頁面的過程來對其進行一步步分析，並將在手Q web 中的實際應用實踐進行總結。模式 1 - 先後分離從用戶輸入 url 到展現最終頁面的過程，這種模式可簡單的分爲如下 5...

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

(譯) 新一代 JavaScript 的開發圖譜（2017） - 掘金
原文地址：A Map To Modern JavaScript Development 原文做者：Santiago de León 譯文出自：掘金翻譯計劃譯者：gy134340 校對者：IridescentMia,Tina92 過去 5 年裏你一直使用 ...

淺析 Javascript 中的 this 的七種使用場景 - 前端 - 掘金
Javascript 中的 this，有時候讓人迷惑，因此總結了一下關於this指向的問題。在函數中 this 到底取何值，是在函數真正被調用執行的時候肯定下來的，函數定義的時候肯定不了。由於 ...

jquery 選擇器高效查詢 - 前端 - 掘金
爲何Sizzle很高效？首先，從處理流程上理解，它老是先使用最高效的原生方法來作處理 HTML文檔一共有這麼四個API： getElementById 上下文只能是HTML文檔瀏覽器支持狀況：IE 6+, Firefox 3+, Safari 3+, ...

變量的值 - 前端 - 掘金
ECMAScript 的變量是鬆散類型的，也就是說能夠保存任何類型的數據。數據的類型分爲簡單數據類型和複雜數據類型。簡單數據類型有： Undefined、Null、Boolean、Number和 String；複雜數據類型只有一種，就是Object。在將一個值...

(譯) 在你沉迷於包的海洋以前，仍是瞭解一下運行時 Node.js 的自己 - 掘金
原文地址：Before you bury yourself in packages, learn the Node.js runtime itself 原文做者：該文章已得到做者 Samer Buna 受權譯文出自：掘金翻譯計劃譯者：fghpdf 校對者：...

給 JavaScript 開發者講講函數式編程 - 前端 - 掘金
和大多數人同樣，我在幾個月前聽到了不少關於函數式編程的東西，不過並無更深刻的瞭解。於我而言，可能只是一個流行詞罷了。從那時起，我開始更深地瞭解函數式編程而且我以爲應該爲那些總能聽到它但不知道到底是什麼的新人作一點事情。談及函數式編程，你可能會想到它們：Ha...

也談面試必備問題之 JavaScript 數組去重 - 前端 - 掘金
Why underscore （以爲這部分眼熟的能夠直接跳到下一段了...）最近開始看 underscore.js 源碼，並將 underscore.js 源碼解讀放在了個人 2016 計劃中。閱讀一些著名框架類庫的源碼，就好像和一個個大師對話，你...

7 個使人驚訝的 JavaScript 「特性」 - 前端 - 掘金
Over the last couple of months I’ve made a few enhancements to JSHint, mainly as a way of learning ES6 (I’m most proud of re-imple...

10 道典型的 JavaScript 面試題 - 前端 - 掘金
在IT界中，JavaScript開發人員的需求量一直居高不下。若是你的能力可以勝任這一角色，那麼你有不少機會換一家公司，並提升薪水。但在你被一家公司聘用以前，你必須展現你的技能，以經過面試環節。在本文中，我將向您展現10個 JavaScript 技能典型問題以...

真 · 異步加載 js / css 資源 - 前端 - 掘金
如標題所說，不受控制的 JS，主要是說在別人服務器上的，尤爲是被 GFW 的，固然了，不僅限於 JS 文件，CSS，圖片什麼的均可以，原理大同小異。個人博客上面的資源，幾乎全部的 JS，圖片，都在本身的 CDN，剩下的在 VPS，只有...

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

前端基礎進階（十一）：詳細圖解 jQuery 對象，以及如何擴展 jQuery 插件 - 前端 - 掘金
配圖與本文無關早幾年學習前端，你們都很是熱衷於研究jQuery源碼。我還記得當初從jQuery源碼中學到一星半點應用技巧的時候常會有一種發自心裏的驚歎，「原來JavaScript竟然能夠這樣用！」 ...

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

2016 年崛起的 JS 項目 - 掘金
本文是我對中文版 risingstars2016 的整理，而本人就是中文版的譯者，首發於知乎專欄前端週刊。共 21384 字，讀完需 30 分鐘，速讀需 5 分鐘。長江後浪推前浪，若是你能花 30 分鐘讀完我 6 個小時翻譯的內容，相信你不會...

webpack 2.2 中文文檔，翻譯的很好，看完就學會了 webpack - 前端 - 掘金
正如咱們在介紹中提到的，在 webpack 配置中有多種方式定義 entry 屬性。除了解釋爲何它可能的用途，咱們還將向你展現如何去配置 entry 屬性。單個入口（簡寫）語法用法：entry: string|Array&...

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

學習javascript數據結構與算法(六)——圖 - 掘金
前言本文是博主深感算法方面的不足，做的一系列讀書筆記和源碼分析。原文地址：學習javascript數據結構與算法（六）——圖，以爲有用的話能夠給個star，謝謝啦。做者:wengjq 一、圖圖是網絡結構的抽象模型。圖是一組由邊鏈接的節點，任何二元關係均可...

從 ++[[]][+[]]+[+[]]==10? 深刻淺出弱類型 JS 的隱式轉換 - 前端 - 掘金
本文純屬原創? 若有雷同? 純屬抄襲? 不甚榮幸! 歡迎轉載！原文收錄在【個人GitHub博客】，以爲本文寫的不算爛的，能夠點擊【個人GitHub博客】順便登陸一下帳號給個星星鼓勵一下，關注最新更新動態，你們一塊兒多交流學習，歡迎隨意轉載交流，不要錢，文末沒有...

收集 JavaScript 各類疑難雜症的問題集錦 - 前端 - 掘金
從原博客遷移過來（有更改），並將保持更新。關於JavaScript，工做和學習過程當中遇到過許多問題，也解答過許多別人的問題。這篇文章記錄了一些有價值的問題。 1. 對象字面值不能正確解析問題：{a:1}.a報錯，錯誤Uncaught SyntaxErro...

前端開發面試題總結之——JAVASCRIPT（三） - 前端 - 掘金
相關知識點數據類型、運算、對象、function、繼承、閉包、做用域、原型鏈、事件、RegExp、JSON、Ajax、DOM、BOM、內存泄漏、跨域、異步加載、模板引擎、前端MVC、前端MVVM、路由、模塊化、Http、Canvas、jQuery、ECMAS...

前端開發面試題總結之——JAVASCRIPT（二） - 前端 - 掘金
相關知識點數據類型、運算、對象、function、繼承、閉包、做用域、原型鏈、事件、RegExp、JSON、Ajax、DOM、BOM、內存泄漏、跨域、異步加載、模板引擎、前端MVC、前端MVVM、路由、模塊化、Http、Canvas、jQuery、ECMAS...

JavaScript 定時器及相關面試題 - 前端 - 掘金
在單線程JavaScript這篇文章中,在介紹JavaScript單線程的同時，也介紹了setTimeout是如何工做的。可是對於定時器的一些內容，並無作深刻的討論。這篇文章，會詳細說說JS的兩種定時器，setTimeout和setInterval，以及它們...

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

關於 HTML 中 meta 標籤的理解和總結 - 前端 - 掘金
以前學習前端中，對meta標籤的瞭解僅僅只是這一句。 " title="" data-original-title="複製"> ...

完全深入理解 js 原型鏈之 prototype、proto 以及 constructor (一) - 前端 - 掘金
如下概念請花費必定的時間完全理解,才能進行下一步,思考題必定要思考,這樣才能完全掌握原型鏈的知識點,教程中若是有任何的錯誤不足請指正! 函數對象由function創造出來的函數,好比...

微信 LazyMan 筆試題的深刻解析和實現 - 前端 - 掘金
1、題目介紹如下是我copy自網上的面試題原文：實現一個LazyMan，能夠按照如下方式調用:LazyMan("Hank")輸出:Hi! This ...

一篇文章搞定 JS 類型轉換 - 前端 - 掘金
爲啥要說這個東西？一道面試題就給我去說它的動機。題以下：var bool = new Boolean(false); if (bool) { alert('true'); } else { alert('false'); }運行結果是true！！！其實...

考慮在你的下一個 Web 項目中使用 VueJS 吧！ - 前端 - 掘金
原文連接：Consider VueJS for Your Next Web Project 做者：Roman Kuba VueJS是什麼？大體上，你能夠把Vue（讀音與view相同）理解爲MV*當中的V層，若是非要和...

天天一題 LeetCode 系列（有翻譯，註釋，持續更新~） - 閱讀 - 掘金
leetcode 是一個頗有名的在線OJ，上面收集了各大IT公司的筆試面試題，很是適用於在國內找工做的程序猿，以及剛接觸ACM 算法競賽的新手練習數據結構和算法。有興趣能夠關注這個系列(在簡書上，如今只有我一我的關注..┑(￣...

一道常被人輕視的前端 JS 面試題 - 前端 - 掘金
目錄前言第一問第二問變量聲明提高函數表達式第三問第四問第五問第六問構造函數的返回值第七問最後前言年前剛剛離職了，分享下我曾經出過的一道面試題，此題是我出的一套前端面試題中的最後一題，用來考覈面試者的JavaScript的綜合能力，很惋惜到目前爲止的將近兩年中...

前端進階 - 讓你升級的網絡知識 - 前端 - 掘金
在正文以前，我想問你們一個問題:問:親，你有基礎嗎？答: 有啊，你說前端嗎？不就是HTML,JS,CSS 嗎? so easy~問: oh-my-zsh... 好吧，那問題來了，挖掘機技術哪家強... 開玩笑。如今纔是問題的正內容。你知道TCP的基本內...

『翻譯』JavaScript 技術面試時要當心的三個問題 - 前端 - 掘金
馬里奧碰到花朵就變身。什麼是馬里奧？一個裝着 16 × 32 個小色塊的長方形，其中一些色塊填着顏色，另外一些沒有。什麼是花？一個 16 × 16 的正方形。什麼是「變身」？把馬里奧這個方塊裏面表明衣服的褐色變成紅色，表明揹帶褲的紅色變成白色。什麼是褐...

(譯) JavaScript 風格指南 - 前端 - 掘金
目錄介紹變量 ...

(譯) 如何書寫整潔的 CSS 代碼？只需十步！（二） - 前端 - 掘金
原文地址：How to Write Clean CSS in 10 Simple Steps Pt2 原文做者：Alex Devero ...

undersercore 源碼分析 - 前端 - 掘金
寫做意圖起初，我分析underscore的源碼只是想更深刻的瞭解函數式編程（Functional Programming），但分析結束後，我就以爲單純的源碼註釋不足以記錄個人收穫、理解和感悟，因此我想把這些寫下來，我粗略地將寫做意圖歸納以下： ...

JavaScript30 中文指南 - 04 Array 基本操做指南 - 前端 - 掘金
做者：©緝熙Soyaine 簡介：JavaScript30 是 Wes Bos 推出的一個 30 天挑戰。項目免費提供了 30 個視頻教程、30 個挑戰的起始文檔和 30 個挑戰解決方案源代碼。目的是幫助人們用純 ...

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

TypeScript 入門教程 - 前端 - 掘金
從 JavaScript 程序員的角度總結思考，按部就班的理解 TypeScript。原名《From JavaScript to Typ...

關於《JavaScript半知半解》和《Web開發實戰》的電子版說明 - 前端 - 掘金
《JavaScript半知半解》和《Web開發實戰》目前都已經發布，而關於電子版，都尚未開放下載。對於《Web開發實戰》的電子版，將會在完成100個功能時開放下載，預計是過完年後的2月底或3月初。而《JavaScript半知半解》的電子版，將會從今天...

2016 年最值得讀的 10 篇 Nodejs 文章 - 前端 - 掘金
2016 was an exciting year for Node.js developers. I mean - just take a look at this picture: Looking back through the 6-year-lon...

ES6 Reflect - 前端 - 掘金
這一篇文章，咱們來學習一下ES6的Reflect這個全局對象；首先咱們要了解一下，爲何會新添加這麼一個全局對象？若是你看過Reflect的一些函數，你就會發現，這個對象上的方法基本上均可以從Object上面找到，找不到的那些，也是能夠經過對對象命令式的操做去...

毫無節操地理解 js 的做用域、閉包 - 前端 - 掘金
今天在水羣時發現有小夥伴又拿出了這樣的代碼： function a(){ function b(){ c = 1; } } 而後問c是誰的。。。我一看，誒呀我擦，這又不是做用域的問題嗎？...

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

JavaScript 做用域分析總結 - 前端 - 掘金
原文連接 http://blog.poetries.top/2017/01/10/js-scope 1、JS解析順序和做用域： ...

Node.js 最佳實踐 - 在 2017 年如何成爲一名更好的 Node.js 開發者 - 前端 - 掘金
一年前，我發表的在2016年如何成爲一名更好的Node.js開發者成功地引發了普遍關注，所以今年我想延續去年的主題，講講在2017年，如何成爲一名更好的Node.js開發者。在這篇文章中,咱們將展望2017年Node.js的最佳實踐，最熱話題，以及咱們需...

看懂前端腳手架你須要這篇webpack - 掘金
it's not webpack step by step（webpack2）打個廣告，歡迎你們訂閱我司尚妝github博客，不按期乾貨輸出哦。分割webpack配置文件的多種方法 ###（一）將你的配置信息寫到多個分散的文件中去，而後在執行w...

JSPatch 熱修復 - 掘金
JSPatch首頁。 ###1、背景需求介紹 ####爲何咱們須要一個熱修復(hot-fix)技術？工做中容易犯錯、bug難以免。開發和測試人力有限。蘋果Appstore審覈週期太長，一旦出現嚴重bug難以快速上線新版本。做爲生產力工具，用戶有對穩定性和...

JavaScript 原型中的哲學思想 - 掘金
歡迎來個人博客閱讀：「JavaScript 原型中的哲學思想」記得當年初試前端的時候，學習JavaScript過程當中，原型問題一直讓我疑惑許久，那時候捧着那本著名的紅皮書，看到有關原型的講解時，老是心存疑慮。當在JavaScript世界中走過很多旅程以後...

看我如何搞定 Nodejs 內存泄漏問題 - 後端 - 掘金
最近又用node寫了一個小工具，須要常駐進程，通過幾天的觀察，發現內存佔用有持續增長的趨勢（雖然不明顯，但仍是讓我察覺到了，我真屌）。忽然發現，我居然不知道怎麼排查nodejs的內存泄漏，嚇死寶寶了！花時間看了一下相關資料（google真好，外果仁真屌），看...

JSPatch 熱修復 - iOS - 掘金
今天寫了一個jspatch的小demo，每一步都作了截圖，若是不瞭解JSPatch，你們可自行百度。JSPatch首頁。 1、背景需求介紹爲何咱們須要一個熱修復(hot-fix)技術？ ...

Vonic 正式版發佈！附中文文檔 - 前端 - 掘金
成功收尾，本月終於能夠向 2.0 邁進了！O(∩_∩)O...

particles.js - 輕量的粒子動效 JS 開源庫 - 前端 - 掘金
particles.js A lightweight JavaScript library for creating particles. Demo / Generator ...

如何利用工具提升 React 頁面渲染性能 - 後端 - 掘金
前言用 React 一段時間了，也作了很多列表頁。在用 React 作無限下拉加載的列表頁時發現個問題：頁面前幾頁渲染速度還挺快的，可是越往下拉加載內容頁面的渲染就越慢。這是怎麼回事呢？讓咱們先來看下 React 的組件渲染流程吧。 React 的組件渲染...

ES 6 新特性彙總（一圖全覽） - 掘金
本文首發於前端學習指南...

爲何咱們選擇Vue，而不選React（譯） - 掘金
最近Qwintry團隊積極地把Vue.js做爲了他們的前端框架，而且在全部的新舊項目中使用它，包括: 過去qwintry.com的Drupal系統 (qwintry.com) 咱們的新項目，徹底重寫了qwintry.com分支一個用Yii2 構建的B...

項目進展快，全靠 iView 帶 | 掘金技術徵文 - 掘金
前言 🎅聖誕節來了，先祝掘金的用戶聖誕節快樂！咱們的 iView 開源組件庫也發佈了聖誕版，快去更新日誌頁找彩蛋吧 iviewui.com。以前在掘金髮布了多篇關於 iView 的技術文章後，在社區和 GitHub 獲得了不少開發者的支持，咱們也勵志要將 i...

JavaScript 的性能優化：加載和執行 - 前端 - 掘金
文章目錄概覽 ...

《JavaScript 設計模式》讀後感受很複雜 - 前端 - 掘金
接觸前端兩三個月的時候，那時候只是據說設計模式很重要，而後我就去讀了一本設計模式的書，讀了一部分，也不知道這些設計模式到底設計出來幹嗎的，而後就沒再看了。後來就本身作一些小項目也覺着好像不須要用到設計模式這個東西呀。如今，接觸前端有半年了，決定再從新看看設計模...

一段人人都應該知道的從Vue到React的過渡史 - 掘金
寫在前面之前寫Vue寫慣了，心血來潮，寫起了React。並根據Vue官網文檔的語法順序，寫了對應的React的語法，並附一個教程demo。教程的github地址：Close2React 項目使用框架版本主要有 react(15.4.1) + react-d...

少踩點坑，你值得知道的React事件綁定 - 掘金
寫在前面之前寫Vue寫慣了，心血來潮，寫起了react。 github地址：Close2React 項目使用框架版本主要有 react(15.4.1) + react-dom(15.4.1) + webpack(1.13.3) + axios(0.15.3)...

函數式編程特性理解 - 後端 - 掘金
函數式編程是一種編程範式，不一樣於以前的面向對象編程。它是面向數學的抽象，也就是說，這裏的函數二字再也不是咱們編程語言中的函數，而是數學中的函數了。在數學中，y = f(x) ，則因變量 y 是自變量 x 的函數，則 f(x) 是 x 的函數。在這裏，f() 只...

前端進階：透徹掌握 Promise 的使用，讀這篇就夠了 - 前端 - 掘金
Promise：高手必備 Promise的重要性我認爲我沒有必要多講，歸納起來講就是必須得掌握，並且還要掌握透徹。這篇文章的開頭，主要跟你們分析一下，爲何會有Promise出現。在實...

從 Chrome 源碼看 JS Object 的實現 - 前端 - 掘金
看到這個題目，可能有些人會以爲奇怪——Object不是JS的基本數據類型麼，有什麼實現不實現的呢？若是你這麼想的話，說明你沒有接觸過其它語言，一直都是在和JS打交道，編程世界那麼大，你沒有出去看一看。C/C++/Java等語言是沒有這種json的數據類型的，其...

技術 | JavaScript 的「併發模型」 - 前端 - 掘金
說到併發應該不少人會想到多線程或多進程，很遺憾JavaScript是單線程的，可是JavaScript也有一個頗有趣的東西，可讓你產生在使用多線程的感覺，事件循環（Event Loop）提供了一些頗有意思的東西，今天我想和你們一塊兒討論討論。 "E...

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

Ajax-hook原理解析 - 掘金
自上一篇《js 攔截全局 ajax 請求》發佈以後，不少人對實現原理很是感興趣，好，今天咱們講內涵！若是你還不知道ajax-hook，請先了解一下：github : https://github.com/wendux/Ajax-hook中文介紹：http:...

JavaScript 精粹 - 前端 - 掘金
數據類型 JavaScript 是弱類型語言，但並非沒有類型，JavaScript能夠識別下面 7 種不一樣類型的值：基本數據類型 Boolean Number String null undefined ...

快速將 Promise 運用在開發中 - 掘金
這篇文章面向對Promise不甚瞭解的朋友，我將告訴你如何把它快速運用在開發中。什麼是Promise？簡單幾句介紹一下。Promise是抽象異步處理對象以及對其進行各類操做的組件。你能夠理解爲：它的出現，是爲了讓咱們更方便的進行異步處理。在Promis...

使用簡單的 JavaScript，咱們爲何應該抵制 ES6 的一些特性 - 前端 - 掘金
做爲一名專職的JavaScript開發者，我會密切關注有關JS最新動態，不過最近看過ECMAScript 6的一些新的語法後。我認爲ES委員會已經偏離正確的軌道，正在將JavaScript引向錯誤的方向，極可能又在重複ES4的老路。 JavaScript的簡...

pull-to-reload - 用於實現 Web 下拉刷新 - 前端 - 掘金
This is a pull to refresh implementation for the web. Designed to work with both mobile and desktop devices. Fits nicely with web-...

做用域與閉包的一二事 - 前端 - 掘金
閉包是JavaScript語言的一大特色，能夠說再開發的過程當中，它無處不在，即便有時候咱們都沒有發現它的存在。接觸JavaScript以來，雖說是一直有對閉包瞭解，可是實際應用起來或者分析一些代碼的時候卻有些吃力。如今回過頭總結，才又進一步的揭開了閉包的一層...

WebSocket 淺析 - 前端 - 掘金
前言在WebSocket API還沒有被衆多瀏覽器實現和發佈的時期，開發者在開發須要接收來自服務器的實時通知應用程序時，不得不求助於一些「hacks」來模擬實時鏈接以實現實時通訊，最流行的一種方式是長輪詢。長輪詢主要是發出一個HTTP請求到服務器，而後保持...

《高性能 JavaScript》讀書筆記 - 前端 - 掘金
入手《高性能JavaScript》一週後，終於斷斷續續看完了。簡要說說感覺，就是這本書很是薄，很是容易看，認真看的話其實兩三個小時就能翻一遍了。這篇文章也是做爲一篇閱讀筆記，用來記錄我在閱讀過程當中的一些理解與感悟。乍一...

一道 JS 面試題所引起的 "血案"，透過現象尋本質，再從本質看現象 - 前端 - 掘金
以爲本人寫的不算很爛的話，能夠登陸關注一下個人GitHub博客，新手寫東西寫的很差之處，還望見諒，畢竟水平有限，寫東西只爲交流提升，一塊兒學習，還望大神多加指點，指出紕漏，和提出寶貴的意見，博客會堅持寫下去。今天同窗去面試，作了兩道面試題,所有作錯了，發過來給...

AR.js - 使用 JavaScript 在瀏覽器裏實現 VR 效果 - 工具資源 - 掘金
I am focusing hard on making AR for the web a reality. This repository is where i publish the code. Contact me anytime @jerome_eti...

前端基礎進階：全方位解讀 this - 前端 - 掘金
~ 咱們在學習JavaScript的過程當中，因爲對一些概念理解得不是很清楚，可是又想要經過一些方式把它記下來，因而就很容易草率的給這些概念定下一些方便本身記憶的有誤差的結論。危害比較大...

科普 | 編譯 V8 源碼 - 前端 - 掘金
對於JavaScript程序員來講，能夠瞧一瞧justjavac給你們寫的科普類讀物，V8引擎的分析，「也許你不懂C++」，可是你能夠了解一下，老是好的。本系列獲得了justjavac的受權，贊成我在公衆號中轉載，來源於知乎專欄：https://zhuan...

Socket.io+Notification 實現瀏覽器消息推送 - 前端 - 掘金
前言 socket.io: 包含對websocket的封裝，可實現服務端和客戶端以前的通訊。詳情見官網 (雖然是英文文檔，但仍是通俗易懂)。 Notification: Html5新特性，用於瀏覽器的桌面通知，只有部分...

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

數據綁定之謎 - 前端 - 掘金
所謂的雙向綁定，無非是從界面的操做能實時反映到數據，數據的變動能實時展示到界面。數據綁定換種說法，若是咱們有一個 user 對象和一個 name 屬性，一旦咱們賦了一個新值給 user.name,在 UI 上就會顯示新的姓名了。同...

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

[深刻 Promise(一)——Promise 實現詳解

前端 - 掘金](https://juejin.im/entry/58a10aa61b69e60059d1d2af)
目錄：深刻 Promise(一)——Promise 實現詳解深刻 Promise(二)——進擊的 Promise 深刻 Promise(三)——命名 Promise 封面來源——i...

深刻理解 Promise (下) - 前端 - 掘金
通過幾天源碼研究學習以後，基本上對Promise有了深刻的瞭解，也手動封裝了本身了Promise工具類，下面就是咱們去在應用場景中去驗證這個工具類的使用了上 - 理論知識 Promise 規範 ES6 Promise API Polyfill和擴展類庫 P...

深刻理解 Promise (中) - 前端 - 掘金
通過上一篇深刻理解 Promise （上）的理論知識和用法學習，這一篇讓咱們深刻源碼層面，一步一步去封裝一個Promise，去了解Promise的內部實現，以便咱們在項目中對Promise的使用運用自如。上 - 理論知識 Promise 規範 ES6 ...

深刻理解 Promise (上) - 前端 - 掘金
自從ES6流行起來，Promise 的使用變得更頻繁更普遍了，好比異步請求通常返回一個 Promise 對象，Generator 中 yield 後面通常跟 Promise 對象，ES7中 Async 函數中 await 後面通常也是 Promise 對象，還...

擼 js 基礎之對象 - 前端 - 掘金
前言前端這兩年的新技術鋪天蓋地，各類框架、工具層出不窮眼花繚亂。最近打算好好複習下 js 基礎，夯實的基礎纔是學習新技術的基石。本文做爲讀書筆記簡單的總結下 js 對象的基礎知識。本系列另外還有一篇：擼js基...

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

深刻理解 JavaScript 中 for 循環 - 前端 - 掘金
深刻理解 JavaScript 中 for 循環...

從一道面試題談談函數柯里化 (Currying) - 前端 - 掘金
歡迎你們再一次來到個人文章專欄:從面試題中咱們能學到什麼，各位同行小夥伴是否已經開始了清閒的春節假期呢?在這裏提早祝你們雞年大吉吧~哈哈，以前有人說，學面試題不會有什麼長進，其實我以爲這個就像是咱們英語考試中的閱讀理解，帶着問題去看文章反而更有利於本身的學習。...

JS 全棧教程 - 前端 - 掘金
本課程是基於阮一峯的 js 全棧教程的視頻版本，免費供你們觀看...

2016 年 JavaScript 領域中最受歡迎的「明星」們 - 前端 - 掘金
JavaScript社區的發展正如盛壯之時的騏驥，—日而馳千里，趨勢如長江後浪推前浪。 2016年已通過去，2017的工做已經開啓，你是否會擔憂錯過一些重要的東西？無須擔憂， JS.ORG不久前分享了一篇博文： https://risingstars2...

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

JavaScript 中對象屬性存在性及相關檢測方法總結 - 前端 - 掘金
前言訪問一個對象中的某個屬性時，返回的結果多是undefined，這有多是自己該屬性存儲的值就是undefined，也有多是該屬性在對象中不存在。對此，就產生了判斷屬性存在性的相關問題和解決方法。 ...

JavaScript 中比較運算的詳細總結 - 前端 - 掘金
前言在javascript開發中，比較操做是十分常見的。因爲顯式/隱式強制類型轉換機制的存在，咱們在使用比較運算時顯得過於隨意，也許表面上看並無什麼錯誤（好比在if()語句中判斷兩值相等時順手就寫成 == ），可是這可能會埋下不少不易發...

JavaScript ES5 對象的的建立及屬性狀態維護分析 - 前端 - 掘金
在說屬性以前，咱們先來了解一下ES5的新方法,Object.create()函數。新的對象建立方法在舊的「原型繼承」觀念中，它的本質上是「複製原型」，即：以原型爲模板複製一個新的對象。然而咱們應該注意到一點事實：在這個思路上，「構造器函數」自己是無心義的。...

JavaScript 的數據結構與算法（一）——棧和隊列 - 前端 - 掘金
一、棧棧是一種聽從後進先出(LIFO)原則的有序集合。新添加的或待刪除的元素都保存在棧的末尾。稱做棧頂，另外一端就叫棧底。在棧裏，新元素都靠近棧頂，舊元素都靠近棧底。如今經過數組的方法來實現棧，代碼以下： function Stack() { var it...

原生 ECMAScript 模塊 - 第一次概述 - 前端 - 掘金
2016年瀏覽器和Node.js對於ECMAScript 2015 specification的應用取得了難以置信的發展。如今咱們面臨的情況是支持狀況幾乎都接近100%：可是標準也同時介紹了ECMAScript modules (現在也常常被叫做ES或者E...

也談 JavaScript 數組去重 - 前端 - 掘金
JavaScript的數組去重是一個老生常談的話題了。隨便搜一搜就能找到很是多不一樣版本的解法。昨天在微博上看到一篇文章，也寫數組去重，主要推崇的方法是將利用數組元素看成對象key來去重。我在微博轉發了「用對象key去重不是個好辦法…」而後做者...

ES7 Decorator 裝飾者模式 - 前端 - 掘金
一、裝飾模式設計模式你們都有了解，網上有不少系列教程。這裏只分享裝飾者模式以及如何使用 ES7 的 decorator 概念。 1.一、裝飾模式 v.s. 適配器模式 ...

從 []==[] 爲 true 來剖析 JavaScript 各類蛋疼的類型轉換 - 前端 - 掘金
你是否在面試中遇到過各類奇葩和比較細節的問題? <span type="button" class="copyCode code-tool" data-toggle=...

單線程 JavaScript - 前端 - 掘金
最近在閱讀《你不知道的JavaScript中卷》，當我看到第二部分介紹異步和回調函數的一些知識時，因爲該書在第二部分一、2章對線程、事件循環的概念介紹的並不是詳細，所以引起了個人一系列思考。因而寫下這篇小文章，記錄本身對該知識點的學習和思考。什麼是線程因爲J...

排序算法 -- JavaScript 標準參考教程（alpha） - 前端 - 掘金
來自《JavaScript 標準參考教程（alpha）》，by 阮一峯目錄冒泡排序簡介算法實現選擇排序簡介算法實現 ...

深刻理解 JavaScript 系列 - 前端 - 掘金
深刻理解JavaScript系列文章，包括了原創，翻譯，轉載，整理等各種型文章，若是對你有用，請推薦支持一把，給大叔寫做的動力。來源：http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html ...

JS中可能用獲得的所有的排序算法 - 掘金
本篇有7k+字, 系統梳理了js中排序算法相關的知識, 但願您能喜歡. 原文: http://louiszhai.github.io/2016/12/23/sort/ 導讀排序算法能夠稱得上是個人盲點, 曾幾什麼時候當我知道Chrome的Array.protot...

中介者模式 - 掘金
1、什麼是設計模式設計模式是爲特定場景下的問題而定製的解決方案。特定場景指問題所在的重複出現的場景，問題指特定環境下你想達成的目標。一樣的問題在不一樣的環境下會有不一樣的限制和挑戰。定製的解決方案是指在特定環境下克服了問題的限制條件而達成目標的一種設計。 2、設...

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

leaf.js: 如何利用 Proxy 劫持，實現狀態管理 - 前端 - 掘金
leaf.js 一個使用Proxy劫持的下一代狀態管理方案 TODO 該項目目前有不少缺點:...

jQuery 源碼系列（一）整體架構 - 前端 - 掘金
歡迎來個人專欄查看系列文章。決定你走多遠的是基礎，jQuery 源碼分析，向長者膜拜！我雖然接觸 jQuery 好久了，但也只是侷限於表面使用的層次，碰到一些問題，找到 jQ...

觀點 | 2017 年前端初學者的生存指南 - 前端 - 掘金
逝者如斯夫，不捨晝夜。歷史在向前發展，前端的「摩爾定律」是每隔18個月難度會上升一次，過去的2016年咱們再也不回顧，展望2017年，對於初學者想要生存下來，該怎麼辦？若是你有這個疑問，那麼你就得好好閱讀一下，我這篇文章了。數據不許，2017年2月19...

[Service Worker: 讓網頁無網絡也能訪問

前端 - 掘金](https://juejin.im/entry/58a4ee8e8d6d810057c207a8)
寫在前面本文原創，轉載請以連接形式註明地址：http://kymjs.com/code/2017/02/15/01 想要開發一個 PWA(Progressive Web App)應用，你必須知道首先知道，Service Worker 是什麼，他是怎麼工做的。 ...

從達標到卓越 - API 設計之道 - 前端 - 掘金
新技術層出不窮，長江後浪推前浪，而浪潮褪去後能留下來的，是一些經典的設計思想。在前端界，之前有遠近聞名的 jQuery，近來有聲名鵲起的 Vue.js。這二者叫好又叫座的緣由當然有不少，可是其中有一個共同特質不可忽視，那即是它們的 API 設...

面試開發經常使用的 JavaScript 知識點總結 - 前端 - 掘金
No1.語法和類型 1. 聲明定義 ...

javascript array js 緩存算法，數組去重、數組隨機抽取、字母串轉數字，數字轉字符串 - 前端 - 掘金
前言由於平時在寫代碼的過程當中，有些算法會常常重複寫，好比數組去重、數組抽取隨機值等！雖然這些不是很難的邏輯，可是每次剛開始遇到需求的時候，仍是須要琢磨一些時間才能想出來，因此此文檔把這些常見算法的思想記錄下...

HTML 大文件上傳 - 前端 - 掘金
文件上傳已經是老生常談了。文件上傳，原始的方法有： form表單提交。經過iframe+form表單進行模擬異步上傳。因爲Http協議的限制，在處理大文件上傳會存在超時的現象。在舊的瀏覽器中是沒法讀...

直播敲代碼？你可能須要它 - 前端 - 掘金
二話不說，先放圖：自拍233 二話不說，再放github地址：github；這個是demo:demo：若是以爲好玩請點個星啊，謝謝。...

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

初探自動捕獲網頁中的異常報錯 - 前端 - 掘金
因爲當前國內測試行業的未技術化，特別是對前端測試的忽略，大多數公司的仍是停留在以人力+人肉進行前端的測試，雖然大部分狀況下能夠暴露出大部分的問題，可是有一些網頁的異常報錯，測試人員並不會注意到或者沒辦法還原錯誤操做和環境等。因此，前端可以經過在本身項目代碼裏自...

JavaScript 中 apply() 的應用技巧 - 前端 - 掘金
最近在看JavaScript設計模式，其中有一些巧妙的函數。部分修改後記錄在此，順便加上本身寫出的一些好玩的函數。 apply實現callFunction.prototype.call = function () { var ctx = [].sh...

Js 攔截全局 ajax 請求 - 前端 - 掘金
你是否有過下面的需求：須要給全部ajax請求添加統一簽名、須要統計某個接口被請求的次數、須要限制http請求的方法必須爲get或post、須要分析別人網絡協議等等，那麼如何作？想一想，若是可以攔截全部ajax請求，那麼問題就會變的很簡單！😄，少年，想法有點大膽...

聊聊前端代碼異常監控 - 前端 - 掘金
在平時的工做，js報錯是比較常見的一個情景，尤爲是有一些錯誤可能咱們在本地測試的時候測試不出來，當發佈到線上以後才能夠發現，若是搶救及時，那還好，假如很晚才發現，那就可能形成很大的損失了...

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

Vue 核心之數據劫持 - 前端 - 掘金
Vue框架核心之數據劫持前瞻當前前端界空前繁榮，各類框架橫空出世，包括各種mvvm框架橫行霸道，好比Angular、Regular、Vue、React等等，它們最大的優勢就是能夠實現數據綁定，不再須要手動進行DOM操做了，它們實現的原理也基本上是髒檢查或...

[深刻 Promise(二)——進擊的 Promise

前端 - 掘金](https://juejin.im/entry/58a10b45128fe100659a587a)
目錄：深刻 Promise(一)——Promise 實現詳解深刻 Promise(二)——進擊的 Promise 深刻 Promise(三)——命名 Promise twitter 上有一道...

[深刻 Promise(一)——Promise 實現詳解

前端 - 掘金](https://juejin.im/entry/58a10aa61b69e60059d1d2af)
目錄：深刻 Promise(一)——Promise 實現詳解深刻 Promise(二)——進擊的 Promise 深刻 Promise(三)——命名 Promise 封面來源——i...

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

用原生 JS 實現雙向綁定及應用實例 - 掘金
寫在前面：所謂的雙向綁定，無非是從界面的操做能實時反映到數據，數據的變動也能實時展示到界面。angular封裝了雙向綁定的方法，使雙向綁定變得十分簡單。可是在有些場景下（好比下面那個場景），不能使用angular來實現雙向綁定，須要咱們使用js來實現雙向綁定...

javascript 開發植物大戰殭屍 - 前端 - 掘金
簡介這是我給社團學弟寫的一個小demo，一個簡易版植物大戰殭屍，基本上涉及了很多簡單並且重要的小知識，對學習前端入門應該仍是有些幫助的，如今我帶你們來分析分析這個小demo ...

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

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

函數節流與函數防抖 - 前端 - 掘金
什麼是函數節流與函數防抖舉個栗子，咱們知道目前的一種說法是當 1 秒內連續播放 24 張以上的圖片時，在人眼的視覺中就會造成一個連貫的動畫，因此在電影的播放（之前是，如今不知道）中基本是以每秒 24 張的速度播放的，爲何不 100 ...

免費且又精緻的 HTML/CSS 站點模板 - 前端 - 掘金
&amp;amp;amp;amp;amp;lt;img src="uploads/images/ethereal.jpg" alt="Ethereal" /&amp;amp;amp;amp;amp;gt; &...

口口相傳的 JS 的面相對象的封裝與繼承 - 前端 - 掘金
之前讀書上java課的時候每天要面向對象而後我還記得老師說去面試必定會被問面向對象的問題然而至今爲止我也就遇到一我的問過我這個問題 However 我一直也就待在一家公司裏面嚮對象語言的要求一種面嚮對象語言須要向開發者提供四種基本能力：...

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

Clean JavaScript: 寫出整潔的 JavaScript 代碼 - 某熊的全棧之路 - 知乎專欄 - 前端 - 掘金
Clean JavaScript:寫出整潔的JavaScript代碼翻譯自clean-code-javascript。本文從屬於筆者的Web 前端入門與工程實踐。 Introduction:簡介不少開發者都會推崇Robert C. ...

(譯) JavaScript 風格指南 - 前端 - 掘金
目錄介紹變量 ...

JavaScript 原生實現《貪吃蛇》 - 前端 - 掘金
貪吃蛇你們都不陌生吧~簡單作一個。貪吃蛇.jpg 由於沒有圖片素材，因此只能用簡單的樣式代替了，不要嫌棄呀~ ...

前端 Ajax 跨域請求方案沙裏淘金 - 前端 - 掘金

所謂跨域跨域是一種瀏覽器同源安全策略，也即瀏覽器單方面限制腳本的跨域訪問。不少人可能誤認爲資源跨域時沒法請求，實質上請求是能夠正常發起的（指一般狀況下，部分瀏覽器存在部分特例），後端也可能正常進行了處理，...

JavaScript 真值表 - 前端 - 掘金
Oh My Dear JavaScriptBizarre behaviors in JavaScriptRelational and Equality OperatorsOperators are ordered by strictness, top most...

JavaScript 中的尾調用 - 前端 - 掘金
尾調用(Tail Call) 尾調用是函數式編程裏比較重要的一個概念，它的意思是在函數的執行過程當中，若是最後一個動做是一個函數的調用，即這個調用的返回值被當前函數直接返回，則稱爲尾調用，以下所示： function f(x) { ...

管理複雜頁面的按鈕點擊事件 | 宗仁的博客 - 閱讀 - 掘金
問題最近在作的App的首頁是根據接口返回數據動態生成（使用代碼建立）的，並且頁面結構和頁面數據都是可編輯的，從而致使界面上按鈕的類型和順序徹底不肯定，因此不能像普通頁面那樣使用IBAction（iOS下）的方式來處理點擊事件，須要對按鈕的事件進行有規則的處理。...

學習 JavaScript 數據結構(三)——集合 - 掘金
前言總括：本文講解了數據結構中的[集合]概念，並使用javascript實現了集合。原文博客地址：學習javascript數據結構(三)——集合知乎專欄&&簡書專題：前端進擊者（知乎）&&前端進擊者（簡書）博主博客地...

一個治癒 JavaScript 疲勞的學習計劃 - 前端 - 掘金
像其餘人同樣，我最近偶然看到 Jose Aguinaga 的文章《在 2016 年學 JavaScript 是一種什麼樣的體驗》」。很顯然，這篇文章觸到了不少人的痛點：我看到它兩次榮登 Hacker News 的榜首。它也是 /r/javascript...

三張圖搞懂JavaScript的原型對象與原型鏈 - 掘金
早前在博客園發的幾篇基礎文，都是圖解系列，總結了一些JavaScript容易混淆的知識點，如今拿來在掘金分享一下吧。原文地址：三張圖搞懂JavaScript的原型對象與原型鏈對於新人來講，JavaScript的原型是一個很讓人頭疼的事情，一來prototy...

js 常規日期格式處理、月曆渲染、倒計時函數 - 前端 - 掘金
日期格式處理在前端的平常任務中很是常見，可是爲此引入monent.js這樣的類庫又會顯得有點臃腫，畢竟咱們一個特定的項目中，並不須要monent.js那麼全的涵蓋範圍。另外，若是如今公司讓你本身手寫一個日曆組件（月曆、周曆），日曆組件中須要耦合咱們的其餘業務需...

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

JS 紅寶書 · 讀書筆記 -- 上篇 - 前端 - 掘金
JavaScript 高級程序設計我的博客：https://yeaseonzhang.github.io 花了半個多月的時間...

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

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

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

執行環境和做用域 - 掘金
執行環境（也就是常說的上下文）和做用域是js中很基礎也很重要的概念，但在不少時候，特別是看其餘的文檔的時候，卻容易混淆概念，這篇文章試着梳理下執行環境和做用域的概念。一、執行環境執行環境定義了變量或函數有權訪問的其餘數據，決定了它們各自的行爲。每一個執行環...

技術 | 前端面試題（一）：遞歸解析 - 前端 - 掘金
我和阿里巴巴的同事守雌將爲你們帶來一個系列專題：前端面試題解析，一週更新兩篇，也許答案可能不是最優的，可是也能夠給你提供解決問題的思路。面試題力求實戰，指望對於找工做的你，溫故而知新的你，能有所幫助。遞歸基本上是一個必考的算法題，它是實現程序計算過...

JS 全棧教程 - 前端 - 掘金
本課程是基於阮一峯的 js 全棧教程的視頻版本，免費供你們觀看...

不要過分依賴 jQuery（一） - 前端 - 掘金
毫無疑問，JQuery是一款很是優秀的JavaScript庫，它讓咱們開發項目變得更加便捷容易。不過，當你準備在一個項目（特別是移動項目）中使用JQuery時，你真的該好好思考一下，你會用到JQuery的哪些功能，是否真的須要jQuery。由於隨着Java...

學習 javascript 數據結構 (四)——樹 - 掘金
前言總括：本文講解了數據結構中的[樹]的概念，儘量通俗易懂的解釋樹這種數據結構的概念，使用javascript實現了樹，若有紕漏，歡迎批評指正。原文博客地址：學習javascript數據結構(四)——樹知乎專欄&&簡書專題：前端進擊...

濃縮解讀《JavaScript 設計模式與開發實踐》② - 前端 - 掘金
this、call和apply QQ圖片20170103163230.jpg 2.1 this ...

JavaScript30 中文指南 - 09 Console 調試技巧指南 - 前端 - 掘金
做者：©緝熙Soyaine 簡介：JavaScript30 是 Wes Bos 推出的一個 30 天挑戰。項目免費提供了 30 個視頻教程、30 個挑戰的起始文檔和 30 個挑戰解決方案源代碼。目的是幫助人們用純 ...

濃縮解讀《JavaScript 設計模式與開發實踐》① - 前端 - 掘金
f2deb48f8c5494ee6870cfaf2af5e0fe99257e32.jpg 面向對象的JavaScript 1.1 動態類型...

詳解 javascript 的 delete 運算 - 掘金
原文：Understanding delete 譯文：javascript 中的 delete 譯者：justjavac 在這篇文章中做者從《JavaScript面向對象編程指南》一書中關於 delete 的錯誤講起，詳細講述了關於 delete 操做的實現...

Web Storage--HTML5 本地存儲 - 前端 - 掘金
什麼是Web Storage Web Storage是HTML5裏面引入的一個相似於cookie的本地存儲功能，能夠用於客戶端的本地存儲，其相對於cookie來講有如下幾點優點： ...

深刻認識 Document - 前端 - 掘金
前端開發中或多或少都要對DOM進行一些操做，好比咱們經常使用的一些方法：document.getElementById("");document.querySelectorAll("");document.getElementsByClassName();docu...

Javascript 深刻淺出原型 - 前端 - 掘金
JavaScript 使用 prototypal 原型模型，雖然這常常被看成缺點說起，可是隻要善於運用，其實基於原型的繼承模型比傳統的類繼承還要強大。先聊一聊對象的事情 JavaScript 中，萬物皆對象！但對象也是有區別的，主要分爲普通對象（Ob...

JavaScript 中的 Promise 機制 - 前端 - 掘金
1.前言：如咱們所知道的javascript是一門單線程語言，不像java語言中有多線程的機制，前不久作項目的時候，須要在前端使用js進行一些列的ajax異步請求，這些請求之間有一種關係，就是下一次請求...

JavaScript 奇技淫巧 45 招 - 前端 - 掘金
本文是一篇翻譯文章，原文信息以下：原文：45 Useful JavaScript Tips, Tricks and Best Practices 做者：Saad Mousliki J...

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

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

你真的知道JS嗎 - 掘金
你真的知道JavaScript嗎 JavaScript是一門奇怪的語言，要真正掌握並不容易。廢話很少說，來一個快速測試，5道題目，看看你對JavaScript是否真正掌握。準備好了嗎？開始咯😄 題目 No....

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

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

Web簡史 - 掘金
你可能認爲web就是javascript？是，但不僅僅是。這篇文章可能有點長，涉及大量歷史資料，建議安排一個充裕的時間 + 充足的興趣 + 充足的耐心來通讀（預估10分鐘）。在今天的編程領域，web已然是一顆明星，固然，你也能夠以爲他很快不那麼火了，but...

原生 JavaScript 中 DOM 節點相關 API 合集 - 前端 - 掘金
原生 JS 中 DOM 節點相關 API 合集，如今 jQuery 漸漸沒有優點，推崇原生 JavaScript 了，趕忙學起來......

高階函數與高階組件 - 前端 - 掘金
前言初次聽聞這個概念是在去年的時候，那會是爲了解決Eslint中關於React的bind報錯的問題，有個同事推薦說使用高階函數就能夠了，可是那會只知其一;不知其二的，不知高階函數爲什麼物？高階組件也是沒有聽過。現在時隔半年有餘，接觸的信息多了，就以爲有必...

文本動畫, 幾行代碼頁面效果瞬間就提高了 - 前端 - 掘金
animate-text 文字動畫和數字動畫 animate text 查看DEMO...

全面解讀Math對象及位運算 - 掘金
Math方法和位運算幾乎是被忽略得最嚴重的知識點, 和正則同樣, 不用不知道, 一用處處查. 爲了告別這種低效的編程模式, 我特意總結此篇, 系統梳理了這兩個知識點. 以此爲冊, 助你攻破它們. 原文: http://louiszhai.github.io/2...

如何擺脫項目命名困難的尷尬局面 - 掘金
如何高效的命名你的項目在作一個項目的時候，咱們每每遭遇命名問題的困惑，當看到一些非專業人的代碼，看到他們凌亂的碼法，有時候真的苦不堪言。深入知道一個良好的命名規範的重要性，同時在項目中也會遇到一些命名的瓶頸。因此有必要寫一篇關於常見命名的方式。如下是經過3年...

javascript 安全的類型監測 - 前端 - 掘金
數據類型檢測 ECMAScript有五種簡單的數據類型，分別爲Undefined、Null、String、Number、Boolean，還有一個複雜的數據類型Object。ECMAScript的語言的動態性意味着咱們能夠使用以上6種數據類型表示...

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

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

js 獲取字符串中最長單詞長度的 3 種方法 - 前端 - 掘金
方法1: 先按空格把字符串轉換成數組，而後用for循環獲取每個數組元素的長度，再比較大小： function findLongestWord(str) { var length = 0; var strArray = str.split(' '...

『翻譯』3個緣由讓我像躲避瘟疫同樣避免使用JS匿名函數 - 掘金
Read the original 前言不管什麼時候閱讀代碼，你必定會看到匿名函數。有時它們被稱爲lambdas，有時被稱爲匿名函數（anonymous functions），但無論怎樣，我認爲他們是糟糕的。若是你不知道什麼是匿名函數，這裏有一段引用： ...

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

[JS 基礎] 對象凍結 - 掘金
做者：滴滴公共前端團隊 - YXY 前言：不少人看 Vue 2.* 版本源碼的時候也會注意到頻繁出現的 Object.freeze() 本文咱們經過學習查看 MDN 的介紹作了一下我的總結並分享出來，若是會的同窗就能夠直接忽略。正文： Object.fre...

前端鮮爲人知的一面——前端冷知識集錦 - 前端 - 掘金
（點擊上方公衆號，可快速關注）做者：伯樂在線專欄做者 - 劉哇勇若有好文章投稿，請點擊 → 這裏瞭解詳情如需轉載，發送「轉載」二字查看說明前端已經被玩兒壞了！像console.log()能夠向控制檯輸出圖片等炫酷的...

(譯) JavaScript 風格指南 - 前端 - 掘金
目錄介紹變量 ...

JavaScript 原型中的哲學思想 - 前端 - 掘金
記得當年初試前端的時候，學習JavaScript過程當中，原型問題一直讓我疑惑許久，那時候捧着那本著名的紅皮書，看到有關原型的講解時，老是心存疑慮。當在JavaScript世界中走過很多旅程以後，再次萌發起研究這部分知識的慾望，翻閱了很多書籍和資料，才搞懂__p...

javascript 之 - 深刻事件機制 - 前端 - 掘金
1.1 事件綁定的方式原生js的事件綁定方式有幾種？想必有不少朋友說3種！目前，在本人目前的研究中，只有兩種半！兩種半？還有半種的？且聽我道來。估計你們所認爲的三種大概是以下三種： // 第一種：直接綁定在dom上 <div onc...

寫一個簡單的分頁插件 - 前端 - 掘金
項目中用到的分頁的一個簡單總結...

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

vue-today：一個Vue+Webpack驅動的灰常小清新的簡單日曆組件 - 前端 - 掘金
一個Vue+Webpack驅動的灰常小清新的簡單日曆組件，Today is Cute；歡迎繼續完善，僅供學習和交流使用。...

Vue.js 開發實踐：實現精巧的無限加載與分頁功能 - 閱讀 - 掘金
本篇文章是一篇Vue.js的教程，目標在於用一種常見的業務場景——分頁/無限加載，幫助讀者更好的理解Vue.js中的一些設計思想。與許多Todo List類的入門教程相比，更全面的展現使用Vue.js完成一個需求的思考過程；與一些構建大型應用的高階教程相比，又...

【第一季】技術胖包你學會 Vue2.0 圖文視頻教程 - 內部指令 (共 8 集) - 前端 - 掘金
有圖有文還有視頻，前端史上最詳細的 Vue2.0 視頻教程，這篇文章詳細講解了 Vue 的內部指令，全文共 8 小節，8500 字。...

寫個vue-emoji組件。 - 掘金
最近公司需求作個相似於QQ空間的項目(其實開始的時候我是崩潰的),好在歷時一個月的時間,也終於進入測試的階段。完成項目過程當中，發現並無一個好用的emoji插件，因而寫了一個簡單的component，但願對各位有所幫助（若能順手給個start, 那便再好不過了...

Vue.js 全家桶高還原網易雲音樂 (Windows PC 版) - 前端 - 掘金
項目地址因爲網易雲的api限制，部分功能可能會失效，若有須要能夠clone項目下來在本地運行，若是api炸了，...

Vue+Flask 輕量級前端、後端框架，如何完美同步開發 - 後端 - 掘金
導言咱們的Vue2.0應用：簡讀-微信公衆號RSS，即將進入後端開發。 Vue+Flask做爲輕量級前端、後端框架，很是...

Vue 組件化開發實踐 - 前端 - 掘金
這是一篇，在開發掘金的過程當中，思考和總結出來，如何使用 Vue.js 和周邊工具集合成一套完整溫馨的組件化開發流程的文章。以前有關如何使用 Webpack 和 vue-loader 開發 Vue 應用的文章有：勾股大叔的 Vue + we...

構建流式應用—RxJS 詳解 - 前端 - 掘金
做者：TAT.郭林爍 joeyguo 原文地址最近在 Alloyteam Conf 2016 分享了《使用RxJS構建流式前端應用》，會後在線上線下跟你們交流時發現對於 RxJS 的態度呈現出兩大類:有用過的都表達了 RxJS 帶來的優雅編碼體驗，未用過的...

10 個基於 JavaScript 的機器學習案例 (譯) - 前端 - 掘金
在過去的幾年裏，機器學習的開發庫增加很快，可用性也變得愈來愈可靠，並且沒有減慢的趨勢。一直以來Python做爲機器學習的主力語言，如今神經網絡能夠應用任何語言了，包括JavaScript! web生態系統雖然最近...

co.js 異步回調的原理 - 前端 - 掘金
本文做者：ivweb 何方舟原文出處：IVWEB社區未經贊成，禁止轉載 IVWEB公衆羣2 co.js 做爲 koa 框架的核心庫，利用 es6 Generator 新特性來解決 callb...

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

JavaScript深刻之參數按值傳遞 - 掘金
JavaScript深刻系列第九篇，除了按值傳遞、引用傳遞，還有第三種傳遞方式 —— 按共享傳遞定義在《JavaScript高級程序設計》第三版4.1.3，講到傳遞參數： ECMAScript中全部函數的參數都是按值傳遞的。什麼是按值傳遞呢？也...

滑動效果的原理及實踐一個滑動小插件 - 前端 - 掘金
前言移動端，滑動是很常見的需求。不少同窗都用過swiper.js，本文從原理出發，實踐出一個類swiper的滑動小插件ice-skating。小插件的例子：移動端 pc端在寫代碼的過程當中產生的一些思考：滑動的原理是什麼 ...

教你如何在 web 應用程序中使用本地文件•上傳圖片file✔ - 前端 - 掘金
使用在HTML5中添加到DOM的File API，如今可讓Web內容要求用戶選擇本地文件，而後讀取這些文件的內容。此選擇能夠經過使用HTML ) 元素用來建立基於web表單的可交互控件."><input> 元素或...

JavaScript 是如何面向對象的 - 前端 - 掘金
1、引言在16年的10月份，在校內雙選會找前端實習的時候，hr問了一個問題：JavaScript的面向對象理解嗎？我張口就說「JavaScript是基於原型的！」。而後就沒什麼好說的了，...

anime.js 簡單入門教程 - 前端 - 掘金
anime.js是一個強大的用來製做動畫的javascript庫，雖然功能沒有GASP（greensock）強大，但勝在它足夠輕便，gzip壓縮完只有9kb左右，麻雀雖小，卻五臟俱全。下面就來看看如何使用anime.js來編寫動畫效果。先在...

DOM 學習框架——用 DOM 的思想學習 DOM 知識 - 前端 - 掘金
本身總結的關於 DOM 的知識，對於初學者來講，比較受用。在學習過程當中，應該時刻去總結和概括相關知識，羅列出來，以便鞏固學習。...

GitHub 上學習前端開發的資料（不按期更新） - 前端 - 掘金
GitHub 上學習前端開發的資料（不按期更新）...

JavaScript30 中文指南 - 06 Fetch 結合 filter 實現快速匹配古詩指南 - 前端 - 掘金
做者：©緝熙Soyaine 簡介：JavaScript30 是 Wes Bos 推出的一個 30 天挑戰。項目免費提供了 30 個視頻教程、30 個挑戰的起始文檔和 30 個挑戰解決方案源代碼。目的是幫助人們用純 ...

IndexedDB--HTML5 本地存儲 - 前端 - 掘金
什麼是IndexedDB indexedDB是一種輕量級NOSQL數據庫，是由瀏覽器自帶。相比Web Sql更加高效，包括索引、事務處理和查詢功能。在HTML5本地存儲中，IndexedDB存儲的數據是最多的，不像web...

這是第一個使用原生 JS 編寫的，可讓表格自由拖動排序的插件 - 前端 - 掘金
Finally, you are able to drag and sort your table as you want. Try out the demo! Inspiration Table-dragger is a minimalist...

文本動畫, 幾行代碼頁面效果瞬間就提高了 - 前端 - 掘金
animate-text 文字動畫和數字動畫 animate text 查看DEMO...

Vue.js 插件開發詳解 - 掘金
前言隨着 Vue.js 愈來愈火，Vue.js 的相關插件也在不斷的被貢獻出來，數不勝數。好比官方推薦的 vue-router、vuex 等，都是很是優秀的插件。可是咱們更多的人還只停留在使用的階段，比較少本身開發。因此接下來會經過一個簡單的 vue-toa...

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

Web 客戶端存儲 - 前端 - 掘金
許可協議：知識共享署名-非商業性使用-禁止演繹 4.0 國際許可協議開門見山，先來總結一下 Cookie, LocalStorage 與 SessionStorage 的異同，精華都在這兒呢！總結異同 ...

JavaScript 中小數和大整數的精度丟失 - 前端 - 掘金
本身在某個項目中, 遇到兩個不同的大整數 (a,b), 經過 a==b 後居然返回 true。而後查找各類資料，以爲玉伯這一篇解釋算是挺不錯的. 冒昧分享一下。...

GraphicsJS 入門，一個輕量級的前端圖形庫 - 前端 - 掘金
爲何選擇GraphicsJS 前端能夠選擇的svg庫，有不少，好比snap.svg或者BonsaiJS固然這些庫也是各有優點。而這篇文章主要就是說GraphicsJS，讓你們知道他的優點和特色。 ...

前端基礎進階：變量對象詳解，教你如何高逼格地解釋變量提高 - 前端 - 掘金
在JavaScript中，咱們確定不可避免的須要聲明變量和函數，但是JS解析器是如何找到這些變量的呢？咱們還得對執行上下文有一個進一步的瞭解。在上一篇文章中，咱們已經知道，當調用一個函數時（激活），一個新的執行上下文就會被建立...

(譯) 怎樣寫一個能同時用於 Node 和瀏覽器的 JavaScript 包？ - 前端 - 掘金
原文地址：How to write a JavaScript package for both Node and the browser 原文做者：Nolan Lawson ...

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

關於 JavaScript 中的屬性特性 - 前端 - 掘金
關於js中的屬性特性 2016/10/17 從es5開始，js中開始擁有了一種描述屬性特徵的特性（即屬性描述符）。根據特性的不一樣，能夠把屬性分紅兩種類型...

原生 js 實現前端路由 - 前端 - 掘金
最近一直在研究先後端分離，ajax能夠很好的解決先後端分離的問題，可是又存在着瀏覽器沒法前進後退，這個問題比較尷尬。可是採用前端路由的方式能夠很好的解決這個問題。前端路由與...

1月前端面試記 - 掘金
背景我於16.12.18辭職，以前有過一年左右的前端工做經驗。從12月26號開始到1月9號前後面試了微信，百度，阿里巴巴uc，惟品會以及深圳騰訊等幾家公司，特此總結與各位共勉。微信因爲我已經畢業工做過，因此去微信面試是走的社招。微信社招極其嚴格，共八輪面...

canvas學習之API整理筆記（一） - 掘金
心心念唸的Canvas系列文章通過長時間的整理和沉澱，終於決定動筆啦！我會從最簡單的API開始，逐步深刻，再結合酷炫的實例，爲你們帶來這一系列的文章，但願你們多提建議，多多鼓勵！^_^激動ing... 好，下面正文開始：其實canvas自己很簡單，就是去學習...

[性能優化實踐] 單頁應用 - 前端 - 掘金
SPA(單頁應用)的性能優化策略, 與傳統MVC框架直出的策略有不少不一樣之處.本文介紹博客前端的SPA優化策略, 以及一些常見的通用優化辦法 SPA策略 XHR過濾不須要的屬性以本博客首頁爲例, 請求的post模型中有summary, content, ma...

爲何這樣也能運行? [ ].concat[1,2,3] - 掘金
This is just for fun. 本文的宗旨是：This is just for fun。這段代碼沒有任何實用的價值，可是經過這段代碼，你能夠了解 javascript 被忽略的知識點和語法。 1. 問題下面的代碼的執行結果是什麼？ [].con...

手把手教你作一個原生 js 拖動滑塊 - 前端 - 掘金
廢話少說：在PC端能夠用mousedown來觸發一個滑塊滑動的效果，但在手機上，貌似沒法識別這個事件，但手機上有touchstart事件，能夠經過一系列「touch」事件來替代PC端的「mouse」事件。移動端觸屏滑動的效果其實就是圖片輪播，在PC的頁面...

一張圖看懂JavaScript中數組的迭代方法：forEach、map、filter、reduce、every、some - 掘金
早前在博客園發的幾篇基礎文，都是圖解系列，總結了一些JavaScript容易混淆的知識點，如今拿來在掘金分享一下吧。原文地址：一張圖看懂JavaScript中數組的迭代方法：forEach、map、filter、reduce、every、some 在《Jav...

JavaScript30 中文指南 - 02 純 JS、CSS 時鐘中文指南 - 前端 - 掘金
實現效果文檔中已經給...

實現一個圖片的懶加載插件有多難 - 前端 - 掘金
插件完整版地址 m-lazy Web 圖片的懶加載就是經過讀取img元素，而後得到img元素的data-src（也能夠約定爲其餘屬性名）屬性的值，並賦予img的src，從而實現動態加載圖片的機制。這裏須要注意的是： img在初始化的時候不要設置src屬性，因...

一款不須要 babel 轉譯的 ES6 模塊管理工具 - 前端 - 掘金
JTaro Module JTaro Module是一款使用ES6模塊語法的前端模塊管理工具，其自己是爲更好地服務JTaro而設計，但並不依...

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

一個微信面試題引起的血案 --(譯) 什麼阻塞了 DOM？ - 掘金
譯者注：昨天一篇工做僅一年的前端工程師面試幾個大廠的文章（1月前端面試記）在掘金火爆起來。一方面你們以爲做者太厲害了，工做近一年，能力居然這麼強（大叔我表示慚愧），另外一方面幾個微信面試題引發不少討論。其中我比較感興趣的一個題目是關於JavaScript和C...

2016 年 JavaScript 領域中最受歡迎的「明星」們 - 前端 - 掘金
JavaScript社區的發展正如盛壯之時的騏驥，—日而馳千里，趨勢如長江後浪推前浪。 2016年已通過去了，你是否會擔憂錯過一些重要的東西？無須擔憂，JS.ORG不久前分享了一篇博文，爲你們回顧了去年主要的趨勢。 InfoQ翻譯並整理這篇博文，以饗JavaS...

Understanding ECMAScript 6 中文版（可下載電子書） - 前端 - 掘金
點擊下載《Understanding ECMAScript 6》中文版電子書關於原書《Understanding ECMAScript 6》，做者 Nicholas C. Zakas ，在線閱讀地址。此外做者本人爲此書也在 github 上...

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

手把手帶你用原生js實現css屬性的set和get - 掘金
做者：Icarus原文連接：手把手帶你用原生js實現css屬性的set和get 上一篇博文介紹了getComputedStyle方法，接下來，咱們就來實現一個簡易版的小插件，可以在不借助jQuery的狀況下實現css屬性的獲取和設置。 Let's start ...

JS 全棧教程 - 前端 - 掘金
本課程是基於阮一峯的 js 全棧教程的視頻版本，免費供你們觀看...

javascript 經常使用積累 - 前端 - 掘金
1、JS動畫與動做不一致解決: if(!$( "#handle").is(":animated")){ //判斷元素是否處於動畫狀態 } 2、中止事件冒泡 event.stopPropagatio...

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

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

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

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

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

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

JS 瀑布流 - 前端 - 掘金

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

一道很有難度的 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代碼執行一段可執行...

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

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

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

JS中的This別再被問倒了，面試常見問題分析 - 掘金
GitHub地址：https://github.com/SimonZhangITer/MyBlog/issues/12 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/posts/detail?postId=58e06b98a58c240ae35bb8dd 英文鏈接：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-javascript-timers-work/ 在一個基礎階段，理解JavaScript定時器的工做原理的是很是重要的。一般它們看起來不那麼直觀，由於它們處於單線程中。讓咱們從...

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

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

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

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/zhihu-canvas 由於作成動圖之後壓縮的問題會看不到線，因此就把顏色都改爲不透明的了 demo裏面仍是跟知乎裏的同樣。主要的知識點 ...

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

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

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

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

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

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

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

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

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

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

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

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

征服 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寫一個"多動症"的簡歷預覽地址源碼地址最近...

走心的一系列 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/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000 函數的定義和調用： ...

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

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

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

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

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

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

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

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

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

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

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

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+...

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

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...

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...

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

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

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

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

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

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

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

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

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

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

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

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

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

騰訊 AlloyTeam 正式發佈 Canvas 魔幻線條 - curvejs - 掘金
寫在前面 curvejs 中文讀["克js"]，是騰訊AlloyTeam打造的一款魔幻線條框架，讓線條成爲一名優秀的舞者，讓線條們成爲優秀的舞團，HTML5 Canvas就是舞臺。官網：https://alloyteam.github....

一個超輕量級的時間處理工具庫 - dateformat.js - 前端 - 掘金
dateformat.js 是一個很是簡潔、輕量級、不到 5kb 的很簡潔的 Javascript 庫，它是一個時間的處理工具類。 ...

走進網頁虛擬現實 WebVR - 掘金
最近幾年，虛擬現實VR的概念火了一把，各類VR概念的遊戲、設備、視頻受到人們的普遍關注。筆者在逛商場的時候也常常會看到有VR設備體驗的地方讓遊人體驗一把，各類酷炫的頭盔和酷炫的設備着實抓人眼球。可是做爲一個前端工做者，咱們確定也但願在咱們的網頁裏也能看到這麼酷...

Type.js 錄製並在網頁中回放打字效果 - 前端 - 掘金
A tool for creating typewriter simulations. type.js allows you to type an...

ES6語言特性的總結(3) - 掘金
類在ES5中，因爲沒有類的概念，因此若是要使用面向對象編程，就須要利用原型繼承的方式。一般是建立一個構造器，而後將方法指派到該構造器的原型上。就像這樣： function Cat(name) { this.name = name; } Cat.prot...

ES6語言特性的總結(2) - 掘金
數組 ES6中對於數據作了進一步的加強,以便可以更加方便地建立數組以及操做數組。建立數組 Array.of 該方法用於將一組值轉換爲數組。 Array.of(1); [1] Array.of(3, 21, 22); [3,21,22]這個方法的出現主要是爲了...

前端開發面試題總結之——JAVASCRIPT（一） - 前端 - 掘金
相關知識點數據類型、運算、對象、function、繼承、閉包、做用域、原型鏈、事件、RegExp、JSON、Ajax、DOM、BOM、內存泄漏、跨域、異步加載、模板引擎、前端MVC、前端MVVM、路由、模塊化、Http、Canvas、...

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

iTyped.js - 實現打字效果動畫 - 前端 - 掘金
Dead simple Animated typing, with no dependencies. iTyped Website ➞ Enter in any string, and watch it type at the speed yo...

JavaScript 中的 this , 看着一篇就夠了 - 前端 - 掘金
在 js 中，this 這個上下文老是變化莫測，不少時候出現 bug 老是一頭霧水，其實，只要分清楚不一樣的狀況下如何執行就 ok 了。全局執行首先，咱們在全局環境中看看它的 this 是什麼：first. 瀏覽器：console.log(this); // ...

JS 判斷若是進入元素的方位 - 前端 - 掘金
最終效果這裏的關鍵主要是判斷鼠標是從哪一個方向進入和離開的 $("li").on("mouseenter mouseleave",function(e) { var w = this.offset...

正則表達式學習筆記 - 掘金
正則表達式對於我來講一直像黑暗魔法同樣的存在。手機正則去網上搜，郵箱正則去網上搜，複雜點的看看文檔拼湊一下，再複雜只能厚着臉皮讓其餘同事給寫一個。歷來沒有系統的學習過，今天準備拿下它。 1. 學習目標：瞭解正則表達式語法在IDE中使用正則表達式在jav...

Ajax 語法淺析 - 前端 - 掘金
Ajax是目前很廣泛的一門技術，也是很值得探討和研究的一門技術。本文將針對Ajax的發展過程並結合其在不一樣庫框架中的使用方式來和你們分享下Ajax的那些新老語法。 Ajax簡介 Ajax全稱爲「Asynchronous Javascript And XML」，...

ES6 手冊 - 前端 - 掘金
原文 https://github.com/DrkSephy/es6-cheatsheet 這篇手冊包含了 ES2015(ES6) 的使用小技巧、最佳實踐以及能夠給你天天的工做參考的代碼片斷。內容列表 var 和 let/const 的比較除了 var ...

一個 jQuery 前端插件庫 - 前端 - 掘金
掘金舒適提示：這篇文章有不少交互效果，通過稀土君測試不適合在移動設備上閱讀。您能夠收藏後再到掘金的網頁版上繼續閱讀。我偏要在手機上閱讀！戳→一個 jQuery 前端插件庫...

JavaScript 經常使用練習網站收集 - 前端 - 掘金
在學習的過程當中會發現不少知識點若是不在工做中運用或者手寫帶驗證的話，很容易忘記。任何技能的掌握都是須要不斷練習的。在此收集一些本身遇到的JavaScript練習的網站。 codewars國外的一個練習網站，有JavaScript，也有Python，每種語言都有...

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

JavaScript 中的各類寬高屬性 - 前端 - 掘金
在js中，存在着N多的關於高度和寬度的屬性，好比：clientHeight、offsetHeight、scrollHeight、availHeight、scrollLeft、scrollTop、style.height、innerHeight、outerHei...

JavaScript 深刻之 call 和 apply 的模擬實現 - 掘金
JavaScript深刻系列第十篇，經過call和apply的模擬實現，帶你揭開call和apply改變this的真相 call 一句話介紹call： call()方法在使用一個指定的this值和若干個指定的參數值的前提下調用某個函數或方法。舉個例子：...

據說、你會用 call、apply 和 bind？ - 前端 - 掘金
如題...

從 event loop 規範探究 javaScript 異步及瀏覽器更新渲染時機 - 前端 - 掘金
做者：楊敬卓轉載請註明出處異步的思考 event loops隱藏得比較深，不少人對它很陌生。但提起異步，相信每一個人都知道。異步背後的「靠山」就是event loops。這裏的異步準確的說應該叫瀏覽器的event loops或者說是javaScript運行環...

可能遇到假的面試題：不用 call 和 apply 方法模擬實現 ES5 的 bind 方法 - 前端 - 掘金
來自朋友去某信用卡管家的作的一道面試題，用原生 JavaScript 模擬 ES5 的 bind 方法，不許用 call 和 bind 方法。...

JavaScript 中的 arguments 對象 - 前端 - 掘金
arguments 是一個相似數組的對象, 對應於傳遞給函數的參數。語法 arguments 描述 arguments對象是全部函數中可用的局部變量。你能夠使用arguments對象在函數中引用函數的參數。此對象包含傳遞給函數的每一個參數的...

webpack(2.0)入門詳解 | 掘金技術徵文 - 掘金
聲明：以此文寫給摸索和學習使用webpack的初級使用者，由於官方文檔只給出了關鍵點的解讀，對於入門的初學者看的可謂是一頭霧水，如今好多的文章也是隻是介紹了本身的想法和案例，沒有講明白基礎點我所接觸的前端模塊化變動兩年前實習所在的一家創業公司在前端工程化方...

JavaScript 深刻之從 ECMAScript 規範解讀 this - 掘金
JavaScript深刻系列第六篇，從ECMAScript5規範解讀this在函數調用時究竟是如何肯定的，該文可能有些晦澀難懂，但按照本文的思路參照規範去了解this的指向，絕對讓你看待this有不同的視角！前言在《JavaScript深刻之執行上下文...

深刻理解 JavaScript 執行上下文、函數堆棧、提高的概念 - 前端 - 掘金
首先明確幾個概念： EC：函數執行環境（或執行上下文），Execution Context ...

餓了麼推薦系統：從 0 到 1 - 後端 - 掘金
做者：陳一村，餓了麼數據運營部資深算法工程師，在攜程個性化推薦與人工智能Meetup上的分享。2016年加入餓了麼，現從事大數據挖掘和算法相關工做，包括推薦系統、用戶畫像等。隨着移動互聯網的發展，用戶使用習慣日趨碎片化，如何讓用戶在有限的訪問時間裏找到想要...

前端 - 百度地圖 API 基礎入門 - 掘金

1.前言最近想完成一個網站，裏面須要使用地圖相關的內容。通過多方考慮，決定使用百度地圖來完成，因此將整個學習歷程進行簡單的整理，方便朋友們來快速入門。本文系做者李鵬（MR_LP）原創，轉載請私信並在文章開頭附帶做者和原文地址連接。違者，做者保留...

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

剖析 vue 實現原理，本身動手實現 mvvm - 前端 - 掘金
剖析Vue實現原理 - 如何實現雙向綁定mvvm 本文能幫你作什麼？一、...

JS 全棧教程 - 前端 - 掘金
本課程是基於阮一峯的 js 全棧教程的視頻版本，免費供你們觀看...

ES6之"let"能替代"var"嗎? - 掘金
譯者按: 使用let的確會比var安全不少。原文: Why You Shouldn’t Use ‘var’ Anymore 譯者: Fundebug 爲了保證可讀性，本文采用意譯而非直譯。我已經使用ES2015(ES6)的語法編寫JavaScript程序...

深刻理解 ES6 中的箭頭函數 - 前端 - 掘金
JavaScript 深刻理解 ES6 中的箭頭函數，ES6 已經成爲前端開發必備技能，學起來......

先後端分離，最佳實踐 - 掘金
先後端分離，可讓各端變得更專一。今天的話題，結合我以前的項目場景，從新思考「先後端」的定義，並討論下《先後端分離，最佳實踐》。原文地址：先後端分離，最佳實踐博客地址：http://blog.720ui.com/ 先後端分離是什麼咱們來回顧下傳統的 MVC...

如今就能夠使用的 5 個 ES6 特性 - 前端 - 掘金
小編推薦：掘金是一個高質量的技術社區，從 ECMAScript 6 到 Vue.js，性能優化到開源類庫，讓你不錯過前端開發的每個技術乾貨。各大應用市場搜索「掘金」便可下載APP，技術乾貨盡在掌握.. 這篇文章介紹了5個 E...

Promise使用手冊 - 掘金
本篇以Promise爲核心, 逐步展開, 最終分析process.nextTick , promise.then , setTimeout , setImmediate 它們的異步機制. 導讀 Promise問世已久, 其科普類文章亦不可勝數. 遂本篇初衷不爲...

實例分析 JavaScript 詞法做用域 - 前端 - 掘金
瞭解做用域對於編寫代碼相當重要，做用域是在運行時代碼中的某些特定部分中變量，函數和對象的可訪問性。換句話說，做用域決定了代碼區塊中變量和其餘資源的可見性。對於JavaScript中做用域咱們可能已經瞭解了不少。建議看看深刻理解JavaScript中的做用域和...

深刻理解 JavaScript 異步 - 前端 - 掘金
前言 2014年秋季寫完了《深刻理解javascript原型和閉包系列》，已經幫助過不少人走出了 js 原型、做用域、閉包的困惑，至今仍能常常受到好評的留言。 ...

從prototype與__proto__窺探JS繼承之源 | 掘金技術徵文 - 掘金
以前分享了一篇文章JS原型鏈與繼承別再被問倒了，發現繼承的問題研究到後面，必定會觸及到Object.prototype和Function.prototype這些概念，爲了解答疑惑，本篇就抽絲剝繭，從prototype與__proto__來推出函數與對象的深層關...

JavaScript 中巧用位運算 - 前端 - 掘金
平常前端開發中咱們不多用到位運算，容易讓人遺忘，讓咱們一塊兒回顧下一下js中的位運算。位運算詳細說明查看JavaScript|MDN 下面主要回顧一下一些經常使用的位運算的巧用。將十進制轉化爲二進制 var number = 3; var result = nu...

細說 JavaScript 建立對象總結（中）- 關係錯亂的原型模式 - 前端 - 掘金
咱們知道構造函數模式雖然解決了工廠模式沒法識別對象的問題，但構造模式卻也多此一舉--建立了兩個函數來解決同一個問題。這時候就輪到原型模式登場了。 1.瞭解一下原型對象咱們知道咱們建立一個函數（函數也是對象），而該函數就會擁有一個prototype...

This 其實不難，經過實例全面解析 JS 中的 This - 前端 - 掘金
this的指向問題應該是讓每個前端er都頭疼的問題，我也同樣，曾經遇到甚至都是一頓亂猜。最近在研讀一些書籍如《你不知道的JavaScript》和《JavaScript語言精粹與編程實踐》，讓我對this的問題豁然開朗。故寫下此篇文章，分享一下個人心得。隱...

由同源策略到前端跨域 - 掘金
同源策略 (Same-Origin Policy) 最先由 Netscape 公司提出, 所謂同源就是要求, 域名, 協議, 端口相同. 非同源的腳本不能訪問或者操做其餘域的頁面對象(如DOM等). 做爲著名的安全策略, 雖然它只是一個規範, 並不強制要求, ...

現代前端技術解析 - 前端 - 掘金
2017年很快又過去了幾個月，在過去的一年裏，前端技術迅猛發展，前端各種技術都在優化升級，"大前端"的概念進一步體現，前端人才需求量進一步擴大，但優秀的前端工程師卻如大海撈針，一將難求，那麼在將來一年裏咱們應該作好怎樣的準備才能成爲一名優秀(不只僅是合格)的前...

那些年，那些跨域問題 - 掘金
瀏覽器在請求不一樣域的資源時，會由於同源策略的影響請求不成功，這就是一般被提到的「跨域問題」。做爲前端開發，解決跨域問題應該是一個被熟練掌握的技能。而隨着技術不斷的更迭，針對跨域問題的解決也衍生出了多種解決方案。咱們一般會根據項目的不一樣須要，而採起不一樣的方式。這...

JavaScript 模塊演化簡史 - 前端 - 掘金
JavaScript 模塊演化簡史從屬於筆者的 Web 開發基礎與工程實踐。本文主要總結自 The Evolution of JavaScript Modularity、 Native ECMAScript modules - the fir...

JavaScript 深刻之從原型到原型鏈 - 前端 - 掘金
構造函數建立對象咱們先使用構造函數建立一個對象： <span type="button" class="copyCode c...

解讀 JavaScript 構造函數和原型對象的區別 - 前端 - 掘金
在 Javascript中prototype屬性的詳解這篇文章中，詳細介紹了構造函數的缺點以及原型（prototype），原型鏈（prototype chain），構造函數（constructor），instanceof運算符的一些特色。...

原生 js 開發，無依賴、輕量級的現代瀏覽器圖片懶加載插件 - 前端 - 掘金
安裝 npm install lazy-load-img --save 優點 1.原生js開發，不依賴任何框架或庫 2.支持將各類寬高不一致的圖片，自動剪切成默認圖片的寬高好比說你的默認圖片是一張正方形的圖片，則各類寬度高...

Material Design 之 TabLayout 使用 - 掘金
寫在前面更多Material Design 文章請看：Material Design 之 Toolbar 開發實踐總結Material Design之 AppbarLayout 開發實踐總結Material Design 之 Behavior的使用和自定義B...

JavaScript 做用域分析總結 - 前端 - 掘金
原文連接 http://blog.poetries.top/2017/01/10/js-scope 1、JS解析順序和做用域： ...

JavaScript 函數式編程導論 - 前端 - 掘金
JavaScript 函數式編程導論從屬於筆者的Web 前端入門與工程實踐。本文不少地方是講解函數式編程的優點，就筆者我的而言是承認函數式編程具備必定的好處，可是不推崇完全的函數式編程化，特別是對於複雜應用邏輯的開發。筆者在應用的狀態管理工具中就更傾向於使用M...

奇舞週刊第 193 期 - 前端 - 掘金
奇舞推薦 Clean JavaScript：JavaScript 風格指南這篇文章介紹了編寫高可讀性、高可用性的 JavaScript 代碼的...

Vue.js 快速入門 - 前端 - 掘金
Vue.js快速入門 Original 2016-11-21 殷曉飛滬江技術學院滬江技術學院滬江技術學院 WeChat ID hj-academy Intro 關注開發者在實際應用中遇到的問題。提供最真實的乾貨，以技術會友，爲廣大的開發者提供最...

[webpack] 如何把代碼內聯進html中？ - 掘金
做者：滴滴公共前端團隊 - 水乙咱們日常在打包文件的時候，有時候須要把 js、css 等代碼內聯進 html 中，減小文件的請求，優化加載速度。用過 fis 的同窗應該對 __inline 語法比較熟悉，它就是用來把代碼內聯進 html 的，其實 web...

使用Angular-CLI發佈一個i18n（國際化）應用(譯) - 掘金
第一節：初識Angular-CLI第二節：登陸組件的構建第三節：創建一個待辦事項應用第四節：進化！模塊化你的應用第五節：多用戶版本的待辦事項應用第六節：使用第三方樣式庫及模塊優化用第七節：給組件帶來活力Rx--隱藏在Angular 2.x中利劍Redux你的A...

JavaScript 運動框架之速度時間版本 - 前端 - 掘金
1、JavaScript運動框架之速度版 1.1 運動框架的實現思路運動，其實就是在一段時間內改變 left 、 right 、 width 、 height 、 opactiy 的值，到達目的地以後中止位移 top,left 摺疊...

推薦五個Vue2的免費教程 - 掘金
一步一步學習Vue 2 （Laracasts） Jeffrey Way一直都有發佈他web開發的教程。他曾經在30天內教會了我使用jquery。在Laracasts上有他免費的VueJs教程，而且宣稱是「世上最深刻的vuejs系列」。在你學習完本課程後，你將不...

Vue.js 的設計思想 - 前端 - 掘金
從出道到如今，它紅遍全球，這期節目讓咱們來採訪一下，而今前端框架的 "當紅炸子雞"！小編：你先自我介紹一下！！！ Vue: 尊敬的 FSX 的讀者們，你們好！！！我是Vue.js，是一個提供 MVVM 數據雙向綁定的庫，專一於UI...

《致設計師》來自前端工程師 - 設計 - 掘金
親愛的設計師，這封信已經醞釀了不少年，而且它的部份內容已經經過口頭或書面形式交付給了各類設計師。然而，我總猶豫是否發佈它，由於它可能會牽連到正和我對接的設計師或是我正爲之服務的客戶。因此在此以前，我想強調一下，我並非針對誰（^_^ 我是說在座的各位...

如何準確判斷 WebView 加載完成 - iOS - 掘金
正常狀況下咱們把處理網頁加載完畢的代碼放在 - (void)webViewDidFinishLoad:(UIWebView *)webView裏。但 WebViewDidFinishLoad 時網頁真的加載完了嗎？官方文檔並沒...

(譯) JavaScript 風格指南 - 前端 - 掘金
目錄介紹變量 ...

JavaScript For 循環的函數式改造 - 某熊的全棧之路 - 知乎專欄 - 前端 - 掘金
JavaScript For 循環的函數式改造翻譯自Rethinking JavaScript: Death of the For Loop。前兩天筆者整理了一篇 JavaScript 函數式編程導論，筆者我的不是很喜歡完全的函數式編程...

這交互炸了：餓了麼是怎麼讓Image變成詳情頁的 - 掘金
晚上叫外賣，打開餓了麼，發現推了一個版本，更新之後，點開了個雞腿，哇，交互炫炸了。本文同步自wing的地方酒館不過仍是有槽點。我是無心中才發現能夠左右滑動的。這。。。你不告訴我，我怎麼知道左右能夠滑。 https://github.com/githubwi...

手把手教你開發 Vue 組件 ( 一) - 掘金
很久沒寫文章啦~新公司有點忙, 再加上最近在寫 node.js, 抽空寫一篇吧! 隨着 Vue 愈來愈火熱, 相關組件庫也很是多啦, 只用輪子怎麼夠, 仍是要造起來!!!滴滴公共前端團隊已經有了一篇文章 [Vue] 插件開發入門可是可能具體細節還不夠清楚; ...

CORS 跨域資源共享 - 前端 - 掘金
概述經過 XHR 實現 AJAX 通訊的一個主要限制，來源於跨域安全策略。默認狀況下，XHR對象只能訪問與包含它的頁面位於同一個域中的資源( 瀏覽器的同源策略:若是協議，端口和主機都相同)。這種安全策略能夠預防某些惡意行爲。可是，實現合理的跨...

JavaScript 建立對象之單例、工廠、構造函數模式 - 前端 - 掘金
1、單例模式首先看一個問題，咱們要在程序中描述兩我的，這兩我的都有姓名和年齡，可能剛剛開始學習js的時候會寫成這樣： var name1 = 'iceman'; var age1 = 25; ...

Rubik UI 一個 Material Design 風格的輕量 Vue.js 組件庫 - 前端 - 掘金
Rubik UI 是一個基於 Vue.js 2.0+ 的開源 UI 組件庫，在交互和視覺設計上遵循 Material Design 規範，適用於 PC 端和 mobile 端。這是個從 jQue...

JavaScript 日記 - 一個例子學會 Vue.js - 前端 - 掘金
你們都知道Vue.js是中國人創造出來的，簡單易用，因此必需要支持一下 Vue採用的MVVM設計模式也就是說model和view綁定model改變，view的內容改變，反之亦然 ...

基本特效：餓了麼絲滑無縫過分搜索欄的實現 - 掘金
新年好，首先給你們發個紅包。 [意念紅包]請閉上眼睛經過念力領取。本文同步自wing的地方酒館這都2017年了，是時候來一波基礎特效教程了！若是我不偷懶的話，或許能夠成爲一個系列都基礎教程哦。固然若是成爲了一個系列，這個系列就像標題說的同樣，是基礎特效...

用 javascript 實現數據結構與算法 (四) - 前端 - 掘金
1 排序和搜索算法 1.1 排序算法 1.1.1 冒泡排序冒泡排序比較任何兩個相鄰的項,若是第一個比第二個大,則交換它們。元素項向上移動至正確的順序,就好像氣泡升至表面同樣,冒泡排序所以得名。冒泡排序的時間複雜度爲O(n2)。 //冒泡排序 ...

大衆點評點餐小程序開發經驗 - 邏輯層 - 掘金
做者介紹：潘逸飛，美團點評工程師，2年Web開發經驗，如今是美團點評點餐團隊的一員。本文接上期的大衆點評點餐小程序開發經驗 - 視圖層，本期想要和你們分享一下大衆點評點餐小程序開發中的邏輯層的經驗。與視圖層微信本身定義了一套與HTML對應的WXML和WX...

使用 atcon 告別混亂的 if else - 前端 - 掘金
這一篇，來聊聊混亂的if、else是怎麼來的，怎麼和他們說再見，以及寫的一個工具函數atcon。 1、代碼是怎樣混亂的最簡單的一個需求：根據活動改變二維碼 qrcode = 'img_a'; // 活動二 if (activity...

淺析 js 實現網頁截圖的兩種方式 - 前端 - 掘金
Web端的截圖(生成圖片)並不算是個高頻的需求，資料天然也不算多，查來查去，也不過Canvas 和 SVG兩種實現方案，原理大概類似，都非真正義上的截圖而是把DOM轉爲圖片，然而實現方式卻大相徑庭。 Canvas 實現 ...

在現代網頁設計中，動效有哪些常見的用法？ - 設計 - 掘金
使人愉悅的動效幾乎已經成爲現在網頁設計的標準配置了，融入動效的交互細節讓現代網頁同以往的設計在根本上區別開來。動效不只能夠表現狀態，引導用戶的關注點，幫助用於預測交互的結果，甚至影響用戶的行爲。在逐步的探索和發展過程當中，動效在網頁和APP中的運用方法與技巧已...

(譯) 像開發人員同樣作設計 - 設計 - 掘金
原文地址：Design like a Developer 原文做者：Chris Basha 譯文出自...

Nginx 簡明教程 - 工具資源 - 掘金
nginx簡介 Nginx ("engine x") 是一個高性能的HTTP和反向代理服務器，也是一個 IMAP/POP3/SMTP 服務器。 Nginx 是由 Igor Sysoev 爲俄羅斯訪問量第二的 Rambler.ru 站點開發的，第一個公開版本...

CentOS6 搭建本身的 ngrok 服務 - 工具資源 - 掘金
ngrok俗稱內網穿透利器，簡單說就是咱們有一個服務測試運行在本地，可是外網想看看效果，這時候本地由於沒有固定IP，因此就訪問不了，這時候若是有ngrok出場就解決了，如今火熱的微信開發、不一樣服務間的聯調都會用到。 ngrok官網的服務由於服務器在國外，因此...

我用 Express.js 封裝了一個服務器容器小工具 - 工具資源 - 掘金
背景咱們都知道利用Node.js能夠很是輕易的就編寫一個Web Server。在沒有利用集成Gulp, Webpack，Web Server等等腳手架工具前，在作一些簡單的Web應用的時候，我一般的作法是：用Express.js封裝好一個Server...

爲玩轉 JavaScript 而生的硬件 - 工具資源 - 掘金
距離上一篇文章「JavaScript 不多爲人所知的玩法」發表正好過去一個月，文章反響還不錯，也帶來了很多關注，說明仍是有人對在微控制器上跑 JavaScript 感興趣的。爲了進一步學習 JavaScript 以及在微控制器上實現的解析器，我專門設計了一...

React + Node + Mongo +Webpack 寫一個簡單的 Blog 網站 - 前端 - 掘金
用到的技術：React Node Webpack material-ui mongo github地址：https://github.com/shenjiajun53/HiBlog喜歡請給個star！！！推薦兩個工具：https...

Github + Webhooks 簡易的自動化部署流程 - 前端 - 掘金
機器能夠作的事就應該交給機器去作。說一下Github項目和linux的自動化部署流程及實現。簡單說，咱們的項目分開發和生產兩種模式，最終是要run在生產環境的，產品在二者之間切換時會有一些問題的產生，好比生產環境下的配置、帳密、構建編譯、打包、重載....

Node.js 寫的網易雲音樂、QQ 音樂的命令行歌詞下載工具 - 後端 - 掘金
Lyrics Download Tools lyric-dl 是一個下載在線音樂歌詞的命令行工具，它是一個 Node.js 程序，在使用它之...

webpack 使用教程 - 前端 - 掘金
入門 webpack 使用教程 Webpack Fundamentals (系列視頻教程) 如何使用 Webpack - webpack-howto (翻譯)(Instagram) 配套視頻, Instagram團隊Pet...

基於 reactjs+redux+postcss+webpack2 的單頁應用項目模板 - 前端 - 掘金
小貼士本項目 webpack 已升級至 webpack 2。本項目爲了...

(譯) 讓 Node.js 核心更強大 - 後端 - 掘金
原文地址：Make Node.js Core Bigger 原文做者：Mikeal 譯文出自：掘金翻...

由數據綁定和排序引入的幾個 JavaScript 知識點 - 前端 - 掘金
1、sort深刻此次咱們要完成一個表格排序的案例，那說到排序，最終確定是歸結於數組的排序。對於數組的排序，咱們最早想到的確定是sort方法，因此咱們深刻了解一下sort。 1.一、基本排序 ...

卡片式設計的最佳實踐 - 設計 - 掘金
卡片本質上是一個簡單的信息容器，信息量有限，但設計乾淨整潔。現現在，在保證界面具備優秀可用性的同時，卡片式的設計甚至成爲了平衡界面美學的默認作法。做爲最初由Pinterest和Facebook這樣的終端服務引入的一種新的設計方案，今天卡片式設計的影響力正在多個...

graphql-js 淺嘗 - 前端 - 掘金
系列文章： GraphQL 核心概念 ...

JavaScript 與物聯網結合，有哪些產物？ - 前端 - 掘金
Patrick Catanzariti 是一名Web開發工程師，最近他在 sitepoint 發表了《JavaScript Beyond the Web in 2014》，介紹了JavaScript在物聯網中的應用，很是有意思。作爲JavaScript的愛好者...

翻譯 | React AJAX 最佳實踐 - 前端 - 掘金
做者：張捷（滬江Web前端開發工程師）本文原創翻譯，有不當的地方歡迎指出。轉載請指明出處。當你問起有關AJAX與React時，老司機們首先就會告訴你：React實際上是個沒有網絡請求/AJAX功能的view庫。這種說法很容易理解，但對於當你僅想...

json schema 快速入門 - 後端 - 掘金
Json Schema 快速入門 JSON 模式是一種基於 JSON 格式定義 JSON 數據結構的規範。它被寫在 IETF 草案下並於 2011 年到期。JSON 模式：描述現有數據格式。乾淨的人類和機器可讀的文檔。完整的結構驗證，有利於自動化測試。...

JavaScript30 中文指南 - 04 Array 基本操做指南 - 前端 - 掘金做者：©緝熙Soyaine 簡介：JavaScript30 是 Wes Bos 推出的一個 30 天挑戰。項目免費提供了 30 個視頻教程、30 個挑戰的起始文檔和 30 個挑戰解決方案源代碼。目的是幫助人們用純 ...

相關標籤/搜索

每日一句

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