今日发现新大陆:haml和Emmet

今天发现新大陆:haml和Emmet

其实一开始小渣渣我只是想接触一下(css预处理器)sass,可是突然冒出一个haml。

原文是酱紫的。

Sass 是采用 Ruby 语言编写的一款 CSS 预处理语言,它诞生于2007年,是最大的成熟的 CSS 预处理语言。最初它是为了配合 HAML(一种缩进式 HTML 预编译器)而设计的,因此有着和 HTML 一样的缩进式风格。

妈蛋!haml?   html失散多年的兄弟吗?孤陋寡闻的本渣决定带着黑人问号脸去搜刮下这什么鬼

百度百科是酱紫解释的:

今日发现新大陆:haml和Emmet

Haml基于Ruby语言,是一Ruby的插件,也可作为模板语言来用。它是一个命令行工具

 

特点:

1. 空格标识层次嵌套关系

2. 良好的标签格式

3. DRY(Don’t repeat yourself)

4. 遵循CSS标准

5. 集成了Ruby代码

6. 用.haml扩展名代替了rails模板(.rhtml)

 

Emmet是一个编辑器插件,前身就是伟大的Zen coding

(Sublime text 3安装emmet插件的方法:http://blog.****.net/mengke1124/article/details/41696779)

haml和Emmet的写法教程:http://www.ruanyifeng.com/blog/2013/06/emmet_and_haml.html

Emmet的详细教程:http://www.iteye.com/news/27580

haml和Emmet跑出来的共同的特点:简洁高效,为了更好更快的编写html代码。他两不是html的亲戚,但也至少是html的大老婆和小老婆了

HTML代码简写法:Emmet和Haml:http://www.bianceng.cn/web/Html/201411/46562.htm

Emmet真心是个神器!也可以去了解下jade:  https://segmentfault.com/a/1190000000357534

 

2楼muki
没有看到有什么特别的地方啊。
Re: 老嫩草
@muki,原来打算只是写给自己看看的,没想到有人会看,主要是我刚接触这种插件,所以感觉新奇写了下来。简洁高效吧
1楼godok
了解了下,感觉还不错,适合做后端的人做前端,不过要让做前端的适应这种写法估计有点为难人家
Re: 老嫩草
@godok,作为一名渣渣前端,我觉得适应这种写法后编程速度嗖嗖嗖的上涨