大家有没有注意到现在已经可以直接在 RunJS 上用 CoffeeScript 来编写脚本,用 Less CSS 来编写样式。
先来看一个演示代码:
CoffeeScript :
# Assignment:
number = 42
opposite = true
# Conditions:
number = -42 if opposite
# Functions:
square = (x) -> x * x
# Arrays:
list = [1, 2, 3, 4, 5]
# Objects:
math =
root: Math.sqrt
square: square
cube: (x) -> x * square x
# Splats:
race = (winner, runners....) ->
print winner, runners
# Existence:
alert “I knew it!” if elvis?
# Array comprehensions:
cubes = (math.cube num for num in list)
document.write “Result:"+ cubes
LESS :
@bgcolor: #CCC;
body{
background-color:@bgcolor;
}
但 RunJS 默认还是使用 JavaScript 和 CSS ,如何启用 CoffeeScript 和 Less CSS 呢?
启用CoffeeScript
鼠标移到 JavaScript 面板中,点击 JavaScript 如下图所示:
点击后将会弹出脚本选择对话框,选择 CoffeeScript 后然后确定:
同理进入 CSS 编辑面板点击 CSS 就可以选择用 Less CSS 编写样式:
备注说明:
CoffeeScript 这一门编程语言构建在JavaScript之上,其被编译成高效的JavaScript,这样你就可以在web浏览器上运行它, 或是通过诸如用于服务器端应用的Node.js一类的技术来使用它。编译过程通常都很简单,产生出来的JavaScript与许多的最佳做法都保持了一 致。详细介绍
Less CSS 是一个使用广泛的 CSS 预处理器,通过简单的语法和变量对 CSS 进行扩展,可减少很多 CSS 的代码量。详细介绍
现在就去体验支持 CoffeeScript 和 Less CSS 的 RunJS 吧。
http://runjs.cn
文章来源:开源中国社区