前端常见报错合集

一. js方面

1. JS 空对象和空数组真假判断

“假值”总共只有6个：
false，undefined，null，0，“”（空字符串），NaN
除此之外的所有值，都是“真值”，即在逻辑判断中可以当true来使用
总结：空对象，空数组都是true

if({}){
	console.log("true") //能打印出来
)
if([]){
	console.log("true") //能打印出来
)
1
2
3
4
5
6

2. 逻辑或运算符||

语法：var a = 表达式1 || 表达式2
若表达式1结果为true，这执行表达式1，否则执行表达式2

var i = 0 || "1"
var j = 1 || "2"
var k = -1 || "3"
var l = true || "4"
var m = false || "5"
var n = {} || "6"
var o = [] || "7"
var p = "" || "8"

console.log(i) //打印：1
console.log(j) //1
console.log(k) //-1
console.log(l) //true
console.log(m) //5
console.log(n) //{}
console.log(o) //[]
console.log(p) //8
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

二. vue方面

1. @和~

vue中默认@为src文件夹路径，~相当于相对路径的意思。所以一般有这两者联用的情况，
例：~@/assets/··.jpg
以上可以说只能算是片面理解：看这篇文章https://blog.csdn.net/atu1111/article/details/119560751
这篇文章说：

• 在js代码中，~@联用报错。
• 在css代码中，~@不联用报错。
• 在html代码中，~@联用或不联用都对