今天发现新大陆:haml和Emmet
其實一開始小渣渣我只是想接觸一下(css預處理器)sass,可是突然冒出一個haml。
原文是醬紫的。
Sass 是采用 Ruby 語言編寫的一款 CSS 預處理語言,它誕生于2007年,是最大的成熟的 CSS 預處理語言。最初它是為了配合 HAML(一種縮進式 HTML 預編譯器)而設計的,因此有著和 HTML 一樣的縮進式風格。
媽蛋!haml? ? html失散多年的兄弟嗎?孤陋寡聞的本渣決定帶著黑人問號臉去搜刮下這什么鬼
百度百科是醬紫解釋的:
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.csdn.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
?
更多專業前端知識,請上 【猿2048】www.mk2048.com 創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎
總結
以上是生活随笔為你收集整理的今天发现新大陆:haml和Emmet的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: jquery点击非div区域隐藏div
- 下一篇: js原生带缩略图的图片切换效果