supertor的博客

- 平时我们在写HTML、CSS时会为类的命名耗费脑汁，本文总结了一下平时编码的心得CSS结构化组织思想 目的是讲用户界面划分为独立的块，即使使用复杂的UI，这也使界面开发变得简单快捷，并且允许重复使用现有的代码，而无需复制和粘贴。 CSS（块+元素+修饰符） 块所谓的“块”其实就是该DOM元素共有的最基本的特性，在其命名上我们可以采取按照其目的来取名（btn或者search-f

避免选择器嵌套：选择器嵌套最大的问题是将使最终的代码难以阅读。开发者需要花费巨大精力计算不同缩进级别下的选择器具体的表现效果。 选择器越具体则声明语句越冗长，而且对最近选择器的引用(&)也越频繁。在某些时候，出现混淆选择器路径和探索下一级选择器的错误率很高，这非常不值得。混合宏在 Sass 中通过 @mixin 关键词声明了一个混合宏，那么在实际调用中，其匹配了一个关键词“@include”来调用

PS吐槽 由于项目中遇到PC端和手机端共用一张轮播图这种问题，当时脑子第一反应，尼玛哪有这么搞的，手机与PC能用一张图吗？？？这么搞图片肯定失真呀。这种情况别折腾了，没必要，直接抛给美工切图，后端自己偷懒，自己解决吧。碍于面子，勉强改改，不过还是有办法的。首先最简单的确认PC与手机端的图片横纵比，尽量一致，直接修改PC的CSS样式（PC端能有所牺牲，公司主要需求在手机端）。 如果不怕麻烦可以采取