![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
笑魇轻轻
这个作者很懒,什么都没留下…
展开
-
Cascader 级联选择器通过状态展示隐藏
在项目中遇到一个新需求,Cascader 级联选择器选择以后,选中的那个数据后来被删除了,但是还要让它回显和以前一样。后端就把所有的数据都保留了,但增加了一个状态字段,供我判断哪些是删除了的,status===0表示删除。我拿到数据以后配合element的disabled来改变下拉框样式将数据隐藏。 <el-cascader v-model="value" :options="options" ></el-cascader> da原创 2020-12-09 21:35:16 · 2618 阅读 · 0 评论 -
H5移动前端自适应
1.固定一个某些宽度,使用一个模式,加上少许的媒体查询方案2.使用flexbox解决方案3.使用百分比加媒体查询4.使用remrem配置:// 通用适配var deviceWidthsetHtmlFontSize()if (window.addEventListener) { window.addEventListener('resize', function () { setHtmlFontSize() }, false)}function setHtmlFontSi原创 2020-05-15 08:35:29 · 199 阅读 · 0 评论 -
清除浮动的常用几种方式
(1)给父级元素单独定义高度(height)原理:如果父级元素没有定义高度,父元素的高度完全由子元素撑开时,父级div手动定义height,就解决了父级div无法自动获取到高度的问题。 优点:简单、代码少、容易掌握。缺点:只适合高度固定的布局,要给出精确的高度,如果高度和父级div不一样时,会产生问题。对于响应式布局会有很大影响。(2)在标签结尾处加空div标签 clear:both原理...原创 2020-04-28 12:16:17 · 518 阅读 · 0 评论 -
link与@import的区别
我们经常在面试被问到link和@import的区别,下面简单整理了几个点:1.link是HTML方式,@import是CSS方式2.link最大限度支持并行下载,@import过多嵌套导致串行下载,出现FOUC(文档样式短暂失效),link加载速度快,@imoprt要加载完才显示3.link可以通过rel="alternate stylesheet"指定候选样式4.浏览器对link支持早于...原创 2020-04-28 11:56:08 · 750 阅读 · 0 评论 -
元素隐藏和元素溢出隐藏的区别和方法
元素隐藏:1.visibility:hidden 隐藏后仍占原来的位置,不会影响用户的交互,在读屏软件中不会被识别。2.display:none 隐藏不占位置 任何对该元素直接打用户交互操作都不可能生效。3.opacity:0 通过透明让元素隐藏,占位置,只是一种视觉隐藏,元素本身依旧占用它的位置并对网页的布局起到作用,它也同样影响用户交互。在读屏软件中会被识别。4.position:...原创 2020-04-28 11:47:15 · 553 阅读 · 0 评论 -
垂直居中方法
一、单行文本的话可以使用height和line-height设置同一高度。二、弹性盒1.父元素设置为弹性盒:display:flex;2.给父元素加属性justify-content: center;3、给父元素加属性align-items: center;三、子绝父相 margin负值1、子元素设置绝对定位position: absolute;,父元素设置相对定位position:r...原创 2020-04-28 11:13:12 · 86 阅读 · 0 评论 -
CSS3有哪些新特性?
一、RGBA和透明度RGBA是RGB色彩模型的一个扩展。在本质上看也是为设置的元素增加了一个 alpha 通道,即除了红绿蓝三种颜色外还增加一个代表透明度的通道,其中 RGB 值分别表示红色、绿色、蓝色,而 alpha 取值则为 0 到 1 (小数位一位)。二、background属性background-image:设置元素的背景图像。background-origin:规定背景图片的定...原创 2020-04-26 17:50:30 · 239 阅读 · 0 评论