喝咖啡写脚本,顺便再加一点点CSS语法糖 1.选择环境
2013-06-26 16:18
148 查看
经过对前端开发的初步了解,大体上发现了以下几点,前端开发需要使用脚本语言,主要是JavaScript,需要Html,需要CSS,这些东西相信很多人已经很熟了.但是仅仅只是学习一点简单的JS,配合Html加CSS做几个简单的页面,不是我们的主要目的.我们真正需要的,是一种全新的前端开发模式,当然这种模式还在发展当中,但好处是雏形已经渐渐显露出来了.
JS的一些天然的缺陷就不用说了,我们需要补完,补完第一步,就是喝咖啡,把JS变成一门真正的函数式编程语言,这才是我们想要的,为了让味道好点,还要再加点少少的糖.这样一杯美味咖啡就出来了.
我们看看补完后的是什么样?大约就是从JS + Html + CSS 到 CS(CoffeeScript) + Html5 + Less.
CoffeeScript是什么?其实就是一个可编译成JavaScript的脚本语言,它和JS的差别就是,保留了JS良好部分,并补完了JS的函数式编程部分,把JS蕴藏的函数式编程小宇宙给爆发了出来,基本上,什么Python, Ruby该有的它都有了.不该有的也有了(还没深入了解,乱说的).当然,不止,它还提供了面向对象的功能,真是牛大了.
Html5是什么?Html5就是Html5.
Less是什么?一种 动态 样式 语言.LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. 简单的来说,就是你的CSS动起来了,这一点对于一个不开发的前端来说没什么,但是对于一个程序员来说,那真是贡献,可以象写程序一样写CSS了.
这套补完后的东西这么强大,现在就来试试吧,先把环境搭起来.当然了,很可能你象本人一样,又懒又急,下载,配置,测试,看说明,头都大了.能不能一分钟以后就用上?
当然可以,我们先用上再说,直接用一个拿来就用的环境,如下:
到http://runjs.cn,可以登录上,点"编辑器", 然后左侧功能新建个代码.现在是四个窗口.
第一个,写Html5
第二个,在窗口浮动的CSS上单击,选Less
第三个,在窗口浮动的JavaScript上单击,选CoffeeScript
第四个,结果窗口
看,前后没超过一分钟吧,可以开干了.
JS的一些天然的缺陷就不用说了,我们需要补完,补完第一步,就是喝咖啡,把JS变成一门真正的函数式编程语言,这才是我们想要的,为了让味道好点,还要再加点少少的糖.这样一杯美味咖啡就出来了.
我们看看补完后的是什么样?大约就是从JS + Html + CSS 到 CS(CoffeeScript) + Html5 + Less.
CoffeeScript是什么?其实就是一个可编译成JavaScript的脚本语言,它和JS的差别就是,保留了JS良好部分,并补完了JS的函数式编程部分,把JS蕴藏的函数式编程小宇宙给爆发了出来,基本上,什么Python, Ruby该有的它都有了.不该有的也有了(还没深入了解,乱说的).当然,不止,它还提供了面向对象的功能,真是牛大了.
Html5是什么?Html5就是Html5.
Less是什么?一种 动态 样式 语言.LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. 简单的来说,就是你的CSS动起来了,这一点对于一个不开发的前端来说没什么,但是对于一个程序员来说,那真是贡献,可以象写程序一样写CSS了.
这套补完后的东西这么强大,现在就来试试吧,先把环境搭起来.当然了,很可能你象本人一样,又懒又急,下载,配置,测试,看说明,头都大了.能不能一分钟以后就用上?
当然可以,我们先用上再说,直接用一个拿来就用的环境,如下:
到http://runjs.cn,可以登录上,点"编辑器", 然后左侧功能新建个代码.现在是四个窗口.
第一个,写Html5
第二个,在窗口浮动的CSS上单击,选Less
第三个,在窗口浮动的JavaScript上单击,选CoffeeScript
第四个,结果窗口
看,前后没超过一分钟吧,可以开干了.
相关文章推荐
- 喝咖啡写脚本,顺便再加一点点CSS语法糖 2.五分钟学会Less
- CrawlScript语言————一门用javascript语法在JAVA环境下,快捷开发网络爬虫的脚本语言
- VS集成环境中的JavaScript脚本语法检查
- VS集成环境中的JavaScript脚本语法检查
- CSS 概述 、 CSS 语法 、 CSS 选择器 、 CSS声明
- Unit02: CSS 概述 、 CSS 语法 、 CSS 选择器 、 CSS声明
- css - 选择器语法入门
- 我给女朋友讲编程CSS系列(2)- CSS语法、3大选择器、选择器优先级
- 有关表格边框的css语法整理 选择自 jefferyzb 的 Blog
- css语法--选择器
- CSS概述,语法,声明,选择器
- VS集成环境中的JavaScript脚本语法检查
- shell 脚本 语法 之选择语句 (二)
- CSS 教程Part1 [简介、语法、选择器](摘录自 W3C School)
- CSS之使用、语法、选择器、border与box、背景
- shell脚本之选择结构&常用语法(一)
- CSS 简介、语法、派生选择器、id 选择器、类选择器、属性选择器
- Rails在production环境下css资源找不到路径的解决
- OGG运维优化脚本(十一)-查询维护类--操作选择
- Lua脚本语法说明(修订)