JS 全栈教程 - 前端 - 掘金
本课程是基于阮一峰的 js 全栈教程的视频版本，免费供大家观看...
不要过度依赖 jQuery（一） - 前端 - 掘金
毫无疑问，JQuery是一款非常优秀的JavaScript库，它让我们开发项目变得更加便捷容易。 不过，当你准备在一个项目（特别是移动项目）中使用JQuery时，你真的该好好思考一下，你会用到JQuery的哪些功能，是否真的需要jQuery。因为随着Java...
学习 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 设计模式与开发实践》② - 前端 - 掘金
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 深入浅出原型 - 前端 - 掘金
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） 我的博客：劳卜的博客 知乎专栏：前端呼啦圈 前言 由于工作和生活上的一些变化，最近写文章的频率有点下降了，实在不好意思，不过相信不久就会慢慢恢复过来，感谢大家一直以来的关注和支持。 本文主要给大家分享一下在...
原生 JS 中对象相关 API 合集 - 前端 - 掘金
Microzz zhaohui@microzz.com 主页 ...
破解前端面试（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 的开发图谱（2017） - 掘金
原文地址：A Map To Modern JavaScript Development 原文作者：Santiago de León 译文出自：掘金翻译计划 译者：gy134340 校对者：IridescentMia,Tina92 过去 5 年里你一直使用 ...
javascript 安全的类型监测 - 前端 - 掘金
数据类型检测 ECMAScript有五种简单的数据类型，分别为Undefined、Null、String、Number、Boolean，还有一个复杂的数据类型Object。ECMAScript的语言的动态性意味着我们可以使用以上6种数据类型表示...
2016 年崛起的 JS 项目 - 掘金
本文是我对中文版 risingstars2016 的整理，而本人就是中文版的译者，首发于知乎专栏 前端周刊。共 21384 字，读完需 30 分钟，速读需 5 分钟。长江后浪推前浪，如果你能花 30 分钟读完我 6 个小时翻译的内容，相信你不会...
函数式编程术语及示例 - 前端 - 掘金
译者注：本项目译自 functional-programing-jargon，专业术语居多，如有错误，可以提 pr 更正。除了术语翻译，针对每项术语，也有代码示例，位于 /demos 目录下。另外，这里也有几份不错的文章和仓库。 ...
函数节流与函数防抖 - 前端 - 掘金
什么是函数节流与函数防抖 举个栗子，我们知道目前的一种说法是当 1 秒内连续播放 24 张以上的图片时，在人眼的视觉中就会形成一个连贯的动画，所以在电影的播放（以前是，现在不知道）中基本是以每秒 24 张的速度播放的，为什么不 100 ...
JavaScript 常用 API 集合 - 前端 - 掘金
一、节点 1.1 节点属性 Node.nodeName //返回节点名称，只读 Node.nodeType //返回节点类型的常数值，只读 Node.nodeValue //返回Text或Comment节点的文本值，只读 Node.textConte...
是时候替换你的 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生态系统虽然最近...
jsonp 跨域请求详解——从繁至简 - 前端 - 掘金
什么是jsonp？为什么要用jsonp?JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1...
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 上学习前端开发的资料（不定期更新）...
Web Storage--HTML5 本地存储 - 前端 - 掘金
什么是Web Storage Web Storage是HTML5里面引入的一个类似于cookie的本地存储功能，可以用于客户端的本地存储，其相对于cookie来说有以下几点优势： ...
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...
JavaScript 常用 API 集合 - 前端 - 掘金
一、节点 1.1 节点属性 Node.nodeName //返回节点名称，只读 Node.nodeType //返回节点类型的常数值，只读 Node.nodeValue //返回Text或Comment节点的文本值，只读 Node.textConte...
是时候替换你的 for 循环大法了~ - 前端 - 掘金
《小分享》JavaScript中数组的那些迭代方法~...
Web 客户端存储 - 前端 - 掘金
许可协议： 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议 开门见山，先来总结一下 Cookie, LocalStorage 与 SessionStorage 的异同，精华都在这儿呢！ 总结异同 ...
JavaScript 中小数和大整数的精度丢失 - 前端 - 掘金
自己在某个项目中, 遇到两个不一样的大整数 (a,b), 通过 a==b 后竟然返回 true。然后查找各种资料，觉得玉伯这一篇解释算是挺不错的. 冒昧分享一下。...
前端基础进阶：详细图解，彻底搞懂闭包与作用域链 - 前端 - 掘金
攻克闭包难题 初学JavaScript的时候，我在学习闭包上，走了很多弯路。而这次重新回过头来对基础知识进行梳理，要讲清楚闭包，也是一个非常大的挑战。 闭包有多重...
GraphicsJS 入门，一个轻量级的前端图形库 - 前端 - 掘金
为什么选择GraphicsJS 前端可以选择的svg库，有很多，比如snap.svg或者BonsaiJS当然这些库也是各有优势。而这篇文章主要就是说GraphicsJS，让大家知道他的优势和特点。 ...
前端基础进阶：变量对象详解，教你如何高逼格地解释变量提升 - 前端 - 掘金
在JavaScript中，我们肯定不可避免的需要声明变量和函数，可是JS解析器是如何找到这些变量的呢？我们还得对执行上下文有一个进一步的了解。 在上一篇文章中，我们已经知道，当调用一个函数时（激活），一个新的执行上下文就会被创建...
原生 JavaScript 实现 AJAX、JSONP - 前端 - 掘金
相信大多数前端开发者在需要与后端进行数据交互时，为了方便快捷，都会选择JQuery中封装的AJAX方法，但是有些时候，我们只需要JQuery的AJAX请求方法，而其他的功能用到的很少，这显然是没必要的。 其实，原生JavaScript实现AJAX并不难，这篇...
2016 年 JavaScript 领域中最受欢迎的 “明星” 们 - 前端 - 掘金
JavaScript社区的发展正如盛壮之时的骐骥，—日而驰千里，趋势如长江后浪推前浪。 2016年已经过去，2017的工作已经开启，你是否会担心错过一些重要的东西？无须担心， JS.ORG不久前分享了一篇博文： https://risingstars2...
(译) 怎样写一个能同时用于 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本身很简单，就是去学习...
Javascript 的数据结构与算法 (二) - 前端 - 掘金
1集合 1.1集合的实现 集合是由一组无序且唯一(即不能重复)的项组成的。这个数据结构使用了与有限集合相同 的数学概念,但应用在计算机科学的数据结构中。 集合中常用方法列表： add(value):向集合中添加一个新的项。 remove(v...
JavaScript 的数据结构与算法 (一) - 前端 - 掘金
1数组 1.1方法列表 数组的常用方法如下: concat: 链接两个或者更多数据，并返回结果。 every: 对数组中的每一项运行给定的函数，如果该函数对每一项都返回true，则返回true...
[性能优化实践] 单页应用 - 前端 - 掘金
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...
JavaScript30 中文指南 - 04 Array 基本操作指南 - 前端 - 掘金
作者：©缉熙Soyaine 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 ...
手把手教你做一个原生 js 拖动滑块 - 前端 - 掘金
废话少说： 在PC端可以用mousedown来触发一个滑块滑动的效果，但在手机上，貌似无法识别这个事件，但手机上有touchstart事件，可以通过一系列“touch”事件来替代PC端的“mouse”事件。 移动端触屏滑动的效果其实就是图片轮播，在PC的页面...
这是第一个使用原生 JS 编写的，可以让表格自由拖动排序的插件 - 前端 - 掘金
Finally, you are able to drag and sort your table as you want. Try out the demo! Inspiration Table-dragger is a minimalist...
一张图看懂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 基础] 对象冻结 - 掘金
作者：滴滴公共前端团队 - YXY 前言： 很多人看 Vue 2.* 版本源码的时候也会注意到频繁出现的 Object.freeze() 本文我们通过学习查看 MDN 的介绍做了一下个人总结并分享出来，如果会的同学就可以直接忽略。 正文： Object.fre...
原生 JavaScript 实现 AJAX、JSONP - 前端 - 掘金
相信大多数前端开发者在需要与后端进行数据交互时，为了方便快捷，都会选择JQuery中封装的AJAX方法，但是有些时候，我们只需要JQuery的AJAX请求方法，而其他的功能用到的很少，这显然是没必要的。 其实，原生JavaScript实现AJAX并不难，这篇...
手把手带你用原生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...
JavaScript 原型系统的变迁，以及 ES6 class - 前端 - 掘金
概述 JavaScript 的原型系统是最初就有的语言设计。但随着 ES 标准的进化和新特性的添加。它也一直在不停进化。这篇文章的目的就是梳理一下早期到 ES5 和现在 ES6，新特性的加入对原型系统的影响。 ...
网友评论