JavaScript - 收藏集 - 掘金

Angular 中的响应式编程 -- 浅淡 Rx 的流式思维 - 掘金
第一节：初识Angular-CLI第二节：登录组件的构建第三节：建立一个待办事项应用第四节：进化！模块化你的应用第五节：多用户版本的待办事项应用第六节：使用第三方样式库及模块优化用第七节：给组件带来活力Rx--隐藏在 Angular 中的利剑Redux你的 A...

Electron 深度实践总结 - 前端 - 掘金
思维导图前言: Electron 从最初发布到现在已经维护很长一段时间了，但是去年才开始慢慢升温。笔者个人恰好也有一些 Elect...

js 拦截全局 ajax 请求 - 掘金
你是否有过下面的需求：需要给所有ajax请求添加统一签名、需要统计某个接口被请求的次数、需要限制http请求的方法必须为get或post、需要分析别人网络协议等等，那么如何做？想想，如果能够拦截所有ajax请求，那么问题就会变的很简单！😄，少年，想法有点大胆...

Ajax-hook原理解析 - 掘金
自上一篇《js 拦截全局 ajax 请求》发布之后，很多人对实现原理非常感兴趣，好，今天我们讲内涵！如果你还不知道ajax-hook，请先了解一下：github : https://github.com/wendux/Ajax-hook中文介绍：http:...

图片延迟加载策略（JavaScript） - 掘金
注：文章最末尾有个人公众号二维码，会分享更多技术文章等，敬请关注不管是在移动端开发还是在PC端开发，基本都会用到图片的懒加载，这其中最大的原因就是为了保证页面打开的速度（正常情况下3秒之内如果首页打不开，就已经算是死亡时间了）。延迟加载的的基本做法一般是这...

Ajax 知识体系大梳理 - 掘金
这是一篇万字长文, 系统梳理了ajax相关的知识体系, 几乎囊括了所有ajax的知识点. 原文: http://louiszhai.github.io/2016/11/02/ajax/ 导读 Ajax 全称 Asynchronous JavaScript an...

异步与回调的设计哲学 - 掘金
本文的例子用 JavaScript 语法给出，希望读者至少有使用过 Promise 的经验，如果用过 async/await 则更好，对于客户端的开发者，我相信语法不是阅读的瓶颈，思维才是，因此也可以了解一下异步编程模型的演变过程。异步编程入门 CPS CP...

javaScript 的数据结构与算法（三）——集合 - 前端 - 掘金
集合集合是由一组无序且唯一的项组成的。这个数据结构使用了与有限集合相同的数学概念，但应用在计算机科学的数据结构中。在数学中，集合也有并集、交集、差集等基本操作，在下面的代码中也会实现这些操作。值的相等：因为 Set 中的值总是唯一的，所以需要判断...

jQuery 源码系列（一）总体架构 - 前端 - 掘金
欢迎来我的专栏查看系列文章。决定你走多远的是基础，jQuery 源码分析，向长者膜拜！我虽然接触 jQuery 很久了，但也只是局限于表面使用的层次，碰到一些问题，找到 jQ...

征服 JavaScript 面试系列：类继承和原型继承的区别 - 前端 - 掘金
图-电子吉他-Feliciano Guimarães（CC BY 2.0） “征服JavaScript面试”是我所写的一个系列文章，旨在帮助那些应聘中、高级JavaScript开发职位的读者们准备一些常见的面试问题。我自己在实际面试当中也经常会问到这...

【英】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 中的内存释放 - 前端 - 掘金
一、如何查找上级作用域在 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》读书笔记（一） - 掘金
1、编译原理分词/词法分析（ 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 1、图图是网络结构的抽象模型。图是一组由边连接的节点，任何二元关系都可...

从 ++[[]][+[]]+[+[]]==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 笔试题的深入解析和实现 - 前端 - 掘金
一、题目介绍以下是我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 一、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首页。 ###一、背景需求介绍 ####为什么我们需要一个热修复(hot-fix)技术？工作中容易犯错、bug难以避免。开发和测试人力有限。苹果Appstore审核周期太长，一旦出现严重bug难以快速上线新版本。作为生产力工具，用户有对稳定性和...

JavaScript 原型中的哲学思想 - 掘金
欢迎来我的博客阅读：「JavaScript 原型中的哲学思想」记得当年初试前端的时候，学习JavaScript过程中，原型问题一直让我疑惑许久，那时候捧着那本著名的红皮书，看到有关原型的讲解时，总是心存疑虑。当在JavaScript世界中走过不少旅程之后...

