前端开发中经常涉及到数组的相关操作：去重、过滤、求和、数据二次处理等等。都需要我们对数组进行循环。为了满足各种需求，JS除了提供最简单的for循环，在ES6和后续版本中也新增的诸如：map、filter、some、reduce等实用的方法。因为各个方法作用不同，简单的对所有涉及…

扁平化，顾名思义就是减少复杂性装饰，使其事物本身更简洁、简单，突出主题。 数组扁平化，对着上面意思套也知道了，就是将一个复杂的嵌套多层的数组，一层一层的转化为层级较少或者只有一层的数组。 该方法是利用 toString 把数组变成以逗号分隔的字符串，然后遍历数组把每一项再变回原…

在《趣谈js的bind牌胶水》这篇文章中，我聊到了js的bind牌胶水，这篇文章我来聊聊bind牌胶水的升级版：call和apply方法。 在《趣谈js的bind牌胶水》中，我通过js的相关历史，叙述了bind、call、apply三方法诞生的背景，同时也指出这三个方法出现的共…

之前一直用jquery的form插件自带的方法ajaxSubmit提交表单。 这种方法太依赖库，在移动端会产生多大的资源消耗，于是还是用FormData提交比较合适。FormData也是H5新增 二、通过Html Form元素创建FormData对象，用ajax提交。

这篇是学习和回顾canvas系列笔记的第六篇，完整笔记详见：canvas核心技术。 在上一篇canvas核心技术-如何实现复杂的动画笔记中，我们详细讨论了在制作复杂动画时，需要考虑时间因素，物理因素等，同时还回顾了如何使用缓动函数来扭曲时间轴实现非线性运动，比如常见的缓入，缓出…

几天前，我阅读了一篇关于CSS网格系统的文章。但作为开发人员，你真的不知道在你真正尝试之前有什么用处。所以让我们来尝试一下。我将创建两个基本设计。一个使用Flexbox，另一个使用网格系统。

JavaScript数组去重，一个老生常谈的问题了，但这次是解锁多种JavaScript数组去重姿势。 双重循环去重实现比较容易。 基本思路：如果索引不是第一个索引，说明是重复值。 基本思路：先对原数组进行排序，然后再进行元素比较。 基本思路：利用了对象的key不可以重复的特性…

JS中函数是一等公民，地位很高。本文介绍快速介绍三个函数： compose 组合函数，这函数就是把一系列函数按顺序一个个执行。 当某些事件频繁触发造成不断执行DOM操作或资源加载等行为，这时你可能就会想到用节流和去抖函数来处理。 节流函数就是预先设定一个执行周期，当调用动作的时…

主要整理日常工作中常用的一些通用Js代码，以方便能够记录与使用。