概述

• 例子来自 《node.js 实战》这本书的第一章。
• 用 coffeeScript & express4 & bootstrap 重构。
• 在这编码过程以及部署过程中遇到很多坑，希望这个例子能够帮到同样遇坑的朋友。

功能

1. 多人注册、登录
2. 发布文章 (markdown语法)
3. 发布评论 (markdown语法)
4. 上传文件
5. 用户文章页
6. 文章的编辑删除
7. 存档浏览
8. 标签浏览
9. 分页功能
10. 文章pv （浏览数）
11. 文章搜索
12. 系统日志记录

演示

更多

select-address2.1

angularjs 实现的省市区地址级联选择器

找了很久的jquery地址联动的插件都没有合适的，封装进angularjs也略麻烦，干脆自己用angularjs写了一份。

目前是2.1.2版本 (已支持多例)

更多

更多

概述

• 声明变量不需要 var
• 结束不需要 ;
• 函数能够设置默认参数
• 函数不需要 return 返回值，函数中最后一个表达式会自动作为返回值。
• 严格的空行，这个并不碍事，反倒觉得整洁规范了。
• 因为会自动产生 map 文件，所以浏览器能够直接定位到 coffeescript 文件对应的错误代码行。

注释

• 单行注释

  1

  # 我是注释

更多

好兴奋，终于要开始学习coffeeScript了！ X D

概述

• coffeeScript是一套javascript转译语言，也就是说实际上最终产生的还是javascript。
• 好处是代码非常简洁，严谨，能够提高编码效率，语法类似Ruby，当然，前提是最好 熟悉 javascript的原生语法。

更多

简述

• 职责链是一个对象A向对象B发起请求，如果B不处理，那就转给C，如果C不处理，再转给D，一直到有对象能够处理为止。
• 这个理解类似转接电话等。
• 类似DOM中的事件冒泡，及javascript中的prototype链。

例子

这个一个比较难理解的例子

更多

简述

• 命令模式就是将函数的调用、请求和操作封装成一个单一的对象。
• 然后就像下命令一样，直接通过命令就可以运行函数了。
• 或许是我没有理解清楚，感觉是个挺怪异的模式。
• 参考 深入理解JavaScript系列（34）：设计模式之命令模式

例子

就拿一个电话的功能来作例子吧。

更多

• 支持动态ng-model
• 支持select标签
• 支持自定义配置及多选（与select2原生的配置方式一致）
• 支持ajax
• 支持自定义内置配置

具体使用请下载源码，打开index.html查看。

更多

简述

• 这应该是一个很常见的模式。
• 例如 $(*).on('click', fn()); 就是一个观察者模式。
• 所以直接看例子吧！

例子

妈妈叫小孩回家吃饭就是一个观察者模式例子。

更多

简述

• 很好理解，就是原来自己做的事情，交给别人做。
• 当需要隐藏信息时可以使用。
• 当需要延迟处理时可以使用。
• 当需要安全权限时可以使用。

例子

通常工资都是由 财务 代发的，财务负责统计和发放之类的，但是钱是由 BOSS 出的。
财务就是一个代理，来看例子。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

var Employee = function (name) {
    this.name = name;
}

var AccountantProxy = function (name, money) {
    this.name = (new Employee(name)).name;
    
    // 这里假如做了一大堆计算之后
    this.money = money;
}

AccountantProxy.prototype.grant = function () {
    alert(this.name + ', 给你发 '+ this.money +' 工资啦！');
}

// 发放工资
var haoMoney = new AccountantProxy('曾浩', 1000);
haoMoney.grant();