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

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

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 库越小越原子化才是最棒的。
嘤嘤嘤,文不对题,随便聊聊。

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/412624.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

14 内置函数2

今日主要内容 1. 昨日补充 repr() 显示出字符串的官方表示形式 chr() ord() 2. 递归 自己调用自己 递归的入口(参数) 和 出口(return) 树形结构的遍历 3. 二分法 掐头结尾取中间 查找效率非常的高1.递…

skywalking 源码解析——多线程变量传递 EnhancedInstance

大家好,我是烤鸭: 今天分享下 skywalking源码,正好自己用到相关的内容了。 1. 拦截点 三个主要的拦截器、构造方法、静态方法和示例方法,每个切面里都可以重写这些方法,并且指定进入的拦截器。 2. trace 相关内容 …

[css] box-sizing常用的属性有哪些?分别有什么作用?

[css] box-sizing常用的属性有哪些?分别有什么作用? box-sizing常用的属性有 content-box 和 border-box。content-box 盒子的宽度不包含 border和padding,border-box盒子的宽度包含border 和padding。个人简介 我是歌谣,欢迎和大…

2018-2019-1 20165303 实验五 通讯协议设计

任务一 Linux下OpenSSL的安装与使用 前往OpenSSL官网,选择打开OpenSSL源码下载地址,按照下图所示方法下载压缩包“openssl-master.zip Linux下使用unzip openssl-master.zip命令解压 安装的具体命令如下:$ ./config$ make$ make test$ make i…

从字节码看 finally关键字、异常表

大家好,我是烤鸭: 今天说下 finally 这个关键字。 1. 认识finally finally 总是跟 try、catch一起出现,finally是执行方法结束一定要执行的代码,比如流关闭等等。 finally是如何实现在异常捕捉之后保证执行 finally 代码块里的…

[css] inline、block、inline-block这三个属性值有什么区别?

[css] inline、block、inline-block这三个属性值有什么区别? inline: 行内元素,元素不独占一行,不可以修改宽高 block: 块级元素,元素独占一行,可以修改宽高 inline-block: 行内块级…

BZOJ3110: [Zjoi2013]K大数查询(整体二分)

Description 有N个位置,M个操作。操作有两种,每次操作如果是1 a b c的形式表示在第a个位置到第b个位置,每个位置加入一个数c如果是2 a b c形式,表示询问从第a个位置到第b个位置,第C大的数是多少。 Input 第一行N&#…

Unhandled exception: org.springframework.beans.factory.BeanDefinitionStoreException

大家好,我是烤鸭: ​ 使用 idea 莫名其妙的错误。 无法编译 异常已经 catch 住了,提示明显是有问题的。 再看一下 maven install 的结果 Error:(99, 100) java: 无法访问org.springframework.core.env.EnvironmentCapable 找不到org.spr…

[css] margin和padding使用的场景有哪些?

[css] margin和padding使用的场景有哪些? 实现自适应的等比例矩形效果: div { padding: 50%; } div { padding: 25% 50%; } //宽高比为 2:1 的矩形效果实现头图高度天然等比例缩小效果 .box { padding: 10% 50%; position: relative; } .box > img {…

poj 1637 Sightseeing tour——最大流+欧拉回路

题目:http://poj.org/problem?id1637 先给无向边随便定向,如果一个点的入度大于出度,就从源点向它连 ( 入度 - 出度 / 2 ) 容量的边,意为需要流出去这么多;流出去1表示改了一条边的方向,会使自己出度-1、入…

[css] 什么是视差滚动?如何实现视差滚动的效果?

[css] 什么是视差滚动?如何实现视差滚动的效果? 什么是视差滚动: 就是在同一视角下,鼠标或者页面滚动时,不同元素以不同的速率跟随滚动,产生生动的效果。 如何实现视差滚动: 根据页面滚动高度的…

springcloud gateway 源码解析、请求响应流程、第三方响应结果在 gateway 的经过

大家好,我是烤鸭: 1. 官方介绍 官方文档: 看的是 2.2.5.RELEASE 版本的 https://docs.spring.io/spring-cloud-gateway/docs/2.2.5.RELEASE/reference/html/ 看一下官方这段说明,gateway 使用的是 webflux 和 reactor&#x…

beetl的使用感受

beetl 的用法&#xff0c;跟layui的laytpl的模版语言差不多。写的很舒服。没有thymeleaf那么麻烦。例如 <%for(loadDischargItem in loadDischargItemList){ %><tr><td>${loadDischargItemLP.index}</td><td><input type"text" id&…

[css] css3的:nth-child和:nth-of-type的区别是什么?

[css] css3的:nth-child和:nth-of-type的区别是什么&#xff1f; :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素&#xff0c;不论元素的类型。 :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素。 n 可以是数字、关键词或公式。个人简介 我是歌谣&…

改logback logstash-logback-encoder 框架本身的日志级别

大家好&#xff0c;我是烤鸭&#xff1a; 最近遇到一个问题&#xff0c;想把logback框架本身的日志级别修改&#xff0c;需要 logstash-logback-encoder 6.1 以上的版本才可以。 直接上代码 这里修改的不是业务日志级别&#xff0c;是 logback 框架本身(确切地说是 logstash…

idea首次创建新模块的详细操作

依赖网址:https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api/3.1.0 https://mvnrepository.com/artifact/javax.servlet.jsp/javax.servlet.jsp-api/2.3.1 https://mvnrepository.com/artifact/org.springframework/spring-webmvc 创建文件夹 修改版本号 配…

[css] 怎么使用自定义字体?有什么注意事项?

[css] 怎么使用自定义字体&#xff1f;有什么注意事项&#xff1f; font-face { font-family: 自定义字体名称; src: url(字体文件名.eot); /* IE9 Compat Modes / src: url(字体文件名.eot?#iefix) format(embedded-opentype), / IE6-IE8 / url(字体文件名.woff) format(wof…

markdown 常用语法总结 - 个人版

这里并不是要总结所有的 markdown 语法&#xff0c;只是总结笔者自己撰写博客时常用的一些 markdown 语法。 1 图片设置 1.1 设置图片位置 利用markdown在编写文档时插入图片是默认靠左&#xff0c;有些时候将图片设置为居中时可以更加的美观&#xff0c;这时就需要在图片的信息…

[css] 要是position跟display、overflow、float这些特性相互叠加后会怎么样?

[css] 要是position跟display、overflow、float这些特性相互叠加后会怎么样&#xff1f; display:none之后别的样式设置成什么都不管用了&#xff0c;dom元素不可见了。position:absolute之后float应该就不起作用了个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识…

logback AbstractLogstashTcpSocketAppender 源码解析

大家好&#xff0c;我是烤鸭&#xff1a; 今天分享下 logback 源码 &#xff0c;版本是 6.5-SNAPSHOT。 写这篇的目的 由于最近项目中一直出现这个日志&#xff0c;而且基本每20秒就会打印一次&#xff0c;也没法关掉&#xff0c;百度上资料也很少&#xff0c;只能自己来了。 …