weixin_45259626的博客

在项目中遇到一个新需求，Cascader 级联选择器选择以后，选中的那个数据后来被删除了，但是还要让它回显和以前一样。 后端就把所有的数据都保留了，但增加了一个状态字段，供我判断哪些是删除了的,status===0表示删除。我拿到数据以后配合element的disabled来改变下拉框样式将数据隐藏。 <el-cascader v-model="value" :options="options" ></el-cascader> da

1.固定一个某些宽度，使用一个模式，加上少许的媒体查询方案 2.使用flexbox解决方案 3.使用百分比加媒体查询 4.使用rem rem配置： // 通用适配 var deviceWidth setHtmlFontSize() if (window.addEventListener) { window.addEventListener('resize', function () { setHtmlFontSize() }, false) } function setHtmlFontSi

（1）给父级元素单独定义高度（height） 原理：如果父级元素没有定义高度，父元素的高度完全由子元素撑开时，父级div手动定义height，就解决了父级div无法自动获取到高度的问题。 优点：简单、代码少、容易掌握。缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题。对于响应式布局会有很大影响。 （2）在标签结尾处加空div标签 clear:both 原理...

我们经常在面试被问到link和@import的区别，下面简单整理了几个点： 1.link是HTML方式，@import是CSS方式 2.link最大限度支持并行下载，@import过多嵌套导致串行下载，出现FOUC(文档样式短暂失效)，link加载速度快，@imoprt要加载完才显示 3.link可以通过rel="alternate stylesheet"指定候选样式 4.浏览器对link支持早于...

元素隐藏： 1.visibility：hidden 隐藏后仍占原来的位置，不会影响用户的交互，在读屏软件中不会被识别。 2.display：none 隐藏不占位置 任何对该元素直接打用户交互操作都不可能生效。 3.opacity：0 通过透明让元素隐藏，占位置，只是一种视觉隐藏，元素本身依旧占用它的位置并对网页的布局起到作用，它也同样影响用户交互。在读屏软件中会被识别。 4.position：...

一、单行文本的话可以使用height和line-height设置同一高度。 二、弹性盒 1.父元素设置为弹性盒：display:flex; 2.给父元素加属性justify-content: center; 3、给父元素加属性align-items: center; 三、子绝父相 margin负值 1、子元素设置绝对定位position: absolute;，父元素设置相对定位position:r...

一、RGBA和透明度 RGBA是RGB色彩模型的一个扩展。在本质上看也是为设置的元素增加了一个 alpha 通道，即除了红绿蓝三种颜色外还增加一个代表透明度的通道，其中 RGB 值分别表示红色、绿色、蓝色，而 alpha 取值则为 0 到 1 （小数位一位）。 二、background属性 background-image：设置元素的背景图像。 background-origin：规定背景图片的定...