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

时间 2019-11-10

原文原文链接

JavaScript 函数式编程 - 前端 - 掘金
引言面向对象编程一直以来都是JavaScript中的主导范式。JavaScript做为一门多范式编程语言，然而，近几年，函数式编程愈来愈多得受到开发者的青睐。函数式编程是一种强调减小对程序外部状态产生改变的方式。所以，它鼓励使...javascript

Ajax入门 - 掘金
前言总括：本文讲解了ajax的历史，工做原理以及优缺点，对XMLHttpRequest对象进行了详细的讲解，并使用原生js实现了一个ajax对象以方便平常开始使用。 damonare的ajax库：damonare的ajax库原文博客地址：你真的懂aja...html

JavaScript 经典的难点与重点 - 前端 - 掘金
LazyMan 实现LazyMan（什么是LazyMan？请自行google） ...前端

MDN JavaScript 中文文档翻译项目 - 前端 - 掘金
JavaScript 文档翻译状态翻译状态概览文档总页数 ...vue

JavaScript 知识点整理 - 前端 - 掘金
JavaScript是按照ECMAScript标准设计和实现的，后文说的JavaScript语法实际上是ES5的标准的实现。先说说有哪些基础语法？最基础语法有哪些？基础语法几乎全部的语言差别不大，无非数据类型、操做符、控制语句、函数等，简单列举下。 5种基本...java

JavaScript 进阶 -- 拉勾网鼠标移入移出效果 - 前端 - 掘金
JavaScript进阶 1024丝绝不减小我敲写代码的激情，由于我闻到了代码的味道。先上效果图（gif本身录制的，有点难看抱歉，工具licecap） image 其实也是个偶然的机会，让我想去研究一下这个效果。主要是因为有个群里的人发了个讲...node

用 ES6 生成器解决 node 回调地狱 - 前端 - 掘金
原文A Study on Solving Callbacks with JavaScript Generators 当我开始写nodejs的时候，很是讨厌两件事情：1.全部流行的模板引擎，2.回调的扩散(回调地狱)。我愿意忍受回调，由于我理解基于事件的服务端是...react

JavaScript 面试: 什么是函数式编程？| Eric Elliott - 前端 - 掘金
函数式编程在 JavaScript 界已经成为了一个很是热门的话题。而仅在几年以前，还几乎没有 JavaScript 程序员了解函数式编程是什么，但在最近三年里，我看到很是多的应用程序代码库里大量使用着函数式编程思想。函数式编程（一般简称为 FP）是指经过...webpack

JS 瀑布流 - 前端 - 掘金c++

前言在咱们浏览各大网站，网页，手机APP的时候，可能会遇到不少图片大小不一，看起来杂乱无章，其实，它们是狠有顺序的，排列在一块儿。这就应用到了网站中一种很流行的页面布局---瀑布流，又称瀑布流布局。 ...git

一道很有难度的 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代码执行一段可执行...

破解前端面试（80% 应聘者不及格系列）：从闭包提及 - 掘金
修订说明：发布《80% 应聘者都不及格的 JS 面试题》以后，全网阅读量超过 6W，在知乎、掘金、cnodejs 都引起了不少讨论，还被多个前端微信公号和技术媒体转载。酝酿许久以后，笔者准备接下来撰写前端面试题系列文章，内容涵盖 DOM、HTTP、浏览器、框架...

JavaScript 中函数节流和函数去抖的讲解 - 掘金
咱们都知道频繁触发执行一段js逻辑代码对性能会有很大的影响，尤为是在作一些效果实现方面，或者逻辑中须要进行后端请求，更是会致使卡顿，效果失效等结果，因此在处理相似的状况时，能够考虑使用函数节流和函数去抖来解决，至于具体使用哪种方式，根据实际状况分析定夺,先来...

百度前端学院任务动态数据绑定(五) - 掘金
以为这个系列任务仍是颇有趣的，这是一种性能不好的实现，也许以后会尝试使用虚拟dom、改善其中的遍历。任务信息首先分析一下要干吗：能够看出Vue是个构造函数；由于传入的对象可能有不少层对象，因此须要一个遍历传入对象的方法；双向绑定打算经过访问器属性实现、需...

高阶函数（软件编写）（第四部分） - 掘金
原文地址：Higher Order Functions (Composing Software)(part 4) 原文做者：Eric Elliott 译文出自：掘金翻译计划译者：reid3290 校对者：Aladdin-ADD、avocadowang ...

