软件 聊天 安全 视频 浏览器 下载 系统 办公 教学 输入法
免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 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 的在线编辑无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

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