![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
人间清醒小仙女
hello world
欢迎转载,但请注明出处,共建开源前端,祝大家技术越来越好~~
展开
-
关于前端规范(一)样式篇
1.尽量避免使用important!!!!!!!!会打乱选择器权重计算,极其不好维护,建议使用类加类,还找不到就封装公用样式实在是很特殊的话就用deep!sass,less都有deep<style lang="scss"> .pageableTable{ /deep/ .el-button{ padding: 13px 50px; } }</style><style lang="less"> .pageableTable{原创 2022-04-19 15:25:13 · 182 阅读 · 0 评论 -
antdv自定义a-form-model label属性的悬浮title
<a-form-model-item :title="名称" :label="name "> <a-input v-model="name" placeholder="请输入名称" /></a-form-model-item>一开始是想直接在item上增加title属性,发现没有生效<a-form-model-item> <span slot="label" :title="名称">{{ name }}</span&原创 2022-01-15 16:21:56 · 1841 阅读 · 2 评论 -
浏览器解析html与渲染顺序问题
写项目的时候发现在chrome没问题的样式到ie就变形了,所以对这一现象进行了搜索和了解,找到了这篇文章获益匪浅https://www.cnblogs.com/web-easy/p/5067680.html一:为什么要了解浏览器渲染页面和加载页面机制,主要还是性能的优化。了解浏览器如何进行加载,我们可以在引用外部样式文件,外部js时,将他们放到合适的位置,使浏览器以最快的速度将文件加载完毕。了解浏览器如何进行解析,我们可以在构建DOM结构,组织css选择器时,选择最优的写法,提高浏览器的解析速率。转载 2020-10-09 17:17:00 · 417 阅读 · 0 评论 -
css选择器详解
class.intro 选择所有class="intro"的元素id#firstname 选择所有id="firstname"的元素** 选择所有元素elementp 选择所有<p>元素element,elementdiv,p 选择所有<div>元素和<p>元素element elementdiv p 选择<div>元素内的所有<p>元素element>elementdiv>p 选择所有父级是 &l原创 2020-09-18 14:59:15 · 358 阅读 · 0 评论 -
ucharts 点击之后min值失效,设置y轴最小值
yAxis: { min:10, max:180 },显示的时候min值可以成功设置,但是点击之后就会发现又变回没有设置min值的时候yAxis: { data:[{ max:180, min:10 }] }原创 2020-09-17 16:38:31 · 1344 阅读 · 2 评论 -
uniapp 换行不生效,空格不生效 css3 white-space属性
场景: 添加某个元素的时候使用换行符/空格,到需要查看的地方发现无法显示换行符,如果全部显示空格也不显示空格这个时候就需要给显示的盒子设置white-space: pre-wrap属性white-space有几个属性normal 默认。空白会被浏览器忽略。pre 空白会被浏览器保留。其行为方式类似 HTML 中的 标签。nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 标签为止。pre-wrap 保留空白符序列,但是正常地进行换行。pre-line 合并空白符序列,但是保留换行原创 2020-09-16 10:45:08 · 4976 阅读 · 0 评论 -
v-show和v-if的区别 SegmentedControl,切换
v-showv-show的用法与v-if基本一致,只不过v-show是改变元素的css属性display。当v-show表达式的值为false是,元素会隐藏,查看DOM结构看到元素上加载了内联样式display:none;v-ifv-if是条件渲染当v-if表达式的值为false是,元素会被销毁它会确保条件快在切换时合适的销毁与重建条件块内的时间监听器和子组件。如果写SegmentedControl的话最好使用v-show,这样不会每次切换都重新渲染,性能会好一些,如果有其他需求也可以用v-if原创 2020-09-15 17:12:32 · 169 阅读 · 0 评论 -
css规范
css3规范http://www.fly63.com/article/detial/39431.通用规范1.1.文件编码@charset 'UTF-8';/* 注意字符集说明应在第一行 */如果css文件中不包含中文,那么声明/不声明都可以,如果有任何一个中文或者符号,都必须声明utf-8格式1.2.缩进规范统一使用两个空格缩进2.初始化规范由零开始搭建 从零开始搭建的情况下,进行样式初始化,在项目最开始的时候就引入,不要在开发中途引入,避免不可预知的样式冲突。不使用 UI 框架,但使用转载 2020-08-29 19:45:28 · 779 阅读 · 0 评论 -
echarts线性图折线变为圆滑的线
{ type: 'line', symbol: 'circle', symbolSize: 10, // 展示曲线上的点 showSymbol: false, // 让曲线更加圆滑 smooth: true, data: data } ] ![在...原创 2020-06-18 11:24:34 · 3921 阅读 · 0 评论 -
echarts怎么让x轴坐标从紧挨着y轴开始
xAxis: {boundaryGap: false,},加一个这个属性就可以了原创 2020-06-17 16:18:01 · 3662 阅读 · 0 评论 -
组件中通过:before(伪类)给文字前面加样式-vue
要求实现效果:如果不是组件内使用把props中传的参数改为data中挂载即可实现方案1. <div class="status"> <div class="outer-circle" :style="{'margin-left':left}"> <span :class="colorClass"></span> ...原创 2020-04-29 22:40:13 · 3205 阅读 · 0 评论