2013-11-16 Zhang zhengzheng
Stylus似乎并不是很有名,以至于很多人不知道它是做什么的,但提到SASS相信有不少人听说过甚至使用过很长时间。其实无论是LESS、SASS还是Stylus甚至是Absurd这些预处理工具,都是对CSS的一种延伸和强化。出现这些工具的原因很简单,CSS本身只是一种描述性质的东西,甚至它不能算是语言而是样式表,所以我们需要一个有条件语句和变量甚至是函数的东西去动态生成CSS代码来达到提高效率和增强可维护性的目的。 本文主要以Stylus语法本身和简单的使用为主要内容,它的目的是介绍和简单指南。将不会过多涉及Javascript的API调用等问题。 介绍 官方的介绍非常简短而精炼: Expressive, dynamic, r 继续阅读 »
2016-03-07 AnnatarHe
挺长时间没写过干货了。这两天写点儿技术类的东西好了~ 实践 秉着谦虚的态度,没有加上"最佳"两个字。然而我觉得在中小型项目中,这些实践还是很棒的 目录结构 目录结构非常重要。 分解的细一点,对后期的维护和理解很有帮助 继续阅读 »
2015-06-25 W.Y.
在大型、复杂和快速迭代的系统中,CSS 将非常难以维护。原因之一就是 CSS 没有作用域的概念,每个 CSS 都是全局的,这意味着对 CSS 的任何修改就可能导致一些 UI 的级联改变。 CSS 的扩展语言 -- CSS 预处理器,比如 Sass、Less 和 Stylus,使我们编写 CSS 更加容易,但在我看来,这些 CSS 的扩展语言并没有真正解决可扩展性问题。 在 CSS 支持作用域机制之前,我们需要一种机制,使我们的样式只与特定的 HTML 部分关联,这就是 CSS 方法论。本文将讨论如下的 CSS 方法论: Object-Oriented CSS (OOCSS) Block, Element, Modifier ( 继续阅读 »