关于 js 中的回调函数 callback - 掘金
本文写于1年前曾经的学习文章现在拿出来分享前言其实我一直很困惑关于js中的callback,困惑的缘由是，学习中这块看的资料少，可是平时又常常见，偶尔复制一下前人代码，功能实现了也就再也不去追其起因，这么着，这个callback的概念就愈来愈混乱，由于你总...

JS中的This别再被问倒了，面试常见问题分析 - 掘金
GitHub地址：https://github.com/SimonZhang... 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/po... 英文链接：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-jav... 在一个基础阶段，理解JavaScript定时器的工做原理的是很是重要的。一般它们看起来不那么直观，由于它们处于单线程中。让咱们从...

Javascript 深刻浅出 this - 前端 - 掘金
What ’s this？要学同样东西，首先得了解它的含义，this 关键字的含义是明确且具体的，即指代当前对象；细心的童鞋发现了当前对象中"当前" 这两个字；说明这个 this 是在某种相对状况下才成立的。因为其运行期绑定的特性，JavaScrip...

移动导航设计，看这一篇就够了 - 产品 - 掘金
日常咱们去商场或者景点逛的时候，一般会看到整个景区或者整个商场的导游图，能让咱们知道身处何地而且快速的找到目的地。投射到一个虚拟的产品上面，一样是一个“商场”或“景点”，为了让用户可以顺利的在产品中畅行，则必须为用户提供一个有效的导航系统，让用户时刻清楚本身在...

this 的值究竟是什么？一次说清楚 - 掘金
原载于前端开发指南，喜欢请关注。你可能遇到过这样的 JS 面试题： var obj = { foo: function(){ console.log(this) } } var bar = obj.foo obj.foo() // 打印出的...

JavaScript 填坑史 - 掘金
前言总括：这是笔者平时积累的一些以为比较有意思或是比较有难度的JavaScript题目理解和心得，会保持长期更新。原文地址：Javascript填坑史知乎专栏&&简书专题：前端进击者（知乎）&&前端进击者（简书） ...

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... 由于作成动图之后压缩的问题会看不到线，因此就把颜色都改为不透明的了 demo里面仍是跟知乎里的同样。主要的知识点 ...

javascript 正则表达式总结 - 前端 - 掘金
为何要使用正则表达式正则表达式经过由普通字符和特殊字符组成的文字模板完成对字符串的校验，搜索，替换。在javascript中相似这样 ...

深刻理解 JavaScript 原型和闭包 - 前端 - 掘金
说明：该教程绕开了javascript的一些基本的语法知识，直接讲解javascript中最难理解的两个部分，也是和其余主流面向对象语言区别最大的两个部分——原型和闭包，固然，确定少不了原型链和做用域链。帮你揭开javascript最神秘的面纱。为...

Vue.js 写一个音乐播放器 - 前端 - 掘金
在线预览在线预览地址1: ?http://microzz.cn/vue-music/在线预览地址2: ?https://microzz.github.io/vue... 源代码 GitHub...

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

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

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

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

全面解析 Javascript - this - 前端 - 掘金
为何要写这篇文章？我以前在阿里面试，以及其它公司面试的时候曾经被问到过这个问题，因此想要分享给你们，若是你能清楚地知道下面 this 七种状况的区别，能跟面试官解释清楚，无疑是一个大大的加分项，理解完这篇文章，面试官再怎么问你 this 都不怕了。...

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

谈一谈 JavaScript 继承 - 前端 - 掘金
最近在复习一些JavaScript基础的东西，碰到js的原型和继承这一块老是感受不悟其中精髓。所以，这篇文章算是从我本身理解的角度对js继承进行总结和剖析。什么是继承大多数人使用继承不外乎是为了得到...

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

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

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

原生 JavaScript 实现 AJAX、JSONP - 前端 - 掘金
相信大多数前端开发者在须要与后端进行数据交互时，为了方便快捷，都会选择JQuery中封装的AJAX方法，可是有些时候，咱们只须要JQuery的AJAX请求方法，而其余的功能用到的不多，这显然是不必的。其实，原生JavaScript实现AJAX并不难，这篇...

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

征服 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写一个"多动症"的简历预览地址源码地址最近...

走心大白话 JavaScript 教程（二）巧妙理解 call 和 apply - 掘金
JS大法好，JS在手，天下我有，信JS，得永生。这个系列的教程我一开始是写在github上的，可是以为放到掘金来可让更多须要的人看到，就搬到掘金专栏上啦，若是以为本教程对你有帮助，请点这里去github上给我一颗Star~教程目录也在github上哈~ 本...

