3.30 自我小记 vue + css

本文介绍了一系列前端开发实用技巧,包括CSS文本省略、单词换行控制、数组转换操作及Vue.js动画实现等,有助于提高前端开发效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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)
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值