前端笔记:前端踩坑bug记录小结

300 阅读1分钟

每个人都会经历从新手小白到成长为经验丰富的前端工程师的过程,作者在这里随手记录总结一下一些前端实战过程中容易出现的一些bug,结合日常工作实际出现的问题,简要分析下,不做深入研究,如有不足之处,还请嘴下留情。

1.遍历数组采用forEach方法用return返回,例如

let arr = [7,5,4,3,1,5,2,6,6,3,4]
arr.forEach((item,index) => {
    if(index === 3) {
        return
    }
})

bug原因:forEach()无法在所有元素都传递给调用的函数之前终止遍历

2."true"==true,虽然会有数据类型转换,但是会返回false而非true

在相等操作符(==)的情况下,会涉及隐式强制类型转换。而并不是将字符串true转换为布尔值true,然后两个值相等。最新js红宝书有描述,如果某个操作数为Boolean值,则在比较之前会将其转换为数值,此时,会隐式调用Number函数

Number(true) // 1

转换之后 'true' == 1 当然不会相等,因此返回false

3.vue数据更新了但是页面没有发生更新

这种情况出现的原因有多种,推荐参考以下地址的总结一一对应即可解决!

mp.weixin.qq.com/s/m9ATuMD8Z…

暂时先记录下这些,继续加油!