sazanami
Results
1
issues of
sazanami
本工程使用了scss,并且大量的在不同的Vue组件中使用了scoped scss块;这虽然使得所有组件的样式对开发者而言变得清晰可见,但同时也引入了大量的重复代码。 例如,所有的类似对话框的组件(capture、alert等)都需要加一个背景Mask;而这些mask的scss实际上几乎完全一致。如果想要进一步对本组件的mask进行个性化,完全可以在scoped里单独描写,没必要复制一遍10行的`.mask{blahblah}`。同理,部分选择器`.container`, `.confirm-btn`之类的也可以提到全局的样式表中,没必要针对每个组件写一次。 目前个人能想到的这一行为的缺点有如下几个: 1. css被隐藏到全局,开发者可能会忘记class对应的意义; 2. 全局css膨胀可能导致网站第一次加载速度下滑; 但这一行为的好处也同样明显,一来至少不用复制粘贴,二来组件的大小降低了,三来scss行数缩短也可以突出整个组件配置的重点;此外scoped scss也可以通过`@extend`等特性活用全局的scss。因此想提个issue询问下这个是design的一部分还是可以优化的点 (在写bug的12和需求的2,但这俩都需要dialog,这个问题就很明显) ~顺带一提,这个过程确实有点像重新发明UI框架~
enhancement