看我如何搞定 Nodejs 内存泄漏问题 - 后端 - 掘金
最近又用node写了一个小工具，需要常驻进程，经过几天的观察，发现内存占用有持续增加的趋势（虽然不明显，但还是让我察觉到了，我真屌）。突然发现，我竟然不知道怎么排查nodejs的内存泄漏，吓死宝宝了！花时间看了一下相关资料（google真好，外果仁真屌），看...

JSPatch 热修复 - iOS - 掘金
今天写了一个jspatch的小demo，每一步都做了截图，如果不了解JSPatch，大家可自行百度。JSPatch首页。一、背景需求介绍为什么我们需要一个热修复(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...

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 的数据结构与算法（一）——栈和队列 - 前端 - 掘金
1、栈栈是一种遵从后进先出(LIFO)原则的有序集合。新添加的或待删除的元素都保存在栈的末尾。称作栈顶，另一端就叫栈底。在栈里，新元素都靠近栈顶，旧元素都靠近栈底。现在通过数组的方法来实现栈，代码如下： function Stack() { var it...

原生 ECMAScript 模块 - 第一次概述 - 前端 - 掘金
2016年浏览器和Node.js对于ECMAScript 2015 specification的应用取得了难以置信的发展。现在我们面临的状况是支持情况几乎都接近100%：但是标准也同时介绍了ECMAScript modules (如今也经常被叫作ES或者E...

也谈 JavaScript 数组去重 - 前端 - 掘金
JavaScript的数组去重是一个老生常谈的话题了。随便搜一搜就能找到非常多不同版本的解法。昨天在微博上看到一篇文章，也写数组去重，主要推崇的方法是将利用数组元素当作对象key来去重。我在微博转发了“用对象key去重不是个好办法…”然后作者...

ES7 Decorator 装饰者模式 - 前端 - 掘金
1、装饰模式设计模式大家都有了解，网上有很多系列教程。这里只分享装饰者模式以及如何使用 ES7 的 decorator 概念。 1.1、装饰模式 v.s. 适配器模式 ...

从 []==[] 为 true 来剖析 JavaScript 各种蛋疼的类型转换 - 前端 - 掘金
你是否在面试中遇到过各种奇葩和比较细节的问题? <span type="button" class="copyCode code-tool" data-toggle=...

单线程 JavaScript - 前端 - 掘金
最近在阅读《你不知道的JavaScript中卷》，当我看到第二部分介绍异步和回调函数的一些知识时，由于该书在第二部分1、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...

中介者模式 - 掘金
一、什么是设计模式设计模式是为特定场景下的问题而定制的解决方案。特定场景指问题所在的重复出现的场景，问题指特定环境下你想达成的目标。同样的问题在不同的环境下会有不同的限制和挑战。定制的解决方案是指在特定环境下克服了问题的限制条件而达成目标的一种设计。二、设...

JavaScript 常用 API 集合 - 前端 - 掘金
一、节点 1.1 节点属性 Node.nodeName //返回节点名称，只读 Node.nodeType //返回节点类型的常数值，只读 Node.nodeValue //返回Text或Comment节点的文本值，只读 Node.textConte...

leaf.js: 如何利用 Proxy 劫持，实现状态管理 - 前端 - 掘金
leaf.js 一个使用Proxy劫持的下一代状态管理方案 TODO 该项目目前有很多缺点:...

观点 | 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，喜欢弹吉他。一、理解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中很基础也很重要的概念，但在很多时候，特别是看其他的文档的时候，却容易混淆概念，这篇文章试着梳理下执行环境和作用域的概念。 1、执行环境执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环...

技术 | 前端面试题（一）：递归解析 - 前端 - 掘金
我和阿里巴巴的同事守雌将为大家带来一个系列专题：前端面试题解析，一周更新两篇，也许答案可能不是最优的，但是也可以给你提供解决问题的思路。面试题力求实战，期望对于找工作的你，温故而知新的你，能有所帮助。递归基本上是一个必考的算法题，它是实现程序计算过...

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 是如何面向对象的 - 前端 - 掘金
一、引言在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 深入理解 - 前端 - 掘金
一、函数的三种角色首先要先了解在函数本身会有一些自己的属性，比如： 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 常用积累 - 前端 - 掘金
一、JS动画与动作不一致解决: if(!$( "#handle").is(":animated")){ //判断元素是否处于动画状态 } 二、停止事件冒泡 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...

《JavaScript 闯关记》之变量和数据类型 - 掘金
当程序需要将值保存起来以备将来使用时，便将其赋值给一个变量，值的类型称作数据类型。变量 JavaScript 的变量是松散类型的，所谓松散类型就是可以用来保存任何类型的数据。换句话说，每个变量仅仅是一个用于保存值的占位符而已。定义变量时要使用关键字 var ...

一款简洁美观的知乎日报 (web 端) - 前端 - 掘金
轻松查看知乎日报内容, 收藏你喜欢的文章效果图首页查看文章主题日报收藏文章热门文章首页切换日期 ...

JavaScript 的 this 指向问题深度解析 - 前端 - 掘金
JavaScript 中的 this 指向问题有很多博客在解释，仍然有很多人问。上周我们的开发团队连续两个人遇到相关问题，所以我不得不将关于前端构建技术的交流会延长了半个时候讨论 this 的问题。 ...

用 VUEJS 做一个网易云音乐 - 前端 - 掘金
前言：自己学习VUEJS也一段时间，但一直没有做出来一东西。我自己一直喜欢用网易云音乐app，于是乎就做了这个app。技术栈 ...

webpack 简单入门 - 前端 - 掘金
今天来简单地介绍一下webpack的使用！ 1、什么是webpack？ webpack是时下比较流行的模块加载器兼打包工具，它能把各种资源，例如JavaScript代码、样式（含less/sass）、图片等作为模块来进行分析、压缩、合并、打包。 2、为什...

http 缓存深入研究，200 from cache or 304 not modified？ - 前端 - 掘金
前几天看到一篇关于缓存的文章彻底弄懂 Http 缓存机制 - 基于缓存策略三要素分解法，觉得很有意思，所以打算系统学习下Http缓存相关的知识。我把缓存分为缓存存储、缓存对比两部分。 ...

javascript 操作符知识点整理 - 前端 - 掘金
前言初学者会觉得操作符的知识很简单，但是随着学习的深入会发现很多语句都可以用操作符来简化，所以深入理解操作符可以帮助你写出高性能的代码。这篇文章主要记录不同操作符所遵循的规则。javascript的操作符有一元操作符、位操作符、布尔操作符、乘性操作符、加性操...

前端跨域问题及解决方案 - 前端 - 掘金
1、同源策略同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。一个源的定义：如果协议，端口（如果指定了一个）和主机对于两个页面是相同的，则两个页面具有相同的源。 ...

征服 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 实现 - 前端 - 掘金
原文链接排序算法 1、冒泡排序 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 基础总结（一）——综合 - 前端 - 掘金
1、查找作用域当前函数在哪个作用域下定义的，那么他的上级作用域就是谁，和函数在哪执行没有任何关系 //作用域实例 var num = 12; function fn(){ var num = 1...

this 与 JavaScript 中的四种调用模式 - 前端 - 掘金
this 与 JavaScript 中的四种调用模式...

javascript 基础总结（二）——异步编程情况 - 前端 - 掘金
异步：规定要做一件事，不是立马执行这件事，需要等一定的时间，这样的话，我们不会等着它执行，而是继续执行下面的操作，只有将下面的事情处理完了，才会返回头处理之前的事情；如果下面的事情并没有处理完成，不管之前的事情有没有到时间，都踏踏实实的给我等着； ...

javascript 基础总结（三）——盒子模型 - 前端 - 掘金
1、js中的盒子模型通过js中提供一系列的方法和属性获取页面中元素的样式信息值； 2、...

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 实现 - 前端 - 掘金
原文链接排序算法 1、冒泡排序 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 闭包 - 前端 - 掘金
原文链接什么是闭包（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 本文能帮你做什么？ 1、...

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 一、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 运动框架之速度时间版本 - 前端 - 掘金
一、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 创建对象之单例、工厂、构造函数模式 - 前端 - 掘金
一、单例模式首先看一个问题，我们要在程序中描述两个人，这两个人都有姓名和年龄，可能刚刚开始学习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。一、代码是怎样混乱的最简单的一个需求：根据活动改变二维码 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 知识点 - 前端 - 掘金
一、sort深入这次我们要完成一个表格排序的案例，那说到排序，最终肯定是归结于数组的排序。对于数组的排序，我们最先想到的肯定是sort方法，所以我们深入了解一下sort。 1.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 模式：描述现有数据格式。干净的人类和机器可读的文档。完整的结构验证，有利于自动化测试。...

posted @ 2017-06-20 11:44 LD_Joy 阅读(688) 评论(1) 编辑收藏举报

刷新页面返回顶部

LD_Joy

JavaScript - 收藏集 - 掘金

公告