记录工作中的收获
正文
1. 样式问题
- 文字超出容器显示省略号,必须设置三个属性:
css">white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
除此之外,容器的display
需为block/inline-block
- Margin负值不生效的话,考虑display,考虑vertical-align默认值(baseline)会让垂直方向的margin负值失效
- El-tab-pane 想要改变label的样式,可以使用插槽 slot=“label” 这个总结过了
vuets_13">2. vue和ts
在ts中,声明类型后但不赋值,是不会进入相应系统的。ts会报错,奇怪,我发现这个问题时怎么没报错?- 根据name去跳转路由,如果是动态路由要传参,不然就会跳到根路由。很可能会出现url错误的bug
- 不能以字符串相等作为判断条件,我的意思是不能以写死的字符串来判断。这样写太low了。
3. 其他问题
- 假值的判断
javascript">//以下状况全部为假值
if (0) console.log(1);
if (false) console.log(2);
if ('') console.log(3);
if (undefined) console.log(4);
if (null) console.log(5);
if (NaN) console.log(6);
undefined
和null
的区别
- 转换成数值
javascript">console.log(Number(null)); // 0
console.log(Number(undefined)); // NaN
- 使用typeof检测,null为object,undefined为本身。
- null ?? console.log(1); // 双问号,当前置条件为null 或 undefined 时,才会执行
收获
- 细心!!! 自己写的代码,写完之后要在不同的情况下测个几遍。
- 戒骄戒躁