CSS命名规范—BEM思想 BEM是什么: BEM是一种非常有用、功能强大、简单的CSS命名约定,它使您的前端代码更易于阅读和理解,易于使用,易于扩展,更健壮,更容易协作,更容易控制。 团队开发痛点: 在团队开发中,由于缺乏规范,样式管理一直是开发中的痛点,样式污染,难以定制化,依赖性高,各种问题层出不穷。 css的样式应用是全局性的,没有作用域可言。考虑以下场景 场景一:开发一个弹窗组件,在现有页面中测试都没问题,一段时间后,新需求新页面,该页面一打开这个弹窗组件,页面中样式都变样了,…
CSS命名规范—BEM思想 BEM是什么: BEM是一种非常有用、功能强大、简单的CSS命名约定,它使您的前端代码更易于阅读和理解,易于使用,易于扩展,更健壮,更容易协作,更容易控制。 团队开发痛点: 在团队开发中,由于缺乏规范,样式管理一直是开发中的痛点,样式污染,难以定制化,依赖性高,各种问题层出不穷。 css的样式应用是全局性的,没有作用域可言。考虑以下场景 场景一:开发一个弹窗组件,在现有页面中测试都没问题,一段时间后,新需求新页面,该页面一打开这个弹窗组件,页面中样式都变样了,…