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


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

        第四个,结果窗口

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

        

  • 相关阅读:
    ubuntu配置apache支持sqlite数据库
    linux中的(),(()),[],[[]],{}的作用
    javascript问题积累
    羞愧的开始,成熟的开始,努力的开始
    asp发送邮件代码
    css&html的问题积累
    应用phpcms时遇到的问题及smarty标签的应用
    js正则积累
    产生一个int数组,长度为100,并向其中随机插入1100,并且不能重复。按照数组下标输出结果。
    不同项目之间的基础dll共用问题
  • 原文地址:https://www.cnblogs.com/DSharp/p/3156788.html
Copyright © 2020-2023  润新知