前端工作周报8.2

news/2024/7/9 23:42:37 标签: javascript, vue, css, web, typescript
webkit-tap-highlight-color: rgba(0, 0, 0, 0);">

记录工作中的收获

正文

1. 样式问题

  1. 文字超出容器显示省略号,必须设置三个属性:
css">white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;

除此之外,容器的display需为block/inline-block

  1. Margin负值不生效的话,考虑display,考虑vertical-align默认值(baseline)会让垂直方向的margin负值失效
  2. El-tab-pane 想要改变label的样式,可以使用插槽 slot=“label” 这个总结过了

vuets_13">2. vue和ts

  1. 在ts中,声明类型后但不赋值,是不会进入相应系统的。 ts会报错,奇怪,我发现这个问题时怎么没报错?
  2. 根据name去跳转路由,如果是动态路由要传参,不然就会跳到根路由。很可能会出现url错误的bug
  3. 不能以字符串相等作为判断条件,我的意思是不能以写死的字符串来判断。这样写太low了。

3. 其他问题

  1. 假值的判断
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);
  1. undefinednull的区别
  • 转换成数值
javascript">console.log(Number(null)); // 0
console.log(Number(undefined)); // NaN
  • 使用typeof检测,null为object,undefined为本身。
  1. null ?? console.log(1); // 双问号,当前置条件为null 或 undefined 时,才会执行

收获

  1. 细心!!! 自己写的代码,写完之后要在不同的情况下测个几遍。
  2. 戒骄戒躁

http://www.niftyadmin.cn/n/1257928.html

相关文章

Python字符串基本操作

Python字符串基本操作 1、判断是不是合法的标识符isidentifier name"ABC" print(name.isidentifier()) 打印结果 True 2、首字母大写capitalize name abc print(name.capitalize()) 打印结果 Abc 3、计数count name abc print(name.count("a")) 打印结果 1…

js 字符串转数值 的常用方法和对比

话不多说,直接正文。 正文 常用方法为这三种 ~~按位取反再取反,作用是把字符串变为整数数值。Number(str) 会保留小数点parseInt(str) 化为整数数值 console.log(Number("121")); console.log(parseInt("121")); console.log(~~…

前端工作周报8.9

记录下前端实习工作的问题和收获。 正文 1. javaScript相关 即使 null 和 undefined 有关系,它们的用途也是完全不一样的。永远不必显式地将变量值设置为 undefined 。但 null 不是这样的。任何时候,只要变量要保存对象,而当时又没有那个对…

前端工作周报 8.16 8.23

本应两周写两个周报,但在上周主管和我说不用干vue了,需要学习dart->flutter。这两周主要是在学习,这个博客会贴很多平时联系的代码。 8.16 - 8.17 Dart 安装 下载SDK配置环境 helloworld 学习笔记 PS:很多与js相同的语法默认…

flutter中的EventBus

插件地址:event_bus 用法 定义事件类型,通常来说是定义类,可以在类中定义属性来传参 class LoginSuccessEvent {}class WarningEvent {String msg;WarningEvent(this.msg); }在需要监听事件的页面initState阶段添加监听 void initState() …

前端工作周报8.30

正文 initState() 是一个无返回值的函数,如果要在这里请求数据,不能在这个函数中添加async/await。重新定义一个async函数,在其中调用即可。 在两个文件中定义两个写法完全相同的类,这两个类的实例在相互赋值时报错,说…

spring---transaction(4)---源代码分析(事务的状态TransactionStatus)

写在前面 TransactionStatus表示一个具体的事务状态(这里应用到了Java的一个多继承,接口允许多继承) TransactionStatus它继承了SavepointManager接口,SavepointManager是对事务中上述保存点功能的封装(Spring利用保存…

Flutter 上滑加载以及下拉刷新

实现下拉刷新 flutter中,已经给出了实现,咱们只需要给出回调即可。很多解释都在注释中,请不要忽略。如果你想要直接看到全部代码,请拉到最后。 import dart:async;import package:dio/dio.dart; import package:flutter/materia…