CoffeeScript是逐句编译为JavaScript的一种小型语言,且没有运行时的解释器。 作为JavaScript的替代品之一,CoffeeScript旨在编译人类可读、美观优雅且速度不输原生的代码, 且编译后的代码可以在任何JavaScript运行时正确运行。

参阅 CoffeeScript官方网站以获取CoffeeScript的完整教程。

CoffeeScript是一种很潮的编程语言,它紧随众多现代编程语言的趋势。 因此正如Ruby和Python,CoffeeScript使用井号标记注释。

# 这是注释

###

大段落注释以此为例,可以被直接编译为 '/ *' 和 '* /' 包裹的JavaScript代码。

在继续之前你需要了解JavaScript的基本概念。

示例中 => 后为编译后的JavaScript代码

###

赋值

number = 42 #=> var number = 42;

opposite = true #=> var opposite = true;

条件

number = -42 if opposite #=> if(opposite) { number = -42; }

函数

square = (x) -> x * x #=> var square = function(x) { return x * x; }

fill = (container, liquid = "coffee") ->

"Filling the #{container} with #{liquid}..."

#=>var fill;

#

#fill = function(container, liquid) {

# if (liquid == null) {

# liquid = "coffee";

# }

# return "Filling the " + container + " with " + liquid + "...";

#};

区间

list = [1..5] #=> var list = [1, 2, 3, 4, 5];

对象

math =

root: Math.sqrt

square: square

cube: (x) -> x * square x

#=> var math = {

# "root": Math.sqrt,

# "square": square,

# "cube": function(x) { return x * square(x); }

#}

Splats

race = (winner, runners...) ->

print winner, runners

#=>race = function() {

# var runners, winner;

# winner = arguments[0], runners = 2 <= arguments.length ? __slice.call(arguments, 1) : [];

# return print(winner, runners);

#};

存在判断

alert "I knew it!" if elvis?

#=> if(typeof elvis !== "undefined" && elvis !== null) { alert("I knew it!"); }

数组推导

cubes = (math.cube num for num in list)

#=>cubes = (function() {

# var _i, _len, _results;

# _results = [];

# for (_i = 0, _len = list.length; _i < _len; _i++) {

# num = list[_i];

# _results.push(math.cube(num));

# }

# return _results;

# })();

foods = ['broccoli', 'spinach', 'chocolate']

eat food for food in foods when food isnt 'chocolate'

#=>foods = ['broccoli', 'spinach', 'chocolate'];

#

#for (_k = 0, _len2 = foods.length; _k < _len2; _k++) {

# food = foods[_k];

# if (food !== 'chocolate') {

# eat(food);

# }

#}

coffeescript html5,CoffeeScript入门相关推荐

  1. CoffeeScript - CoffeeScript安装使用入门

    CoffeeScript英文官网: http://coffeescript.org/ CoffeeScript中文官网: http://coffee-script.org/ CoffeeScript简 ...

  2. [CoffeeScript]咖啡,入门

     简介: 目前,大家对 CoffeeScript 狂热有加.CoffeeScript 是一种新的编程语言,构建于 JavaScript 之上.CoffeeScript 提供了一种简洁的语法,对 P ...

  3. 02.Web大前端时代之:HTML5+CSS3入门系列~H5结构元素

    Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 1.结构元素 可以理解为语义话标记,比如:以前这么写&l ...

  4. HTML5从入门到精通(明日科技) 中文pdf扫描版

    HTML5从入门到精通(明日科技) 中文pdf扫描版

  5. easyui表单网格列错位_《HTML5从入门到精通》——第3章 HTML表格与表单

    <HTML5从入门到精通> ◎千锋教育高教产品研发部/编著 (清华大学出版社出版) 目 录 第3章 HTML表格与表单................................... ...

  6. 《html5 从入门到精通》读书笔记(一)

    今天看了<html5 从入门到精通>这本书,感觉阅读下来很舒心,不像阅读其他书籍很揪心.html增加的知识点,我觉得非常有价值,看完几章记录了一些内容,不但能巩固,也为下次遗忘知识点做好准 ...

  7. 04. Web大前端时代之:HTML5+CSS3入门系列~HTML5 表单

    Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 一.input新增类型: 1.tel:输入类型用于应该包 ...

  8. html5 canvas实际应用,Html5 Canvas入门及经典应用

    Html5 Canvas入门及经典应用 时间:2019-02-15     来源:华清远见 canvas想必对于前端的工程师都不陌生了,它是 HTML5 新增的「画布」元素,是HTML5 的一大亮点, ...

  9. html5从基础到入门,Html5从入门到精通系列2:Html5基础

    Html5从入门到精通系列2:Html5基础 (2015-04-04 11:36:53) 标签: html5 html5教程 html5视频教程 html5从入门到精通 2-1.1.HTML5简介.M ...

  10. HTML5从入门到精通(千锋教育)免费电子版+PDF下载

    本书是HTML5初学者极好的入门教材之一,内容通俗易懂.由浅入深.循序渐进.本书内容覆盖全面.讲解详细,其中包括标签语义化.标签使用规范.选择器类型.盒模型.标签分类.样式重置.CSS优化.Photo ...

最新文章

  1. C# 温故而知新:Stream篇(二)
  2. 使用Java合并图片、修改DPI
  3. opencv去除图片的高光
  4. 41.虚拟存储器以及相关算法
  5. 线性表的C/C++实现(数据结构 严蔚敏版)
  6. 【项目介绍】搜索引擎
  7. Spring Boot –现代Java应用程序的基础
  8. sys.argv和getopt
  9. 计算机四级考试题数据库,计算机四级考试《数据库系统工程师》试题及答案
  10. ICCV 2019 | 爱奇艺提出半监督损失函数,利用无标签数据优化人脸识别模型
  11. tp5 mkdir(): Permission denied 问题
  12. Django2.1配置xadmin2.0
  13. linux内核容器的打包,简年6:一个关于 Linux 容器化的脑洞
  14. MacOS Mojave 更换开机登录界面壁纸
  15. onenote打开闪退平板_Win10系统下OneNote打不开或闪退如何解决
  16. ZYNQ启动流程之分析BootRoM
  17. Win7秘籍 如何用压缩卷调整不合理分区
  18. 微信小程序 解决圆形头像显示图片不完全问题
  19. PotPlayer不支持S/W HEVC(H.265)解码的解决办法
  20. 初学者也可以在云端部署自己的个人网站

热门文章

  1. 【C语言】规范掌握C语言函数|数组名的妙用|指针快速入门|综合使用小案例
  2. openssl 1.0.2 漏洞修复指南
  3. H.265中针对scc的工具 -- transformskip
  4. python登录qq邮箱爬邮件_python3+selenium实现qq邮箱登陆并发送邮件功能
  5. 矩阵的特征值、特征向量、特征子空间
  6. java jimi_绝对经典Java开源工具Jimi处理图片大小及格式转换及打水印(源码)
  7. 史上超级详细:银行外包java面试题目
  8. idea中的常用快捷键(新手必看)
  9. 大厂HR面试会问什么?
  10. 2021-1-30最短路入门