走心的一系列 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/wi... 函数的定义和调用： ...

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

前端常见算法的 JS 实现 - 前端 - 掘金
原文连接排序算法一、冒泡排序 function bubbleSort(arr){ var i = j = 0; for(i=1; i<arr.length; i+...

Typescript 2+迷你书：从入门到不放弃 - 掘金
前言文中会穿插部分ES6&7的代码(此处不在解释什么做用域什么的,做用什么的)，能言简意赅的毫不废话哈; 文中的ts或者ts2皆指typescript; 这不是一个合格的手册,要想深刻和更全应该看官方的手册文档加以练习和尝试 Typescrip...

这里有超过20家的前端面试题，你肯定不点进来看看？ - 掘金

0.备注若文章中部份内容没法显示，请移步李鹏的其余博客。简书 CSDN ## 1. 前言这里有超过20家的前端面试题，你肯定不点进来看看？好吧，若是你看到这句话，你明显是点进来了。那么恭喜你，接下来我就和大家分享一下，近期我收集到的各个公司...

详解 Javascript十大经常使用设计模式 - 前端 - 掘金
一：理解工厂模式工厂模式相似于现实生活中的工厂能够产生大量类似的商品，去作一样的事情，实现一样的效果;这时候须要使用工厂模式。简单的工厂模式能够理解为解决多个类似的问题;这也是她的优势;好比以下代码：&...

写好你的JavaScript - 掘金
关于微信公众号：前端呼啦圈（Love-FED）个人博客：劳卜的博客知乎专栏：前端呼啦圈前言在实际工做中，咱们应该常常会看到一些功能上没有问题，但编码风格和规范却十分糟糕的代码，这每每会让人不敢再往下阅读，甚至会影响阅读者一天的心情。这些代码不只不...

是时候替换你的 for 循环大法了~ - 前端 - 掘金
《小分享》JavaScript中数组的那些迭代方法~...

javascript 基础总结（一）——综合 - 前端 - 掘金
一、查找做用域当前函数在哪一个做用域下定义的，那么他的上级做用域就是谁，和函数在哪执行没有任何关系 //做用域实例 var num = 12; function fn(){ var num = 1...

JavaScript巧学巧用 - 掘金
关于微信公众号：前端呼啦圈（Love-FED）个人博客：劳卜的博客知乎专栏：前端呼啦圈前言因为工做和生活上的一些变化，最近写文章的频率有点降低了，实在很差意思，不过相信不久就会慢慢恢复过来，感谢你们一直以来的关注和支持。本文主要给你们分享一下在...

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

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

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

JavaScript 设计模式 ① 正确使用面向对象编程的姿式 - 掘金
javascript是一门弱语言，他有着分同通常的灵活性使它迅速的成为几乎人人必会的一门语言，but，大家使用的姿式真的正确吗？在之前的开发过程中，老板：给我加个验证用户邮箱、验证用户短信...功能！ function checkMessage(){......

走心大白话JavaScript教程（一）理解JS中this指向的小技巧 - 掘金
JS大法好，JS在手，天下我有，信JS，得永生。这个系列的教程我一开始是写在github上的，可是以为放到掘金来可让更多须要的人看到，就搬到掘金专栏上啦，若是以为本教程对你有帮助，请点这里去github上给我一颗Star~教程目录也在github上哈~ 本...

JS 红宝书 · 读书笔记 -- 下篇 - 前端 - 掘金
我的博客：https://yeaseonzhang.github.io 花了半个多月的时间，终于又把“JS红宝书”又撸了一遍。第一次读“JS红宝书”仍是2015年初学JS的时候，那时候只是把语法部分读了一遍，还有一些浏览器相关知识作了下了解，大概也就读了半...

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 实现 - 前端 - 掘金
原文连接排序算法一、冒泡排序 function bubbleSort(arr){ var i = j = 0; for(i=1; i<arr.length; i+...

《你不知道的JavaScript》读书笔记（一） - 掘金
一、编译原理分词/词法分析（ Tokenizing/Lexing）这个过程会将由字符组成的字符串分解成（对编程语言来讲）有意义的代码块，这些代码块被称为词法单元（ token）。例如，考虑程序 var a = 2;。这段程序一般会被分解成为下...

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

JavaScript 原型链 - 前端 - 掘金
结论细探原型链解释原型链工做原理 ...

JavaScript 设计模式 - 前端 - 掘金
目录前言单体模式工厂模式迭代器模式装饰者模式策略模式外观模式代理模式中介者模式观察者模式前言本文参考于《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...

JavaScript 代码整洁之道 - 前端 - 掘金
概述 Robert C. Martin 在《代码整洁之道》中提到的软件工程原则，一样适用于 JavaScript。这不是一个风格参考。它指导如何用 JavaScript 编写可读、可复用、可重构的软件。并非每个原则都必须严格遵循，甚至很...

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...

JavaScript深刻之bind的模拟实现 - 掘金
JavaScript深刻系列第十一篇，经过bind函数的模拟实现，带你们真正了解bind的特性 bind 一句话介绍bind: bind()方法会建立一个新函数。当这个新函数被调用时，bind()的第一个参数将做为它运行时的 this, 以后的一序列参数将...

编写高质量的 JavaScript 代码（一） - 前端 - 掘金
做者 | 杨潼编辑 | 迷鹿 2016年6月加入腾讯，目前在SNG社交网络质量部从事内部平台工具的研发。熟悉PHP、JS、CSS，喜欢弹吉他。 1、理解JavaScript的浮点数由IEEE754标准制定，JavaSc...

用原生 js 写一个 "多动症" 的简历 - 前端 - 掘金
用原生js写一个"多动症"的简历预览地址源码地址最近...

你真的懂 JavaScript 的正则吗？ - 掘金
本文内容主要出处为《JavaScript权威指南》(第六版)，笔者只是在搬砖的同时整理思路，有误望及时指出，感谢！定义正则表达式概述对于正则表达式的概念咱们就很少费口舌了...在JavaScript中使用正则表达式进行模式匹配离不开RegExp对象，...

JavaScript字符串全部API全解密 - 掘金
关于个人博客：louis blog SF专栏：路易斯前端深度课原文连接：JavaScript字符串全部API全解密本文近 6k 字，读完需 10 分钟。字符串做为基本的信息交流的桥梁，几乎被全部的编程语言所实现（然而c、c++没有提供）。多数开发者...

深刻 JavaScript，从对象开始 - 前端 - 掘金
入坑前端开发有一段时间了，面对形形色色的JavaScript优秀框架，到底该选择那一款呢？最近在使用Vue.js写一款markdown编辑器插件(mavonEditor)的时候，遇到了各类各样的问题，而致使这些问题的根本缘由不是Vue.js，而是JavaScr...

jsonp 跨域请求详解——从繁至简 - 前端 - 掘金
什么是jsonp？为何要用jsonp?JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。因为同源策略，通常来讲位于 server1.example.com 的网页没法与不是 server1...

跨域——CORS 详解 - 前端 - 掘金
CORS（Cross-origin resource sharing） “跨域资源共享” 在出现CORS标准以前，咱们还只能经过jsonp（jsonp跨域请求详解）的形式去向“跨源”服务器去发送 XMLHttpRequest 请求，这种方式吃力不讨好，在请...

但愿是通俗易懂的谈一下JS 闭包问题 - 前端 - 掘金
有时候在查一个知识点的时候，若是你只看了一篇文章，恰巧那篇文章讲的并不许确，可能你一生都要认为的有误差了。闭包首先要从内存管理提及无论现代浏览器作的再好，咱们总会在上一些网站时发现很卡，卡的缘由可能千千万吧，可是若是由于代码质...

JS 一些优化性能的小细节 - 掘金
Github博客: https://github.com/asd0102433...喜欢的朋友star 支持一下 Js高性能优化小结谨慎使用闭包因为闭包[[Scope]] 属性包含与执行环境做用域链相同的对象引用，函数活动对象原本会随着执行环境完毕...

谁说 JavaScript 很简单了？ - 掘金
本文做者：Aurélien Hervé 编译：胡子大哈翻译原文：http://huziketang.com/blog/po... 英文链接：Who said javascrip...

Google 是如何审批20亿行代码的？coding style 真的很重要！ - 掘金
专栏 | 九章算法网址 | www.jiuzhang.com 有些人以为，代码只要写出来了，程序跑经过了就能够了，为何要浪费时间去约束人家怎么写代码呢。可是，现实工做中，咱们发现，很多人就是由于代码风格不佳，被挂掉了面试，或者出现团队协做问题。为何代码...

80% 应聘者都不及格的 JS 面试题 - 掘金
共 5024 字，读完需 6 分钟，速读需 2 分钟，本文首发于知乎专栏前端周刊。写在前面，笔者在作面试官这 2 年多的时间内，面试了数百个前端工程师，惊讶的发现，超过 80% 的候选人对下面这道题的回答状况连及格都达不到。这到底是怎样神奇的一道面试题？他考察...

你真的了解 javascript 吗？（一） - 前端 - 掘金
原题出处：JavaScript Puzzlers!当初觉得不过是一些小题目，结果作到怀疑人生，都要怀疑可能我javascript白学了。读者能够去试试。很少说，直接上题：第一题...

撸 js 基础之数组 - 前端 - 掘金
数组基础简介数组是应用最普遍的数据存储结构。它被植入到大部分编程语言中。在 ECMAScript 中数组是很是经常使用的引用类型。 &amp;amp;amp;lt;img ...

ES6语言特性的总结(1) - 掘金
虽然在编写项目的过程当中，也会用到ES6的语法以及新特性。但感受学习的不是特别系统，索性这两天从新刷了一下Understanding The ES6，也对ES6有了更深的理解。这里，针对感受应用比较多，知识点比较重要的部分作了一下总结。内容有点多，所以预计将分为...

函数式编程术语及示例 - 前端 - 掘金
译者注：本项目译自 functional-programing-jargon，专业术语居多，若有错误，能够提 pr 更正。除了术语翻译，针对每项术语，也有代码示例，位于 /demos 目录下。另外，这里也有几份不错的文章和仓库。 ...

44 个 JavaScript 变态题解析 - 前端 - 掘金
原题来自: http://javascript-puzzlers.he... 读者能够先去作一下感觉感觉. 当初笔者的成绩是 21/44... 当初笔者作这套题的时候不只怀疑智商, 连人生都...

前端基础进阶（七）：函数与函数式编程 - 前端 - 掘金
函数：菜鸟收割者纵观JavaScript中全部必须须要掌握的重点知识中，函数是咱们在初学的时候最容易忽视的一个知识点。在学习的过程当中，可能会有不少人、不少文章告诉你面向对象很重要，原型很重要，但是却不多有人告...

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

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

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 中的 call、apply、bind 深刻理解 - 前端 - 掘金
1、函数的三种角色首先要先了解在函数自己会有一些本身的属性，好比： length：形参的个数； ...

JavaScript 闭包 - 前端 - 掘金
原文连接什么是闭包（Closure）简单讲，闭包就是指有权访问另外一个函数做用域中的变量的函数。 MDN 上面这么说：闭包是一种特殊的对象。它由两部分构成：函数，以及建立该函数的环境。环境由闭包建立时在做用域中的任何局部变量组成。可是，网上找了好多资料...

JavaScript 闭包入门（译文） - 掘金
前言总括：这篇文章使用有效的javascript代码向程序员们解释了闭包，大牛和功能型程序员请自行忽略。译者：文章写在2006年，可直到翻译的21小时以前做者还在完善这篇文章，在Stackoverflow的How do JavaScript closu...

(译) 高效地使用闭包 - 前端 - 掘金
翻译能力有限，原文请点这里 Use JavaScript Closures Efficiently，越到后面，内容才越重要，若是想看，请耐心看完(我也是翻译以后才知道的) 闭包广泛地用在 Node.js 中，以支持各类形式的异步和事件驱动这两种编程模式。若是...

理解 javascript 中的闭包 - 前端 - 掘金
闭包在 javascript 来讲是比较重要的概念，平时工做中也是用的比较多的一项技术。...

深入理解 JavaScript--- 闭包 - 前端 - 掘金
闭包是指那些可以访问独立(自由)变量的函数 (变量在本地使用，但定义在一个封闭的做用域中)。换句话说，这些函数能够“记忆”它被建立时候的环境。——这句话其实有点难以理解。我以为应该用一些例子来理解闭包的含义。闭包#1 先来看一个函数:function f...

JavaScript 之闭包与高阶函数（一） - 前端 - 掘金
欢迎访问个人我的博客 JavaScript虽是一门面向对象的编程语言，但同时也有许多函数式编程的特性，如Lambda表达式，闭包，高阶函数等。函数式编程是种编程范式，它将电脑运算视为函数的计算。函数编程语言最重要的基础是 λ 演算（lambda c...

程序员福利：各大平台免费接口，很是实用 - 工具资源 - 掘金
电商接口京东获取单个商品价格接口：http://p.3.cn/prices/mgets?sk...商品ID&type=1ps:商品ID这么获取:http://item.jd.com/954086.html物流接口快递接口：http://www.kuai...