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

時間 2019-11-16

原文原文鏈接

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

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

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

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

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

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

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

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

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

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

詳解 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 深刻淺出原型 - 前端 - 掘金
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）個人博客：勞卜的博客知乎專欄：前端呼啦圈前言因爲工做和生活上的一些變化，最近寫文章的頻率有點降低了，實在很差意思，不過相信不久就會慢慢恢復過來，感謝你們一直以來的關注和支持。本文主要給你們分享一下在...

原生 JS 中對象相關 API 合集 - 前端 - 掘金
Microzz zhaohui@microzz.com 主頁 ...

破解前端面試（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 的開發圖譜（2017） - 掘金
原文地址：A Map To Modern JavaScript Development 原文做者：Santiago de León 譯文出自：掘金翻譯計劃譯者：gy134340 校對者：IridescentMia,Tina92 過去 5 年裏你一直使用 ...

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

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

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

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

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

是時候替換你的 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 基礎] 對象凍結 - 掘金](https://juejin.im/post/58998e...
做者：滴滴公共前端團隊 - 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生態系統雖然最近...

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

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。而後查找各類資料，以爲玉伯這一篇解釋算是挺不錯的. 冒昧分享一下。...

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

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

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

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

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

(譯) 怎樣寫一個能同時用於 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自己很簡單，就是去學習...

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

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

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

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

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

手把手教你作一個原生 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...

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