文件名称:bem-constructor:用于构建不可变和命名空间 BEM 样式 CSS 对象的 Sass 库
文件大小:63KB
文件格式:ZIP
更新时间:2024-08-23 23:59:38
SCSS
BEM 构造函数 BEM Constructor 是一个 Sass 库,用于构建不可变和命名空间 BEM 样式的 CSS 对象。 通过实施一致的编程方式来定义对象(块、元素和修饰符),它确保了一个更结构化、更健壮和更安全的对象代码库,并且易于理解和维护。 使用构造函数定义的对象不可能因错误或遗漏而修改和重新分配。 跳到 来查看 mixin 的运行情况。 关键思想 Harry Roberts 在他的文章 , 和中很好地解释了这个库背后的关键思想, 1. 不变性 项目中的某些 CSS 对象不应更改(变异)。 他们有一个非常具体的角色,你需要确保他们没有被重新分配到你的代码库中的其他地方。 为了确保不变性,您需要三样东西:定义这些对象的方法、识别它们的方法以及保证以后无法修改它们的方法。 通过以编程方式构造对象,您可以确信它们被分配一次且仅一次。 2. 命名空间 对象具有明确的功能。 无
【文件预览】:
bem-constructor-master
----.gitignore(53B)
----package.json(680B)
----bem-constructor.gemspec(1KB)
----package-lock.json(74KB)
----.travis.yml(233B)
----Gruntfile.js(4KB)
----dist()
--------_bem-constructor.scss(28KB)
----LICENSE(1KB)
----stylesheets()
--------_error-checks.scss(1KB)
--------_state.scss(766B)
--------_modifier.scss(1KB)
--------_bem-constructor.scss(431B)
--------_modifies-element.scss(2KB)
--------_logger.scss(366B)
--------_index.scss(232B)
--------_scope.scss(1KB)
--------_element.scss(1KB)
--------test.css(689B)
--------_block.scss(3KB)
--------_hack.scss(2KB)
--------_defaults.scss(488B)
--------test.css.map(612B)
--------_debug.scss(3KB)
--------_theme.scss(1KB)
--------logger()
--------_suffix.scss(2KB)
----CHANGELOG.md(1KB)
----sache.json(241B)
----README.md(10KB)
----lib()
--------bem-constructor.rb(235B)
----visual-debugger.png(11KB)
----Gemfile(127B)
----bower.json(183B)
----test()
--------tests.scss(359B)
--------visual-debugger()
--------specs()