喝咖啡写脚本,顺便再加一点点CSS语法糖 1.选择环境

时间:2022-10-15 16:11:57

经过对前端开发的初步了解,大体上发现了以下几点,前端开发需要使用脚本语言,主要是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

第四个,结果窗口

看,前后没超过一分钟吧,可以开干了.