一点点傲娇的小菜鸡-优快云博客

原创 Duplicate keys detected: ‘XXXX‘. This may cause an update error

vue项目一进入某个页面报这个错，我的解决办法是在这个页面看v-for循环是否key值重复，key必须是惟一的。果然key值绑定的是一个可以重复的，将key绑定改成index就好了。

2021-12-17 10:36:41 315

原创圣杯和双飞翼的一些思考

圣杯和双飞翼布局的思考圣杯和双飞翼布局实现的效果一样，他们的共同点都是实现三栏布局。1、两侧宽度固定，中间宽度自适应的效果；2、中间部分优先加载;3、允许三列中的任意一列为最高列；4、均只使用了一个额外的div;圣杯布局：布局上如下图所示：<div class="header"></div> <div class="container"> <div class="center"></div>

2021-11-12 15:01:51 437

原创 map与parseInt组合遍历----[‘1‘, ‘2‘, ‘3‘].map(parseInt)

['1', '2', '3'].map(parseInt)问这一段代码输出的结果是什么？单看这一行代码，可能不是那么好理解，把parseInt函数作为一个参数传进来，我们换一种更直观的方式来替换当前代码。map()函数接收两个参数，item当前每一项，index当前项的索引，所以我们可以把上面这行代码写成：['1', '2', '3'].map((item, index) => {return parseInt(item, index) }）这样是不...

2021-11-11 15:22:56 726

原创 CSS优先级样式之内联宽度覆盖（在不改变当前代码的情况下，使这张图片宽度为300px)

在不改变当前代码的情况下，使这张图片宽度为300px，此处考察的是一个css优先级的知识点。<img src="./logo.png" style="width: 480px !important;">1、<img src="./logo.png" style="width: 480px !important; max-width: 300px;">将最大宽度限制为300px，这种方式不需要注意样式的顺序。2、<img src="./logo.png" s.

2021-11-10 16:38:14 859

原创 display：none、visiblity: hidden、opacity: 0区别

display：none、visiblity: hidden、opacity: 0均是用来隐藏元素的。1、display: none。DOM结构：被设置了display:none的元素浏览器不会渲染该元素在页面中，也根本不会占据位置；事件：无法进行事件监听，点击事件没有生效；性能：通过js无法获取到该元素身上的一些属性，并且通过动态的改变的display属性，会让页面反复渲染，引起页面重排，性能较差;继承：不会被子类继承，因为自己没被渲染;transition: 不支持;如图：

2021-11-10 14:55:59 1200

原创 DIV水平垂直居中方法汇总

@DIV水平垂直居中方法汇总DIV水平垂直居中方法汇总1、定位（子元素绝对定位，父元素相对定位），子元素的top和left值都设为50%，再让子元素往回走自身宽度和高度的一半。这里往回走一半可以有两种方式，通过margin或者translate都可以移动。（1）通过margin的方式这种方式的缺点在于我们需要知道当前子元素的宽高。（2）通过translate的方式通过以上两种方式均是让子元素移动自身的一半，如下图2、定位（子元素绝对定位，父元素相对定位）绝对定位下top left rig

2021-11-10 10:20:14 526

原创 BFC、IFC、GFC、FFC

Fc:页面中的一块渲染区域，有着自己的一套渲染规则BFC：块级格式化上下文，一个隔离的渲染区域，区域内的子元素在布局上不会影响到外面的元素。如何产生BFC？Float值不为none;Display值为table-cell, inline-block, table-captionOverflow值不为visiblePosition值为absolute, fixedBFC有什么用？在多栏布局中，块级元素浮动，里面的元素是在一个相对独立隔离的区域内运行。IFC：内联格式

2021-11-09 19:07:41 753

原创 overflow:auto与scroll区别

overflow: auto与scroll在内容超出时浏览器均会显示滚动条但在元素没有超出时，auto会隐藏滚动条，scroll依旧显示滚动条，但是禁用该滚动条

2021-11-09 11:02:35 3621

weixin_44941889的博客

原创【无标题】