免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 PSD 矢量 网页 PPT 动画
美女 唯美 大生活 美图 风景 时尚艺
资讯 综合 专题 热点
您的位置: 起源之家 > 免费资源 > 分享资源 > 文章正文

RunJS 支持 CoffeeScript/Less CSS 的在线编辑

时间:12-07 10:45 来源:开源中国社区 整理:广信小编 我要评论(0)
字号:T|T
内容提要:
  大家有没有注意到现在已经可以直接在 RunJS 上用 CoffeeScript 来编写脚本,用 Less CSS 来编写样式。但 RunJS 默认还是使用 JavaScript 和 CSS ,如何启用 CoffeeScript

大家有没有注意到现在已经可以直接在 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

文章来源:开源中国社区

    相关阅读:

    顶一下
    (0)
    0%
    踩一下
    (0)
    0%
    免责申明:以上内容仅代表原创者观点,其内容未经本站证实,RunJS 支持 CoffeeScript/Less CSS 的在线编辑对以上内容的真实性、完整性不作任何保证或承诺,转载目的在于传递更多信息,由此产生的后果与RunJS 支持 CoffeeScript/Less CSS 的在线编辑无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

    登录 (请登录发言,并遵守 相关规定)
    如果你对起源之家有任何意见或建议,请到交流平台反馈。到留言板反馈