其他分享
首页 > 其他分享> > 3.30 自我小记 vue + css

3.30 自我小记 vue + css

作者:互联网

1、双重动画(同时生效)
在这里插入图片描述
2、组件的:is绑定data判断是否显示
在这里插入图片描述
在这里插入图片描述

3、vuex数据类型要提前确定好,数组就必须置为空数组,字符串就必须置为空串,尽量避免混用,会发生报错。

4、清除空格距离,可以试试对父盒子进行font-size:0
在这里插入图片描述

5、使文本超出隐藏省略。(单行)
在这里插入图片描述
文本超出隐藏省略(父盒子display:flex)使子自动撑开。
在这里插入图片描述

(多行)
在这里插入图片描述

6、设置单词连续换行 或者非连续换行
word-break: break-all;非连续
在这里插入图片描述
word-break: keep-all; 连续
在这里插入图片描述
7、扩展运算符(拆分数组)(前后合并数组)
在这里插入图片描述
将三维数组转成二维
在这里插入图片描述
在这里插入图片描述
多维数组转一维(递归调用)
在这里插入图片描述
在这里插入图片描述
先是多维变二维。
再进行一次扩展运算
在这里插入图片描述
二维变一维
在这里插入图片描述

整合(多维变一维)
在这里插入图片描述

再将一维数组中的每个对象设置多维参数(判断是第几维)
1、多维转一维 2、一维对象增加字段level 3、find方法递归找出是第几维
在这里插入图片描述
二维变一维 (方法2)
在这里插入图片描述

标签:vue,word,数组,3.30,break,二维,一维,多维,css
来源: https://blog.csdn.net/qq_40196738/article/details/88918061