JavaScript - 收藏集 - 掘金

摘要：插件开发前端掘金作者原文地址译者插件是为应用添加全局功能的一种强大而且简单的方式。提供了与使用掌控异步前端掘金教你使用在行代码内优雅的实现文件分片断点续传。

Vue.js 插件开发 - 前端 - 掘金
作者：Joshua Bemenderfer原文地址: creating-custom-plugins译者：jeneser Vue.js插件是为应用添加全局功能的一种强大而且简单的方式。插...

5 张思维导图，jQuery 知识点梳理 - 前端 - 掘金
好记性不如烂笔头，有人帮你，是你的幸运，没人帮你，才是正常的生活。 未来的还没来，愁什么？.jpg 整理了以前的jquery思维导图，...

webpack源码学习系列之二：code-splitting（代码切割） - 掘金
前言 继上一篇之后，我们今天来看看如何实现 webpack 的代码切割（code-splitting）功能，最后实现的代码版本请参考这里。至于什么是 code-splitting ，为什么要使用它，请直接参考官方文档。 目标 一般说来，code-splitti...

webpack 源码学习系列之一：如何实现一个简单的 webpack - 前端 - 掘金
前言 在上一篇 #98 中，我们通过实现requireJS，对模块化有了一些认识。今天我们更进一步，看看如何实现一个简单的webpack，实现的源码参考这里。 目标 现在的webpack是一个庞然大物，我们不可能实现其所有功能。 那么，应该将目光聚焦在哪儿呢？...

跟 underscore.js 学如何打造前端类库 - 前端 - 掘金
在我们开发项目的时候，无论项目规模大小，在所难免会写一些工具型函数来解决一些问题，随着项目开发和维护的时间越来越长，这些工具型函数会越来越多，同时还会穿插在各个项目的各模块或者文件当中，使得项目变的越来越臃肿，也不方便复用和维护。这时我们就会提取出一个类似的工...

从 react-start 到 co 源码 (一) - 前端 - 掘金
react作为当前十分流行的前端框架，相信很多前端er都有蠢蠢欲动的学习它的想法。工欲善其事，必先利其器。这篇文章就简单的给大家介绍一下如何我快速的搭建一个react前端开发环境。主要针对于react小白，大神不喜勿喷。从标题可以看出，这里不会仅仅只介绍一下r...

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

Koa 源码解析 - 后端 - 掘金
Koa Analysis Abstract 这是一篇Koa框架分享的文章，主要关注Koa v1，其中包括了Koa的使用、中间件及上下文对象的大致实现原理。 Koa简介 koa 是由 Express 原班人马打造的，致力于成为一个更小、更富有表现力、更...

由浅入深地教你开发自己的 React Router v4 - 掘金
作者：Tyler 编译：胡子大哈 翻译原文：http://huziketang.com/blog/po... 英文原文：Build your own React Router v4...

更合理的 setState() - 掘金
原文发表在我的博客：http://www.erichain.me/2017/0... React 是我做前端以来接触到的第三个框架（前两个分别是 Angular 和 Vue），无论是...

【CSS 常见问题】三分钟解决 CSS 中 float 引起的父元素高度塌陷问题 - 前端 - 掘金
CSS 前言 相信很多同学在网页布局过程中都用过float浮动布局，float可以让我们很方便的去布局，但是同时也带来了很多的问题，虽然现在很多人都推荐用Flex布局来替代浮动布局（不...

