标签
note
字数
522 字
阅读时间
2 分钟
源头
早期将 UI 组件集合成组件库的著名例子就是雅虎推出的 Yahoo! UI Library，将 UI 组件封装为成熟的前端框架
而将 web 组件库带入移动风格的是 Bootstrap，通过自适应网格布局使 PC 网页可以在移动端响应式显示，解决了网页无法在移动端兼容显示的难题，Bootstrap 现在已经是世界上最受欢迎的前端框架。
分类
目前主流的组件库可以分为两大类：
一类是基于几大前端框架的生态来实现的，在设计上都已经形成了自己的风格和规范，也有自己的沉淀，比如基于 Vue 生态的 element, 基于 react 的 antD 等。他们的优点是已经发展的很成熟了基本上可以 cover 大多数的业务场景，缺点是组件库在跨框架迁移上的成本较大。
还有一类是组件库则是针对跨端的需求设计的。通常底层会依赖一套跨平台开发的框架 如京东的 taro，美团的 mpVue, 淘宝的 Rax 等，他们的核心思想也是 write one run anywhere, 这类组件库在实现上， 主要利用框架提供的基础实现尽可能抹平各个平台的差异，让使用者可以基于一套开发规范，实现多个平台的业务。这类组件的优点是，可以减少开发者在跨平台上的学习成本，缺点是组件库的丰富度还有所欠缺，能覆盖的场景也比较局限
除了上述的两大类，腾讯的 omi，则是利用 web comp 的特性，来实现的跨端和跨框架，可以算是下一代前端框架的一个尝试了。
参考
贡献者
jiechen