目前来看，团队内部前端项目已全面实施组件化开发。组件化的好处太多，如：按需加载、可复用、易维护、可扩展、少挖坑、不改组件代码直接切成服务器端渲染（如Nuclear组件化可以做到，大家叫同构)...
怎么做到这么强大的优势，来回忆下以前见过的坑，或者现有项目里的坑。
CSS层叠样式？保佑不要污染别的HTML!
在web前端，一般一个组件必须要有骨架HTML和装饰的CSS以及JS逻辑。而CSS要是可以是局部作用域那就再好不过了！就不用写长长的前缀了，浪费带宽不说，而且费劲。
如
.ui-popup-arrow-xx-xxxxx-xxxx-container { }
这回够长了吧，不会污染别的HTML了吧。真的太长了,没有办法，因为CSS不是局部的，怕污染其他的HTML，规划好长长的namespace、module是以前的最佳实践。
怎么优雅绑定事件？只能定义在window下？
如果HTML绑定的事件是局部作用域那就再好不过了！我真的见过模版代码里出现下面的代码：
<div onclick="xxx()"></div>
然后在js里找到了下面的代码：
