当前位置: 首页 > 面试题库 >

你知道什么是面向对象的css(oocss)吗?有没有实践过?

关宏毅
2023-03-14
本文向大家介绍你知道什么是面向对象的css(oocss)吗?有没有实践过?相关面试题,主要包含被问及你知道什么是面向对象的css(oocss)吗?有没有实践过?时的应答技巧和注意事项,需要的朋友参考一下

在我观念中就是不断继承原子类来书写 CSS。
https://www.npmjs.com/package/common-scss-mixin

.someClass {
  @include pos-top(fixed); /* 顶部定位 */
  @include flex-row(); /* flex 行且垂直居中 */
  @include padding-row(); /* 两边加上 15px 的内边距 */
  @include child-gap-right(); /* 子元素之间间隙为 10px */
  @include border-bottom(); /* 底部毛细线 */
}
.otherClass .xx {
  @extend .someClass;
}
 类似资料:
  • 本文向大家介绍你知道什么是html5plus吗?相关面试题,主要包含被问及你知道什么是html5plus吗?时的应答技巧和注意事项,需要的朋友参考一下 https://www.jianshu.com/p/cc2b89474144

  • 本文向大家介绍你知道什么是REPL吗?相关面试题,主要包含被问及你知道什么是REPL吗?时的应答技巧和注意事项,需要的朋友参考一下 REPL(Read Eval Print Loop:交互式解释器) 表示一个电脑的环境,类似 Window 系统的终端或 Unix/Linux shell,我们可以在终端中输入命令,并接收系统的响应。装有node环境的命令行窗口

  • 本文向大家介绍你知道什么是CSS-in-JS吗?说说你对它的了解相关面试题,主要包含被问及你知道什么是CSS-in-JS吗?说说你对它的了解时的应答技巧和注意事项,需要的朋友参考一下 CSS in JS简介 简单说,就是一句话,不要写"行内样式"(inline style)和"行内脚本"(inline script)。

  • 本文向大家介绍你知道什么是反向链接吗?它有什么应用场景呢?相关面试题,主要包含被问及你知道什么是反向链接吗?它有什么应用场景呢?时的应答技巧和注意事项,需要的朋友参考一下 反向链接对应的是类似于友情链接这种正向链接模式。一般对于搜索引擎来说,高质量的反向引擎会提高网页的权重。。。所以对于seo来说,会是个很好的方法。。。

  • 本文向大家介绍你知道什么是纯函数吗?相关面试题,主要包含被问及你知道什么是纯函数吗?时的应答技巧和注意事项,需要的朋友参考一下 纯函数是个计算机术语,这点与语言无关。 纯函数的特征是确定了输入就一定可以确定输出,并且无副作用。 举例子 ,我们在Redux设计模式下,reducer就是一个个的纯函数,我们只是根据参数,按照规则创建新的state,对于老的state,我们只消费,不修改。

  • 本文向大家介绍你知道什么是脚手架吗?相关面试题,主要包含被问及你知道什么是脚手架吗?时的应答技巧和注意事项,需要的朋友参考一下 vue项目一般是使用webpack进行打包构建的,然而如果每一个项目都需要我们去配置loader和plugin的话,是很重复的劳动,并且vue项目需要使用到的最基本的webpack loader和webpack plugin是相同的。因此官方推出了vue-cli这个脚手架