Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[css] 第59天 你有用过哪些css框架?说说它们的特点 #245

Open
haizhilin2013 opened this issue Jun 13, 2019 · 8 comments
Open
Labels
css css

Comments

@haizhilin2013
Copy link
Collaborator

第59天 你有用过哪些css框架?说说它们的特点

@haizhilin2013 haizhilin2013 added the css css label Jun 13, 2019
@xiangshuo1992
Copy link
Contributor

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

@haizhilin2013
Copy link
Collaborator Author

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

@Gxmg
Copy link

Gxmg commented Jun 14, 2019

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

@forever-z-133
Copy link

forever-z-133 commented Jun 14, 2019

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
Copy link

yxkhaha commented Jun 14, 2019

  • 用过 element UI 和 jquery EasyUI 。
  • element UI 是基于vue的UI框架 是目前和vue搭配起来最好用的,jquery EasyUI 简单 但功能强大,可以扩展适合自己的控件。

@nusr
Copy link

nusr commented Jun 15, 2019

ant design ts 编写,易自动补全

@lizhesystem
Copy link

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

@MrZ2019
Copy link

MrZ2019 commented Dec 15, 2020

  • 用过 element UI 和 jquery EasyUI 。
  • element UI 是基于vue的UI框架 是目前和vue搭配起来最好用的,jquery EasyUI 简单 但功能强大,可以扩展适合自己的控件。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
css css
Projects
None yet
Development

No branches or pull requests

8 participants