摘要：插件開發(fā)前端掘金作者原文地址譯者插件是為應(yīng)用添加全局功能的一種強大而且簡單的方式。提供了與使用掌控異步前端掘金教你使用在行代碼內(nèi)優(yōu)雅的實現(xiàn)文件分片斷點續(xù)傳。

Vue.js 插件開發(fā) - 前端 - 掘金
作者：Joshua Bemenderfer原文地址: creating-custom-plugins譯者：jeneser Vue.js插件是為應(yīng)用添加全局功能的一種強大而且簡單的方式。插...

5 張思維導(dǎo)圖，jQuery 知識點梳理 - 前端 - 掘金
好記性不如爛筆頭，有人幫你，是你的幸運，沒人幫你，才是正常的生活。 未來的還沒來，愁什么？.jpg 整理了以前的jquery思維導(dǎo)圖，...

webpack源碼學(xué)習(xí)系列之二：code-splitting（代碼切割） - 掘金
前言 繼上一篇之后，我們今天來看看如何實現(xiàn) webpack 的代碼切割（code-splitting）功能，最后實現(xiàn)的代碼版本請參考這里。至于什么是 code-splitting ，為什么要使用它，請直接參考官方文檔。 目標(biāo) 一般說來，code-splitti...

webpack 源碼學(xué)習(xí)系列之一：如何實現(xiàn)一個簡單的 webpack - 前端 - 掘金
前言 在上一篇 #98 中，我們通過實現(xiàn)requireJS，對模塊化有了一些認識。今天我們更進一步，看看如何實現(xiàn)一個簡單的webpack，實現(xiàn)的源碼參考這里。 目標(biāo) 現(xiàn)在的webpack是一個龐然大物，我們不可能實現(xiàn)其所有功能。 那么，應(yīng)該將目光聚焦在哪兒呢？...

跟 underscore.js 學(xué)如何打造前端類庫 - 前端 - 掘金
在我們開發(fā)項目的時候，無論項目規(guī)模大小，在所難免會寫一些工具型函數(shù)來解決一些問題，隨著項目開發(fā)和維護的時間越來越長，這些工具型函數(shù)會越來越多，同時還會穿插在各個項目的各模塊或者文件當(dāng)中，使得項目變的越來越臃腫，也不方便復(fù)用和維護。這時我們就會提取出一個類似的工...

從 react-start 到 co 源碼 (一) - 前端 - 掘金
react作為當(dāng)前十分流行的前端框架，相信很多前端er都有蠢蠢欲動的學(xué)習(xí)它的想法。工欲善其事，必先利其器。這篇文章就簡單的給大家介紹一下如何我快速的搭建一個react前端開發(fā)環(huán)境。主要針對于react小白，大神不喜勿噴。從標(biāo)題可以看出，這里不會僅僅只介紹一下r...

qart.js - 前端生成好看的二維碼，Vue 指令來了 - 前端 - 掘金
the Vue 2.x directive for kciter"s qart.js ...

Koa 源碼解析 - 后端 - 掘金
Koa Analysis Abstract 這是一篇Koa框架分享的文章，主要關(guān)注Koa v1，其中包括了Koa的使用、中間件及上下文對象的大致實現(xiàn)原理。 Koa簡介 koa 是由 Express 原班人馬打造的，致力于成為一個更小、更富有表現(xiàn)力、更...

由淺入深地教你開發(fā)自己的 React Router v4 - 掘金
作者：Tyler 編譯：胡子大哈 翻譯原文：http://huziketang.com/blog/po... 英文原文：Build your own React Router v4...

更合理的 setState() - 掘金
原文發(fā)表在我的博客：http://www.erichain.me/2017/0... React 是我做前端以來接觸到的第三個框架（前兩個分別是 Angular 和 Vue），無論是...

【CSS 常見問題】三分鐘解決 CSS 中 float 引起的父元素高度塌陷問題 - 前端 - 掘金
CSS 前言 相信很多同學(xué)在網(wǎng)頁布局過程中都用過float浮動布局，float可以讓我們很方便的去布局，但是同時也帶來了很多的問題，雖然現(xiàn)在很多人都推薦用Flex布局來替代浮動布局（不...

