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

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

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

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

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

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

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

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

Koa 源碼解析 - 后端 - 掘金
Koa Analysis Abstract 這是一篇Koa框架分享的文章，主要關(guān)注Koa v1，其中包括了Koa的使用、中間件及上下文對(duì)象的大致實(shí)現(xiàn)原理。 Koa簡(jiǎn)介 koa 是由 Express 原班人馬打造的，致力于成為一個(gè)更小、更富有表現(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 是我做前端以來接觸到的第三個(gè)框架（前兩個(gè)分別是 Angular 和 Vue），無論是...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

使用 RxJS 掌控異步 - 前端 - 掘金
教你使用 RxJS 在 200 行代碼內(nèi)優(yōu)雅的實(shí)現(xiàn)文件分片斷點(diǎn)續(xù)傳。 本文是一系列介紹 RxJS 文章的第三篇，這一系列的文章將從一個(gè)小的例子開始，逐漸深入的講解 RxJS 在各種場(chǎng)景下的應(yīng)用。對(duì)應(yīng)的，也會(huì)有對(duì) 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 如果想體驗(yàn)一下Omi框架，請(qǐng)點(diǎn)擊Omi Playgro...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

JavaScript 中 this 的用法 - 前端 - 掘金
this關(guān)鍵字是JavaScript中最復(fù)雜的機(jī)制之一。它是一個(gè)很特別的關(guān)鍵字，被自動(dòng)定義在所有函數(shù)作用域中。但是即便是經(jīng)驗(yàn)豐富的JavaScript開發(fā)者也很難說清它到底指向什么： 任何足夠先進(jìn)的技術(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)是最初就有的語(yǔ)言設(shè)計(jì)。但隨著 ES 標(biāo)準(zhǔn)的進(jìn)化和新特性的添加。它也一直在不停進(jìn)化。這篇文章的目的就是梳理一下早期到 ES5 和現(xiàn)在 ES6，新特性的加入對(duì)原型系統(tǒng)的影響。 ...

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

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

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

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

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

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

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