Day: January 1, 2014

Backbone.js HelloWorld，应用起步

2014-01-01 | 阅读(1,224)

Backbone 是一个 JavaScript 框架，可用于创建模型-视图-控制器 (model-view-controller, MVC) 类应用程序和单页界面。它试图让 JavaScript 应用程序更清晰结构化，所涉及到的概念有  View, Event, Model, Collection 和 Router，所以新手刚开始接触 Backbone 反而会显得零乱了。再加上网上找来的一些起步教程一上来就把 Event, Model, Collection 或是 Router 揽上了。其实新手最想要一个最简单的真相，因此第一个例子只需用到 View，其他的玩艺暂且搁置。

Backbone 强依赖于 Underscore，jQuery 是可选的，不过为操作 DOM 方便一般都会引用到 jQuery。

最简单的例子，分两步走：

1. Backbone.View.extend(obj) 创建一个 View 类型
2. 创建上一步得到的 View 的实例，实例化时将会调用前一步 obj.initialize() 方法

上代码(为方便起见，所有 JS 脚本都从公网上加载)： 阅读全文 >>

JavaScript 获得代码行号和脚本文件名

2014-01-01 | 阅读(6,196)

比如要写一个 JavaScript 的日志输出工具，在方法 log.info() 中能得到调用它所在的文件和代码行号。和众多的日志工具一样，像 log4j，都是在程序代码中主动抛出异常，然后从异常栈中去查找到调用者所在的代码行和文件名。不过也就刚刚才了解到 JavaScript V8 引擎提供了自己的 StackTrace API，Chrome 和 Node.js 可用。先来看可通用的 JavaScript  抛异常 throw new Error() 的方式，下面的代码：

点击链接 http://jsfiddle.net/Unmi/53xas/ 执行，其中是用 document.write() 输出的，完整异常栈是： 阅读全文 >>

JSON.stringify(obj) 时 TypeError: cyclic object value 异常

2014-01-01 | 阅读(11,058)

从 ECMAScript 5th Edition 开始，JavaScript 内建了 JSON 对象，用来处理 JSON 的序列化和反序列化，有以下几个方法原型

JSON.stringify(obj [,filter]  [,indent])
JSON.parse(text [,reviver])

jQuery 也提供了 jQuery.parseJSON 方法，但是没有相应的序列化方法。

如果用  JSON.stringify() 来对一个有循环引用的 JSON 对象进行序列化，会产生 TypeError: cyclic object value 异常，类似下面的代码

点击链接 http://jsfiddle.net/Unmi/6eLFF/ 运行上面的代码  阅读全文 >>