前端笔记(设计模式及JS框架)

运用闭包解决按钮点击变量变化问题

// 清屏
document.body.innerHTML = '';

var nums = [1,2,3];

// 循环遍历数组中的每一个数
for (var i = 0; i < nums.length; i++) {

// 这是数组循环中当前的数值...
var num = nums[i];

// 我们为这个数创建了一个 DOM 元素
var elem = document.createElement('div');
elem.textContent = num;

// ... 然后当我们点击 (click) 的时候，提示这个数字
elem.addEventListener('click', (function(numCopy) {
    return function() {
        alert(numCopy);
    };
})(num));

document.body.appendChild(elem);
};

Knockout.js 中的模型

http://knockoutjs.com/

console.dir(object) 是可以在现代 Web 浏览器中使用的函数，用于显示指定 JavaScript > 对象的属性列表。见MDN 文档

1. to-do应用扩展

• underscore.js
• backbone.js
• jQuery

var app = app || {};    //global variable.

IIFE 立即执行函数 (function(){...})();