WeUI 的命名规范,各位还习惯吗?

2019-05-06 11:51:23 +08:00
 unicloud
既有中横行又有下划线,这是什么操作?

比如:
weui-msg
weui-msg__tips-area
weui-btn_block

微信 WeUI 团队是怎么考虑的?
2570 次点击
所在节点    程序员
9 条回复
jamesxu
2019-05-06 11:56:23 +08:00
这种命名方式在 css 里现在很常见的
leo108
2019-05-06 12:06:02 +08:00
BEM 了解一下

http://getbem.com
q8164305
2019-05-06 12:10:45 +08:00
bem
Mark0309
2019-05-06 12:14:04 +08:00
BEM 了解一下

http://getbem.com
unicloud
2019-05-06 12:18:07 +08:00
谢谢楼上各位回复。

就我个人来讲,确实很难适应这种命名规范。

首先是视觉上觉得难看,再就是输入感觉也不方便。
murmur
2019-05-06 12:20:53 +08:00
在我理解就是为了命名而命名,当然现在有构建工具的话 weui-这部分是可以无视掉的
hackyuan
2019-05-06 12:20:55 +08:00
输入还是很方便的,除非你不用 sass,less,stylus
otakustay
2019-05-06 12:36:10 +08:00
@murmur 恐怕不能,组件库和业务系统本身是两回事,组件库应该要被别人用,所以它的 class 名称必须是确定、可预测、可记忆、可阅读的,这注定了 css modules 等技术是不能使用的。同时由于不能确定使用方会用 css modules 之类的技术,所以组件库的 class 又要保证不易冲突,最后的选择就是统一前缀
miniwade514
2019-05-06 18:12:02 +08:00
我觉得 BEM 过于呆板了。bootstrap 的 class 命名刚刚好。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/561399

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX