从HTML+CSS+JavaScript到MarkDown+LESS+CoffeeScript

相信大家对HTML+CSS+JavaScript的黄金组合一定不陌生，可以说，这些技术都是前端开发的必修课。随着技术的不断更新换代，越来越多的高效开发方案层出不穷。例如，用MarkDown替代HTML，用LESS替代CSS，以及用CoffeeScript替代JavaScript。这篇文章，就来探讨一下用MarkDown+LESS+CoffeeScript方案替代传统的HTML+CSS+JavaScript的黄金组合。

对于骨灰级网友来说，一定对HTML有着深厚的感情，因为早期的网页几乎都是用纯HTML编写的，虽然现在发展到了HTML5，但目前用得最多的，还是那些早期的语法。MarkDown，可以使HTML在编写文本内容时更加简洁高效，而在处理非文本内容，完全可以加入HTML语法形成混合编写。MarkDown的优点很多，比如可以自动处理特殊字符，例如&，在W3C验证中，链接中&符的转换往往是最容易忽略的；而对于电子邮件地址，MarkDown直接生成对应的转义字符，可以一定程度地防止邮件机器人的采集。

CSS的发展使网页支持更丰富的样式，但传统的CSS语法过于简单，即使发展到了CSS3，也根本算不上是一门编程语言。而通过LESS，可以扩展CSS的功能，使其支持变量、运算、函数等编程语言特有的高级功能。使用LESS时，可以先生成对应的CSS，也可以调用LESS的JS脚本在客户端编译，甚至可以用node.js直接在服务端编译。

最初看到CoffeeScript这个名词，是从豆瓣阅读上的一本付费CoffeeScript手册开始。CoffeeScript的优点，在于将JavaScript这种类C/Java语法的编写风格，转变为类似Ruby/Python语法的编写风格。这类语法风格的特点是：没有花括号，也没有分号，甚至没有变量和函数前缀，使用缩进来区分主从关系，这样就使语法更加简洁明了。

使用MarkDown+LESS+CoffeeScript的新兴组合方式编写网页，不但大大加快了网页开发的速度，同时使得程序更加优雅易读。相信不久的将来，一定会成为前端开发的最佳实践。