安丘网站建设多少钱,芒果视频怎样下载到本地,海南房产,怎么做淘宝优惠券网站书写规范 1、类名规范#xff1a;清晰明了#xff0c;尽量保持类名唯一性#xff0c;使用两到三个完整单词#xff0c;采用中划线拼接2、样式嵌套不要太深#xff0c;以两到三层为最佳#xff0c;否则影响查找性能3、抽离公共样式文件#xff0c;抽离公共变量4、添加 sc… 书写规范 1、类名规范清晰明了尽量保持类名唯一性使用两到三个完整单词采用中划线拼接2、样式嵌套不要太深以两到三层为最佳否则影响查找性能3、抽离公共样式文件抽离公共变量4、添加 scoped 作用域限制避免样式全局污染 Tips项目开发需要定义书写规范保证项目成员编写代码规范性一致性。以下示例都采用 Less 扩展语言演示 1、类名规范清晰明了尽量保持类名唯一性使用两到三个完整单词采用中划线拼接
/* 正确示例 */
.order-list-page {.header-navbar {/* 此处写样式 */}
}/* 错误示例 */
.text {}
div,span {}2、样式嵌套不要太深以两到三层为最佳否则影响查找性能
/* 正确示例 */
.header-navbar {.header-navbar-left {}.header-navbar-right {}
}/* 错误示例 */
.userPage {.main-box {.formBox {// ...}}
}3、抽离公共样式文件抽离公共变量
/* 公共变量文件 */
blue: #007aff;
borderColor: #ccc;
errorColor: #f00;
// ...pm: 12px;
2pm: 24px;
boldBorder: 3px;
// ...4、添加 scoped 作用域限制避免样式全局污染
style langless scoped/style