sass个人心得：无论学习任何新的知识，或者接受新事物，从以下几个方面入手，个人感觉会更加轻松快捷哦 1.产生背景 2.是什么 3.怎么做 4.可以干什么 即Who what that 那么，根据上面的这4点

Sass简介 Sass是一款成熟、稳定、强大的专业级CSS扩展语言，它是一款强化CSS的辅助工具，在CSS语法的基础上增加了变量)、嵌套、混合、嵌套等

在命名中就赋予他们更多的意义，并且体现了他们的关系。 ----->这恰恰就让你的代码更为友好，更加容易维护。 也就是提高了组件的独立性。 而且在写CSS样式时能够直接找到类名。 B(blcok):也就是块的概念，也可以叫做组件，模块。 很显然这个tabbar是一个块，很明显的区…

Bem 是块（block）、元素（element）、修饰符（modifier）的简写，由 Yandex 团队提出的一种前端 CSS 命名方法论。 BEM 是一个简单又非常有用的命名约定。让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健壮和明确，而且更加严密。 bl…

Design Token 是设计语言的产物，开发需要给予场景去选择对应的对接方式，以求更加精准的还原设计。

在前端的开发的过程中，和前端合作最紧密的职位应该就是设计师了。在业务流程中，设计师将自己的交互稿、视觉稿以 1px 以内误差的期望交给开发者。但在这个过程中有几个不方便的地方： 设计稿可拆解为布局、图案、文字、颜色等。其中布局、文字以及颜色这三者的样式编码需要花费前端开发者大量…

译者： 国内大家都去搞 JS 去了，可以看到我们有可以与 REACT 抗衡的 VUE。却显见有类似 CSS-in-js, OOCSS，BEM，Atomic CSS ... 的 CSS 解决方案出现？这是为什么呢？ 随着 Facebook 和 Twitter 最近的产品技术方案的…