事件委托

如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器；相反，事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件，找到是哪个子元素的事件。基本概念非常简单，但仍有很多人不理解事件委托的工作原理。这里我将要解释事件委托是如何工作的，并提供几个纯JavaScript的基本事件委托的例子。

序

接触前端已经有一段时间了，可能好多程序猿都会觉得前端开发碰不到数据结构，算法的知识，在日常工作中可能永远都不会需要去了解的很深，没什么用，自我感觉对基础算法的了解能使我们在工作中运用这些基本的思想，写出更优的代码，更易于维护的代码。

引言

主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none 优化滚动。

滚动优化的由来

滚动优化其实也不仅仅指滚动（scroll 事件），还包括了例如 resize 这类会频繁触发的事件。简单的看看示例：

序

在我们的工作中对于数组的运用还是比较多的，为了方便日常的使用，今天总结一下。主要包含以下四种：数组去重、数组顺序打乱、数组判断、数组排序

为了方便大家理解，在每个方法前添加相关概念详解，对概念熟知的略过。

面向对象

Jade介绍

Jade是一个基于javascript，可以运行于node与浏览器环境的一个前端模板引擎。

gulp-jade的安装

1.先建立一个jade文件夹，然后再终端初始化npm init生成package.json文件
2.在nodeJs中输入以下命令npm install gulp-jade –save-dev下载gulp-jade

canvas基础

bootstrap的栅格结构

bootstrap的结构被container包裹着，自动居中，不超过12列。

图片和图标

bootstrap安装

bootstrap网址：http://v3.bootcss.com/（中文版）

bootstrap网址：http://getbootstrap.com/（英文版）