coffeescript html5,CoffeeScript入门
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入门相关推荐
- CoffeeScript - CoffeeScript安装使用入门
CoffeeScript英文官网: http://coffeescript.org/ CoffeeScript中文官网: http://coffee-script.org/ CoffeeScript简 ...
- [CoffeeScript]咖啡,入门
简介: 目前,大家对 CoffeeScript 狂热有加.CoffeeScript 是一种新的编程语言,构建于 JavaScript 之上.CoffeeScript 提供了一种简洁的语法,对 P ...
- 02.Web大前端时代之:HTML5+CSS3入门系列~H5结构元素
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 1.结构元素 可以理解为语义话标记,比如:以前这么写&l ...
- HTML5从入门到精通(明日科技) 中文pdf扫描版
HTML5从入门到精通(明日科技) 中文pdf扫描版
- easyui表单网格列错位_《HTML5从入门到精通》——第3章 HTML表格与表单
<HTML5从入门到精通> ◎千锋教育高教产品研发部/编著 (清华大学出版社出版) 目 录 第3章 HTML表格与表单................................... ...
- 《html5 从入门到精通》读书笔记(一)
今天看了<html5 从入门到精通>这本书,感觉阅读下来很舒心,不像阅读其他书籍很揪心.html增加的知识点,我觉得非常有价值,看完几章记录了一些内容,不但能巩固,也为下次遗忘知识点做好准 ...
- 04. Web大前端时代之:HTML5+CSS3入门系列~HTML5 表单
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 一.input新增类型: 1.tel:输入类型用于应该包 ...
- html5 canvas实际应用,Html5 Canvas入门及经典应用
Html5 Canvas入门及经典应用 时间:2019-02-15 来源:华清远见 canvas想必对于前端的工程师都不陌生了,它是 HTML5 新增的「画布」元素,是HTML5 的一大亮点, ...
- html5从基础到入门,Html5从入门到精通系列2:Html5基础
Html5从入门到精通系列2:Html5基础 (2015-04-04 11:36:53) 标签: html5 html5教程 html5视频教程 html5从入门到精通 2-1.1.HTML5简介.M ...
- HTML5从入门到精通(千锋教育)免费电子版+PDF下载
本书是HTML5初学者极好的入门教材之一,内容通俗易懂.由浅入深.循序渐进.本书内容覆盖全面.讲解详细,其中包括标签语义化.标签使用规范.选择器类型.盒模型.标签分类.样式重置.CSS优化.Photo ...
最新文章
- C# 温故而知新:Stream篇(二)
- 使用Java合并图片、修改DPI
- opencv去除图片的高光
- 41.虚拟存储器以及相关算法
- 线性表的C/C++实现(数据结构 严蔚敏版)
- 【项目介绍】搜索引擎
- Spring Boot –现代Java应用程序的基础
- sys.argv和getopt
- 计算机四级考试题数据库,计算机四级考试《数据库系统工程师》试题及答案
- ICCV 2019 | 爱奇艺提出半监督损失函数,利用无标签数据优化人脸识别模型
- tp5 mkdir(): Permission denied 问题
- Django2.1配置xadmin2.0
- linux内核容器的打包,简年6:一个关于 Linux 容器化的脑洞
- MacOS Mojave 更换开机登录界面壁纸
- onenote打开闪退平板_Win10系统下OneNote打不开或闪退如何解决
- ZYNQ启动流程之分析BootRoM
- Win7秘籍 如何用压缩卷调整不合理分区
- 微信小程序 解决圆形头像显示图片不完全问题
- PotPlayer不支持S/W HEVC(H.265)解码的解决办法
- 初学者也可以在云端部署自己的个人网站
热门文章
- 【C语言】规范掌握C语言函数|数组名的妙用|指针快速入门|综合使用小案例
- openssl 1.0.2 漏洞修复指南
- H.265中针对scc的工具 -- transformskip
- python登录qq邮箱爬邮件_python3+selenium实现qq邮箱登陆并发送邮件功能
- 矩阵的特征值、特征向量、特征子空间
- java jimi_绝对经典Java开源工具Jimi处理图片大小及格式转换及打水印(源码)
- 史上超级详细:银行外包java面试题目
- idea中的常用快捷键(新手必看)
- 大厂HR面试会问什么?
- 2021-1-30最短路入门