less在Bootstrap中的应用

发表于 19 Apr 2012xthsky

个人觉得比较赞的:

  1. colors 变量。一般是主体色+辅色,Bootstrap的定义主要像navbarLinkColor,navbarBackground这种,许多辅色是主色的50%,也应用了less。个人认为这与设计师习惯相符,便于在不同频道间复用。但第一次书写成本可能会增加10%,复用时可以同时减少设计师与前端的工作量。
  2. .broder-radius,.bos-shadow等函数在Bootstrap中都有定义。个人觉得这对提高开发效率有不少帮助。
  3. Bootstrap是利用 less 的 import 来组织代码的,既便于调试,也便于打包。书写优雅,学习成本较低。

其他细节:

  1. zindex,Bootsrtap里有十分细致的 zindexDropdown,zindexTooltip等。个人认为与全站z-index约定不同,这个涉及范围小一些,在多人维护的项目中可以减少调试工作。
  2. Bootstrap中许多小模块的组织使用了嵌套的方式,个人觉得这种方式用来组织小模块还是很方便的。但是不宜滥用,太深的嵌套会导致性能下降。
  3. less其实还有命名空间可以使用,Bootsrtap在定义 gradient(horizontal、vertical、radial等),popoverArrow(top、left、bottom、right) 等mixin时采用了这种组织方式。

此条目发表在 分类目录,贴了 标签。