最近在深入实践js中，遇到了一些问题，比如我需要为动态创建的DOM元素绑定事件，那么普通的事件绑定就不行了，于是通过上网查资料了解到事件委托，因此想总结一下js中的事件绑定与事件委托。

块级格式上下文（Block formatting context） 普通流(Normal Flow) {代码...} 浮动 (Floats) {代码...} 绝对定位 (Absolute Positioning) {代码...} BFC 正是属于普通流的，因此它对兄弟元素也不会造成什么影响。 什么是BFC? 块格式化上下文（block formatting context） 是页面 CSS 视觉渲染的一部分。它是用于决定块盒...

面向对象程序设计（Object-oriented programming，OOP）是一种程序设计范型，同时也是一种程序开发的方法。对象指的是类的实例。它将对象作为程序的基本单元，将程序和数据封装其中，以提高软件的重用性、灵活性和扩展性。——维基百科

当你创建函数时，JS会为这个函数自动添加 prototype 属性，值是空对象。而一旦你把这个函数当作构造函数（ constructor ）调用（即通过 new 关键字调用），那么JS就会帮你创建该构造函数的实例，实例继承构造函数 prototype 的所有属性和方法（实例通过设置自己的 __proto__ 指向承构造函数的 prototype 来实现这种继承）。

对象 对象的含义 所谓对象，就是一种无序的数据集合，由若干个“键值对”（key-value）构成。 对象的创建 使用new运算符创建Object {代码...} 使用对象字面量的形式 {代码...} 对象的基本操作 成员属性的添加 {代码...} 成员的遍历 使用 for..in语句 Object.keys()方法 返回一个包含对象键名的字符串数组 {代码...} 检查对...

作用域 定义 在编程语言中，作用域控制着变量与参数的可见性及生命周期，它能减少名称冲突，而且提供了自动内存管理 --javascript 语言精粹 我理解的是，一个变量、函数或者成员可以在代码中访问到的范围。 js的变量作用域是基于其特有的作用域链的。 全局变量都是window对象的属性 没有块级作用域 函数中声明的变量在整...

在预处理阶段，js会首先创建一个执行上下文对象（Execute Context,然后扫描声明式函数和用var定义的变量，将其加入执行上下文环境中，看下面栗子：

Math对象 Math 是js中的一个内置对象， 它为数学常量和数学函数提供了属性和方法，而不是一个函数对象。 属性 Math.PI = > 圆周率，一个圆的周长和直径之比，悦等于3.14159. Math.E = > 欧拉常数，自然对数的底数，约等于2.718. 常用的方法 1. Math.abs(x) ＝> 取得x的绝对值 {代码...} 2. Math.random() = &gt...

＝> 返回 substr 在字符串 str 中首次出现的位置,从 start 位置开始查找，如果不存在，则返回 -1。 start可以是任意整数，默认值为 0。如果 start < 0 则查找整个字符串（如同传进了 0）。如果 start >= str.length，则该方法返回 -1，除非被查找的字符串是一个空字符串，此时返回 str.length.

在这之前 你需要了解一下方法的使用： beginPath() closePath() moveTo() lineTo() fill() stroke() fillRect() clearRect() 这些我在前面的文章介绍过，可以看： canvas入门－利用 canvas 制作一个七巧板 画个圆 arc()方法 {代码...} = > 画一个以（x,y）为圆心的以radius为半径的圆弧（圆），从startAngle开始到end...

数组的定义 数组是按序号排列的一组值，每个值的位置都有编号（从0开始）。数组本质上是一种特殊的对象。它的键名是按（0，1，2...）排列的一组数字。 创建数组： {代码...} 判断比是否是个数组 Array.isArray(arr) arr instanceof Array 取数组元素 arr[index] length 属性 返回数组的成员数量。 Javascript使用一个32...

在 Javascript 中常见的类型检查手段主要有：typeof,instanceof,constructor和Object.prototype.toString。

JavaScript，一种直译式脚本语言，是一种动态类型、基于原型的语言，内置支持类别。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。然而现在JavaScript也可被用于网络服务器，如Node.js。--维基百科

在这之前 需要你懂得以下方法的使用： beginPath() moveTo() lineTo() closePath() 具体用法可以参考我的上一篇文章 canvas入门－利用canvas制作一个七巧板 矩形的绘制 canvas提供了三种绘制矩形的方法： fillRect(x, y, width, height) {代码...} strokeRect(x, y, width, height) {代码...} clearRect(x, y, width, he...

几个重要的名词 Workspace：工作区 Index / Stage：暂存区 Repository：仓库区（或本地仓库） Remote：远程仓库 Git 配置 设定 用户名／电子邮件地址 {代码...} 输出彩色 {代码...} 设定命令别名 {代码...} 显示设定菜单 {代码...} 基本操作 将当前目录初始化为 git 数据库 {代码...} 查看状态 {代码...} 查看日志 {代码...

<canvas> 是 HTML5 新增的元素之一，它允许脚本语言动态渲染位图像。最初是由 Apple 引入，用于 Mac OS X 的仪表盘，后来又在 Safiri 和 Google Chrome 中被实现。 <canvas> 就像个神奇的画布，你可以在上面画出你想要的绚丽的效果。使用<canvas>元素之前，需要一些基本的 HTML 和 Javascript 知识。&...