[[webpack] 你真的知道 css-loader 怎么用吗？ - 前端 - 掘金](https://juejin.im/entry/5826e...
webpack是最近很流行的一款模块加载器兼打包工具，它能把各种资源，例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。而loader是webpack使用中一个很重要的概念，我们可以通过loader来处理不同的文件...

Vuex 2.0 源码分析（上） - 前端 - 掘金
大家好，我叫黄轶，来自滴滴公共前端团队，最近在幕课网上线了一门 Vue.js 的实战课程——《Vue.js高仿饿了么外卖App 2016最火前端框架》，同时，我们团队最近写了一本书 ——《Vue.js 权威指南》，内容丰富，由浅入深。不过有一些同学反馈说缺少 ...

(译) setState() 门事件 - 掘金
原文地址：setState() Gate 原文作者：Eric Elliott 译文出自：掘金翻译计划 译者：reid3290 校对者：1992chenlu，qinfanpeng React setState() 解惑 译注：本文起因于作者的一条推特，他...

从 Bundle 文件看 Webpack 模块机制 - 前端 - 掘金
我们知道 Webpack 是一个模块打包工具，但是它打包后的 bundle 文件到底长什么样呢？本文将通过一个最简单的示例，分析 Webpack 打包后为我们生成的代码，来阐述项目代码运行时的模块机制。 示例所用 Webpack 版本为 2.3.0 准备点材料...

webpack 学习笔记 2 - loader & lspack(自己做的简陋版 webpack) - 前端 - 掘金

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

正则表达式前端使用手册 - 前端 - 掘金
导读 你有没有在搜索文本的时候绞尽脑汁, 试了一个又一个表达式, 还是不行. 你有没有在表单验证的时候, 只是做做样子(只要不为空就好), 然后烧香拜佛, 虔诚祈祷, 千万不要出错. 你有没有在使用sed 和 grep 命令的时候, 感...

前端知识体系 知识结构 - 提纲版 - 前端 - 掘金
综合类 前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 ...

前端开发面试题总结之——JAVASCRIPT（一） - 前端 - 掘金
相关知识点 数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、...

如何通过饿了么 Node.js 面试 - 后端 - 掘金
Hi, 欢迎来到 ElemeFE, 如标题所示本教程的目的是教你如何通过饿了么大前端的面试, 职位是 2~3 年经验的 Node.js 服务端程序员, 如果你对这个职位感兴趣或者学习 Node.js 一些进阶的内容, 那么欢迎阅读. ...

剖析 vue 实现原理，自己动手实现 mvvm - 前端 - 掘金
剖析Vue实现原理 - 如何实现双向绑定mvvm 本文能帮你做什么？ 1、...

实现一个简单的类 Vue 框架 - 前端 - 掘金
Vue 一个 MVVM 框架、一个响应式的组件系统，通过把页面抽象成一个个组件来增加复用性、降低复杂性 主要特色就是数据操纵视图变化，一旦数据变化自动更新所有关联组件~ 所以它的一大特性就是一个数据响应系统，当然有了数据还需要一个模板解析系统 即 HTMLPa...

双向绑定的简单实现 - 基于 ES5 对象的 getter/setter 机制 - 前端 - 掘金
在双向绑定的简单实现——基于“脏检测”中，我们使用“脏检测”的机制，实现了一个简单的双向绑定计数器。尽管逻辑比较清晰简单，性能也还可以，但每次都遍历DOM节点，也是会有一些性能浪费的。ES5提供了Object.defineProperty与Object.def...

使用 RxJS 掌控异步 - 前端 - 掘金
教你使用 RxJS 在 200 行代码内优雅的实现文件分片断点续传。 本文是一系列介绍 RxJS 文章的第三篇，这一系列的文章将从一个小的例子开始，逐渐深入的讲解 RxJS 在各种场景下的应用。对应的，也会有对 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全解密 - 掘金
关于 我的博客：louis blog SF专栏：路易斯前端深度课 原文链接：JavaScript字符串所有API全解密 本文近 6k 字，读完需 10 分钟。 字符串作为基本的信息交流的桥梁，几乎被所有的编程语言所实现（然而c、c++没有提供）。多数开发者...

JavaScript 常见设计模式解析 - 掘金
设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。毫无疑问，设计模式于己于他人于系统都是多赢的；设计模式使代码编写真正工程化；设计模...

原生 JavaScript 中 DOM 节点相关 API 合集 - 前端 - 掘金
原生 JS 中 DOM 节点相关 API 合集，现在 jQuery 渐渐没有优势，推崇原生 JavaScript 了，赶紧学起来......

深入理解 JavaScript 中的作用域和上下文 - 前端 - 掘金
在本教程中，我们将深入学习 JavaScript 中作用域(Scope)的一切。 所以，来吧。 介绍 JavaScript中有一个被称为作用域(Scope)的特性。虽然对于许多新手开发者来说，作用域的概念并不是很容易理解，我会尽我所能用最简单的方式来解释作用域...

从JS对象开始，谈一谈前端“不可变数据”和函数式编程 - 掘金
作为前端开发者，你会感受到JS中对象(Object)这个概念的强大。我们说“JS中一切皆对象”。最核心的特性，例如从String，到数组，再到浏览器的APIs，“对象”这个概念无处不在。在这里你可以了解到JS Objects中的一切。 同时，随着React的强...

JS 进阶篇: 这可能是关于闭包最好的一篇文章 - 前端 - 掘金
原谅我把标题起的像搞个大新闻的样子~ 每次下午打完球之后，晚上的学习总是提不起什么精神，趁着看不下新知识的空，把前两天总结的知识发出来给大家参考参考，挺多是摘抄的，也有一些是自己写的，如果有什么错误的，敬请指正！ ...

前端面试小记 - 掘金
太久没有面试过了，第一次难免有点紧张，今天遇到的面试问题，大多数都遇到过，却因为没有充分准备，而没有答好，以后一定好好准备才行。 下面记录一下今天的面试问题，加深印象： 介绍一下JS的数据类型？ 简单类型：String、Number、Boolean、Nul...

如何使用 ES6 中的参数 - 前端 - 掘金
ECMAScript 6（或者叫 ECMAScript 2015）是 ECMAScript 的最新标准，极大的提高了 JavaScript 中处理参数的能力。现在我们可以使用 rest 参数（rest parameters）、默认值（default value...

作用域与闭包的一二事 - 前端 - 掘金
闭包是JavaScript语言的一大特点，可以说再开发的过程中，它无处不在，即使有时候我们都没有发现它的存在。接触JavaScript以来，虽然说是一直有对闭包了解，但是实际应用起来或者分析一些代码的时候却有些吃力。现在回过头总结，才又进一步的揭开了闭包的一层...

前端开发面试题总结之——JAVASCRIPT（二） - 前端 - 掘金
相关知识点 数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、jQuery、ECMAS...

前端开发面试题总结之——JAVASCRIPT（一） - 前端 - 掘金
相关知识点 数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、...

Excuse me？这个前端面试在搞事！ - 前端 - 掘金
金三银四搞事季，前端这个近年的热门领域，搞事气氛特别强烈，我朋友小伟最近就在疯狂面试，遇到了许多有趣的面试官，有趣的面试题，我来帮这个搞事 boy 转述一下。 以下是我一个朋友的故事，真的不是我。 ...

js 中的观察者模式 - 前端 - 掘金
观察者模式 简介 观察者模式又称发布订阅模式，是一种最常用的设计模式之一了。讲道理，如果我们写的不是稍微底层的代码，可能不会用到它。 但是有了它会让代码更灵活，更加规整，减少冗余代码，方便分模块，分功能开发。 引入 在前端业务中，可能用...

JavaScript 陀螺仪检测设备方向(重力感应) - 掘金
随着陀螺仪作为只能手机的标配，根据手机角度不同，让图片有点视差微动效果可以给用户一点惊喜，于是简单研究了一下 HTML5 下利用陀螺仪获取设备方向的 API。 处理方向变化的事件 HTML5 中与手机方向变化有关的 API 有两个，一个是 deviceor...

JavaScript 中 this 的用法 - 前端 - 掘金
this关键字是JavaScript中最复杂的机制之一。它是一个很特别的关键字，被自动定义在所有函数作用域中。但是即便是经验丰富的JavaScript开发者也很难说清它到底指向什么： 任何足够先进的技术都和魔法无异。 ——Archur C.Clarke 误...

JavaScript 函数式编程 - 前端 - 掘金
记录下来以便将来看看现在的自己 搜集到的一系列函数式编程的博文，转自大漠-w3cpluc JavaScript函数式编程1 JavaScript函数式编程2 JavaScript函数式编程3 JavaScript函数式编程4 JavaScr...

JavaScript 原型系统的变迁，以及 ES6 class - 前端 - 掘金
概述 JavaScript 的原型系统是最初就有的语言设计。但随着 ES 标准的进化和新特性的添加。它也一直在不停进化。这篇文章的目的就是梳理一下早期到 ES5 和现在 ES6，新特性的加入对原型系统的影响。 ...

JS 中常见排序算法详解 - 前端 - 掘金
本文将详细介绍在JavaScript中算法的用法，配合动图生动形象的让你以最快的方法学习算法的原理以及在需求场景中的用途。 有句话怎么说来着： 雷锋推倒雷峰塔，Java implement...

基本类型和引用类型具体实践 - 前端 - 掘金
敬业福还是抢不到~~还是继续写教程吧 js内存管理，往深了讲很复杂，这里只是浅显的介绍，帮助你理解js的基本类型和引用类型，以及它们拷贝问题，顺带着讲一下递归在内存的实现，帮助你了解递归了，以及闭包了的知识。讲的不对的地方还请指正， ...

不定期更新 JavaScript 技巧 - 前端 - 掘金
 JavaScript技巧，偶尔更新。 计算数组的极值 function smallest(array){ return Math.min.apply...

手把手带你用原生js实现css属性的set和get - 掘金
作者：Icarus原文链接：手把手带你用原生js实现css属性的set和get 上一篇博文介绍了getComputedStyle方法，接下来，我们就来实现一个简易版的小插件，能够在不借助jQuery的情况下实现css属性的获取和设置。 Let"s start ...

深入浅出妙用 Javascript 中 apply、call、bind - 前端 - 掘金
 （点击 上方公众号，可快速关注） 作者：伯乐在线专栏作者 - chokcoco 如有好文章投稿，请点击 → 这里了解详情 如需转载，发送「转载」二字查看说明 这篇文章实在是很难下笔，因为网上相关文章不胜枚举。 巧...

前端基础进阶：详细图解，彻底搞懂闭包与作用域链 - 前端 - 掘金
攻克闭包难题 初学JavaScript的时候，我在学习闭包上，走了很多弯路。而这次重新回过头来对基础知识进行梳理，要讲清楚闭包，也是一个非常大的挑战。 闭包有多重...

初始 JavaScript - 闭包 - 前端 - 掘金
闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式，就是在一个函数内部创建另一个函数。 function createComparisonFunction(property) { return funtcion (f1,f2) { ...