[css] 你有用过哪些css框架?说说它们的特点

haizhilin2013
2019-06-14 04:34:18 星期五
css
                    
                        
你有用过哪些css框架?说说它们的特点
Comments per page
< Page 1 / 1 >
xiangshuo1992 2019-06-14 00:35:29

这是说UI库吧?UI组件库用过的有bootstrap,elementUI,WeUI
命名很有特色吧,基本上有规范的命名规则,结构精简

haizhilin2013 2019-06-14 00:41:57

@xiangshuo1992 是的,有些叫法是UI框架,有些叫UI库,都是一个意思

Gxmg 2019-06-14 03:18:11

elementUI iview 用过这两个,其他没用过,elementUI 相比于iview的框架,感觉官方文档给出的api文档比ivew要详细,而且可扩展性比较好,平常需要用到的东西,基本都全了,而且很多组件可以自定义。

forever-z-133 2019-06-14 04:14:14

bootstrap 不够全,所以后来基本都是借鉴思路取长补短自己写的 css 类库或原子类库。
animate.css 用起来很爽,主要用于滚动和小动效。过渡动画当然还是 clip.js 来弄的。
Tent CSS,WeUI,amazeUI 我个人用起来很不舒服,改起来麻烦,除非设计直接选用该风格。

至于 elementUI,antDesign,vantUI,mintUI 这些就是组件库了,需要集成 vue 或 react,
基本采用该库那多半 UI 风格就已经定下了,而且真正来讲更讲究组件功能性,布局影响并不很大。


首先我观念中的 UI 库可以拆为 初始化类库、原子类库、常见布局类库、组件类库。

初始化类库,好像现在都不怎么讲究了,
一方面是 select 都在用 ul 去做了,那基本没啥样式差异,
另一方面是做兼容的需求没以往那么多了,比如 input[type="range"] 样式就那样也说得过去。
其次,初始化也有一定的个人色彩,比如 p 要不要加 margin 、img 要 block 等问题。

原子类库,在使用 less 等 css 编译项目中非常非常爽,
配色呀、单位与间距呀、文本超出呀、禁用呀、滚动呀等等。

常见布局类库,多数情况是多个 dom 元素搭配的结果,
比如 .flex-col 往往会有个 .flex-grow 与其相随,.modal 总会有个 .modal-wrap 等。

组件类库,和常见布局类库是十分相似的,但有更棒的拆分规则而已。


以上,所以我个人观念中,撇开组件库不谈,
UI 库是换个项目也能复用的工具,css 库越小越原子化才是最棒的。
嘤嘤嘤,文不对题,随便聊聊。

yxkhaha 2019-06-14 14:52:56
  • 用过 element UI 和 jquery EasyUI 。
  • element UI 是基于vue的UI框架 是目前和vue搭配起来最好用的,jquery EasyUI 简单 但功能强大,可以扩展适合自己的控件。
nusr 2019-06-15 08:36:27

ant design ts 编写,易自动补全

lizhesystem 2020-05-21 03:09:30

目前只用过element,感觉文档很详细,基本上能满足大部分的需求。
现在又开始用基于element封装的AVUE,开发速度更快了。

smile-2008 2020-12-15 02:31:33
  • 用过 element UI 和 jquery EasyUI 。
  • element UI 是基于vue的UI框架 是目前和vue搭配起来最好用的,jquery EasyUI 简单 但功能强大,可以扩展适合自己的控件。
Comments per page
< Page 1 / 1 >

学习不打烊,充电加油只为遇到更好的自己,365天无节假日,每天早上5点纯手工发布前端知识点(死磕自己,愉悦大家)。希望大家在这浮夸的前端圈里,保持冷静,坚持每天花20分钟来学习与思考。在这千变万化,类库层出不穷的前端,建议大家不要等到找工作时,才狂刷题,提倡每日学习!欢迎大家关注3+1开源项目!希望大家每人去学习与思考!(不要为了谁而来,要为自己而努力!

【关注官方公众号】 每天4:30-5:00推送
【公众号推荐】 一起折腾前端算法
【微信学习群】 备注3+1