[[webpack] 你真的知道 css-loader 怎么用嗎？ - 前端 - 掘金](https://juejin.im/entry/5826e...
webpack是最近很流行的一款模塊加載器兼打包工具，它能把各種資源，例如JS(含JSX)、coffee、樣式(含less/sass)、圖片等都作為模塊來使用和處理。而loader是webpack使用中一個很重要的概念，我們可以通過loader來處理不同的文件...

Vuex 2.0 源碼分析（上） - 前端 - 掘金
大家好，我叫黃軼，來自滴滴公共前端團隊，最近在幕課網(wǎng)上線了一門 Vue.js 的實戰(zhàn)課程——《Vue.js高仿餓了么外賣App 2016最火前端框架》，同時，我們團隊最近寫了一本書 ——《Vue.js 權(quán)威指南》，內(nèi)容豐富，由淺入深。不過有一些同學(xué)反饋說缺少 ...

(譯) setState() 門事件 - 掘金
原文地址：setState() Gate 原文作者：Eric Elliott 譯文出自：掘金翻譯計劃 譯者：reid3290 校對者：1992chenlu，qinfanpeng React setState() 解惑 譯注：本文起因于作者的一條推特，他...

從 Bundle 文件看 Webpack 模塊機制 - 前端 - 掘金
我們知道 Webpack 是一個模塊打包工具，但是它打包后的 bundle 文件到底長什么樣呢？本文將通過一個最簡單的示例，分析 Webpack 打包后為我們生成的代碼，來闡述項目代碼運行時的模塊機制。 示例所用 Webpack 版本為 2.3.0 準(zhǔn)備點材料...

webpack 學(xué)習(xí)筆記 2 - loader & lspack(自己做的簡陋版 webpack) - 前端 - 掘金

什么是loader loader是webpack中最重要的概念之一了，大家常用的可能有babel-loader, css-loader之類的。npm在import的時候默認支持.js, .json和.node（抱歉，二進制的.node不是特別清楚...

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

前端知識體系 知識結(jié)構(gòu) - 提綱版 - 前端 - 掘金
綜合類 前端知識體系 前端知識結(jié)構(gòu) Web前端開發(fā)大系概覽 Web前端開發(fā)大系概覽-中文版 ...

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

如何通過餓了么 Node.js 面試 - 后端 - 掘金
Hi, 歡迎來到 ElemeFE, 如標(biāo)題所示本教程的目的是教你如何通過餓了么大前端的面試, 職位是 2~3 年經(jīng)驗的 Node.js 服務(wù)端程序員, 如果你對這個職位感興趣或者學(xué)習(xí) Node.js 一些進階的內(nèi)容, 那么歡迎閱讀. ...

剖析 vue 實現(xiàn)原理，自己動手實現(xiàn) mvvm - 前端 - 掘金
剖析Vue實現(xiàn)原理 - 如何實現(xiàn)雙向綁定mvvm 本文能幫你做什么？ 1、...

實現(xiàn)一個簡單的類 Vue 框架 - 前端 - 掘金
Vue 一個 MVVM 框架、一個響應(yīng)式的組件系統(tǒng)，通過把頁面抽象成一個個組件來增加復(fù)用性、降低復(fù)雜性 主要特色就是數(shù)據(jù)操縱視圖變化，一旦數(shù)據(jù)變化自動更新所有關(guān)聯(lián)組件~ 所以它的一大特性就是一個數(shù)據(jù)響應(yīng)系統(tǒng)，當(dāng)然有了數(shù)據(jù)還需要一個模板解析系統(tǒng) 即 HTMLPa...

雙向綁定的簡單實現(xiàn) - 基于 ES5 對象的 getter/setter 機制 - 前端 - 掘金
在雙向綁定的簡單實現(xiàn)——基于“臟檢測”中，我們使用“臟檢測”的機制，實現(xiàn)了一個簡單的雙向綁定計數(shù)器。盡管邏輯比較清晰簡單，性能也還可以，但每次都遍歷DOM節(jié)點，也是會有一些性能浪費的。ES5提供了Object.defineProperty與Object.def...

使用 RxJS 掌控異步 - 前端 - 掘金
教你使用 RxJS 在 200 行代碼內(nèi)優(yōu)雅的實現(xiàn)文件分片斷點續(xù)傳。 本文是一系列介紹 RxJS 文章的第三篇，這一系列的文章將從一個小的例子開始，逐漸深入的講解 RxJS 在各種場景下的應(yīng)用。對應(yīng)的，也會有對 RxJS 各種操作符的講解。這篇文章將接...

GraphQL 核心概念 - 前端 - 掘金
A query language created by Facebook for decribing data requirements on complex application data models ...

2017年試試Web組件化框架Omi - 掘金
Open and modern framework for building user interfaces. Omi的Github地址https://github.com/AlloyTeam/omi 如果想體驗一下Omi框架，請點擊Omi Playgro...

JavaScript字符串所有API全解密 - 掘金
關(guān)于 我的博客：louis blog SF專欄：路易斯前端深度課 原文鏈接：JavaScript字符串所有API全解密 本文近 6k 字，讀完需 10 分鐘。 字符串作為基本的信息交流的橋梁，幾乎被所有的編程語言所實現(xiàn)（然而c、c++沒有提供）。多數(shù)開發(fā)者...

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

原生 JavaScript 中 DOM 節(jié)點相關(guān) API 合集 - 前端 - 掘金
原生 JS 中 DOM 節(jié)點相關(guān) API 合集，現(xiàn)在 jQuery 漸漸沒有優(yōu)勢，推崇原生 JavaScript 了，趕緊學(xué)起來......

深入理解 JavaScript 中的作用域和上下文 - 前端 - 掘金
在本教程中，我們將深入學(xué)習(xí) JavaScript 中作用域(Scope)的一切。 所以，來吧。 介紹 JavaScript中有一個被稱為作用域(Scope)的特性。雖然對于許多新手開發(fā)者來說，作用域的概念并不是很容易理解，我會盡我所能用最簡單的方式來解釋作用域...

從JS對象開始，談一談前端“不可變數(shù)據(jù)”和函數(shù)式編程 - 掘金
作為前端開發(fā)者，你會感受到JS中對象(Object)這個概念的強大。我們說“JS中一切皆對象”。最核心的特性，例如從String，到數(shù)組，再到瀏覽器的APIs，“對象”這個概念無處不在。在這里你可以了解到JS Objects中的一切。 同時，隨著React的強...

JS 進階篇: 這可能是關(guān)于閉包最好的一篇文章 - 前端 - 掘金
原諒我把標(biāo)題起的像搞個大新聞的樣子~ 每次下午打完球之后，晚上的學(xué)習(xí)總是提不起什么精神，趁著看不下新知識的空，把前兩天總結(jié)的知識發(fā)出來給大家參考參考，挺多是摘抄的，也有一些是自己寫的，如果有什么錯誤的，敬請指正！ ...

前端面試小記 - 掘金
太久沒有面試過了，第一次難免有點緊張，今天遇到的面試問題，大多數(shù)都遇到過，卻因為沒有充分準(zhǔn)備，而沒有答好，以后一定好好準(zhǔn)備才行。 下面記錄一下今天的面試問題，加深印象： 介紹一下JS的數(shù)據(jù)類型？ 簡單類型：String、Number、Boolean、Nul...

如何使用 ES6 中的參數(shù) - 前端 - 掘金
ECMAScript 6（或者叫 ECMAScript 2015）是 ECMAScript 的最新標(biāo)準(zhǔn)，極大的提高了 JavaScript 中處理參數(shù)的能力。現(xiàn)在我們可以使用 rest 參數(shù)（rest parameters）、默認值（default value...

作用域與閉包的一二事 - 前端 - 掘金
閉包是JavaScript語言的一大特點，可以說再開發(fā)的過程中，它無處不在，即使有時候我們都沒有發(fā)現(xiàn)它的存在。接觸JavaScript以來，雖然說是一直有對閉包了解，但是實際應(yīng)用起來或者分析一些代碼的時候卻有些吃力。現(xiàn)在回過頭總結(jié)，才又進一步的揭開了閉包的一層...

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

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

Excuse me？這個前端面試在搞事！ - 前端 - 掘金
金三銀四搞事季，前端這個近年的熱門領(lǐng)域，搞事氣氛特別強烈，我朋友小偉最近就在瘋狂面試，遇到了許多有趣的面試官，有趣的面試題，我來幫這個搞事 boy 轉(zhuǎn)述一下。 以下是我一個朋友的故事，真的不是我。 ...

js 中的觀察者模式 - 前端 - 掘金
觀察者模式 簡介 觀察者模式又稱發(fā)布訂閱模式，是一種最常用的設(shè)計模式之一了。講道理，如果我們寫的不是稍微底層的代碼，可能不會用到它。 但是有了它會讓代碼更靈活，更加規(guī)整，減少冗余代碼，方便分模塊，分功能開發(fā)。 引入 在前端業(yè)務(wù)中，可能用...

JavaScript 陀螺儀檢測設(shè)備方向(重力感應(yīng)) - 掘金
隨著陀螺儀作為只能手機的標(biāo)配，根據(jù)手機角度不同，讓圖片有點視差微動效果可以給用戶一點驚喜，于是簡單研究了一下 HTML5 下利用陀螺儀獲取設(shè)備方向的 API。 處理方向變化的事件 HTML5 中與手機方向變化有關(guān)的 API 有兩個，一個是 deviceor...

JavaScript 中 this 的用法 - 前端 - 掘金
this關(guān)鍵字是JavaScript中最復(fù)雜的機制之一。它是一個很特別的關(guān)鍵字，被自動定義在所有函數(shù)作用域中。但是即便是經(jīng)驗豐富的JavaScript開發(fā)者也很難說清它到底指向什么： 任何足夠先進的技術(shù)都和魔法無異。 ——Archur C.Clarke 誤...

JavaScript 函數(shù)式編程 - 前端 - 掘金
記錄下來以便將來看看現(xiàn)在的自己 搜集到的一系列函數(shù)式編程的博文，轉(zhuǎn)自大漠-w3cpluc JavaScript函數(shù)式編程1 JavaScript函數(shù)式編程2 JavaScript函數(shù)式編程3 JavaScript函數(shù)式編程4 JavaScr...

JavaScript 原型系統(tǒng)的變遷，以及 ES6 class - 前端 - 掘金
概述 JavaScript 的原型系統(tǒng)是最初就有的語言設(shè)計。但隨著 ES 標(biāo)準(zhǔn)的進化和新特性的添加。它也一直在不停進化。這篇文章的目的就是梳理一下早期到 ES5 和現(xiàn)在 ES6，新特性的加入對原型系統(tǒng)的影響。 ...

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

基本類型和引用類型具體實踐 - 前端 - 掘金
敬業(yè)福還是搶不到~~還是繼續(xù)寫教程吧 js內(nèi)存管理，往深了講很復(fù)雜，這里只是淺顯的介紹，幫助你理解js的基本類型和引用類型，以及它們拷貝問題，順帶著講一下遞歸在內(nèi)存的實現(xiàn)，幫助你了解遞歸了，以及閉包了的知識。講的不對的地方還請指正， ...

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

手把手帶你用原生js實現(xiàn)css屬性的set和get - 掘金
作者：Icarus原文鏈接：手把手帶你用原生js實現(xiàn)css屬性的set和get 上一篇博文介紹了getComputedStyle方法，接下來，我們就來實現(xiàn)一個簡易版的小插件，能夠在不借助jQuery的情況下實現(xiàn)css屬性的獲取和設(shè)置。 Let"s start ...

深入淺出妙用 Javascript 中 apply、call、bind - 前端 - 掘金
?（點擊 上方公眾號，可快速關(guān)注） 作者：伯樂在線專欄作者 - chokcoco 如有好文章投稿，請點擊 → 這里了解詳情 如需轉(zhuǎn)載，發(fā)送「轉(zhuǎn)載」二字查看說明 這篇文章實在是很難下筆，因為網(wǎng)上相關(guān)文章不勝枚舉。 巧...

前端基礎(chǔ)進階：詳細圖解，徹底搞懂閉包與作用域鏈 - 前端 - 掘金
攻克閉包難題 初學(xué)JavaScript的時候，我在學(xué)習(xí)閉包上，走了很多彎路。而這次重新回過頭來對基礎(chǔ)知識進行梳理，要講清楚閉包，也是一個非常大的挑戰(zhàn)。 閉包有多重...

初始 JavaScript - 閉包 - 前端 - 掘金
閉包是指有權(quán)訪問另一個函數(shù)作用域中的變量的函數(shù)。創(chuàng)建閉包的常見方式，就是在一個函數(shù)內(nèi)部創(chuàng)建另一個函數(shù)。 function createComparisonFunction(property) { return funtcion (f1,f2) { ...