CoffeeScript是一种JavaScript的开源工具,常用在Ruby On Rails项目中。

它的原理是写CoffeeScript脚本,然后CoffeeScript会把CoffeeScript转换成JavaScript脚本供你的网站使用。

举一个例子:你写的CoffeeScript如下:

jQuery ->

validationErrorMap = JSON.parse($("meta[name=validation_errors]").attr('content'))

for field, errors of validationErrorMap

form_section = $("#form_section_#{field}")

form_section.addClass('alert-danger')

form_section.append("#{errors.join(', ')}")

然后最后load到browser执行的代码如下:

(function() {

jQuery(function() {

var errors, field, form_section, validationErrorMap, _results;

validationErrorMap = JSON.parse($("meta[name=validation_errors]").attr('content'));

_results = [];

for (field in validationErrorMap) {

errors = validationErrorMap[field];

form_section = $("#form_section_" + field);

form_section.addClass('alert-danger');

_results.push(form_section.append("" + (errors.join(', '))));

}

return _results;

});

}).call(this);

原文:http://blog.csdn.net/hongchangfirst/article/details/95186881

作者:hongchangfirst

hongchangfirst的主页:http://blog.csdn.net/hongchangfirst

CoffeeScript是什么相关推荐

  1. 开源:Angularjs示例--Sonar中项目使用语言分布图(CoffeeScript版)

    关于SonarLanguage是什么东东,这里就不在描述了,如果你对它感兴趣的话,请移步到上篇随笔开源:Angularjs示例--Sonar中项目使用语言分布图.这里是最近学习CoffeeScript ...

  2. CoffeeScript 存在操作符“?” 详解

    在JavaScript中使用if来做null检查是很常见的,但是其中有几个陷阱,空字符串和零都被强制转化为false,这往往会让你犯错. if (typeof p !== "undefine ...

  3. CoffeeScript和Sass提高Web开发效率

    CoffeeScript和Sass提高Web开发效率 如果您是一位每天都要编写JavaScript和Css的Web前端开发人员,可能您已经开始感觉到JavaScript的关键字 var, functi ...

  4. coffeescript 下的构造函数中如何使用return语句?

    在javascript中,如果我们希望将某个函数用作构造函数,那么,在这个函数中最好不要用任何return语句.系统将自动返回this,作为产生的新对象. 这一习惯在coffeescript中可能产生 ...

  5. 用typescript完成倒计时_「干货」将数十万行CoffeeScript代码迁移到TypeScript

    作者 | David Goldstein 译者 | 王强 策划 | 小智 转发链接:https://mp.weixin.qq.com/s/TK7kWXX4hR3e-jtpVMuBnw 序言 2017 ...

  6. coffeeScript学习01

    安装 这里使用node.js npm install -g coffee-script # watch and compile coffee -w --output lib --compile src ...

  7. JavaScript新发展 CoffeeScript Dart Rust Node.js

    CoffeeScript http://coffeescript.org/ CoffeeScript (GitHub repo) 是一个使用纯Ruby编写的新编程语言,创建者 Jeremy Ashke ...

  8. CoffeeScript 1.9发布,引入对生成器的支持

    CoffeeScript 1.9最终引入了期待已久的生成器(generator),这将会防止开发人员陷入回调函数的陷阱,并帮助他们编写异步代码.\ 简单说,生成器是这样一类函数,你可以中途从中退出,后 ...

  9. Rails 3.1 CoffeeScript SASS初体验

    http://heikezhi.com/2011/04/19/how-to-rails-3-1-coffeescript-howto/ http://jashkenas.github.com/coff ...

  10. vue-cli搭建和“Cannot find module npm-cli.js” 、“operation not permitted” 、 deprecated coffee-script等错误

    前言:重装nodejs后, vue-cli搭建项目后运行vue项目报错报错 "npm Error: Cannot find module npm-cli.js" ,同时发现npm  ...

最新文章

  1. 【图论专题】图的存储与遍历(最小环、所有环的大小)
  2. BZOJ 1370: [Baltic2003]Gang团伙 [并查集 拆点 | 种类并查集WA]
  3. SSL certificate problem: unable to get local issuer certificate
  4. 一个fork的面试题
  5. Thymeleaf页面三元运算符
  6. 工业界求解NER问题的12条黄金法则
  7. 电脑常用操作 (1)
  8. 80 后技术人的中年危机
  9. centos6.2安装jdk7
  10. Servlet自动刷新页面
  11. Atitit 项目管理优化体系图 第4章 项目整合管理 开始 计划 执行 监控 变更 结束 第5章 项目范围管理  SOW工作说明书 成员通讯录 wbs大概模块级别 第6章 项目时间
  12. Ghost XP_sp3电脑装机终极版V9.6 【雪豹】
  13. 顺序表的基本操作(C语言实现,简单易懂!)
  14. django教程ajax,Django Ajax的使用教程
  15. 电脑没有声音提示“外设似乎没有插上”怎么办
  16. OpenResty代理CNZZ实现内网访问统计
  17. 使用命令行查看Windows系统激活信息
  18. MATLAB颜色的使用
  19. 隐马尔科夫模型模型:原理、实现
  20. HTML+CSS面试技巧

热门文章

  1. 凝思Linux6.0.60安装卸载NVIDIA显卡驱动
  2. python3GUI——微博图片爬取工具
  3. 各类常用食物的热能含量及营养价值
  4. mysql单数据库多硬盘配置_MySQL 使用mysqld_multi部署单机多实例详细过程
  5. Windows中的SysWow64文件夹
  6. 加速ubuntu开机速度
  7. redis知识盘点【陆】_客户端Jedis
  8. 小布机器人怎么断网_小布壳Q1,用人工智能重新定义儿童阅读
  9. 这几个专业考上研再考公务员更有优势!
  10. shopnc route.php,shopnc自动结算的问题