20210625 - 前端业务项目的日常记录

1. css样式表里怎么不用../而是用@/assets/来写图片路径

background: url("~@/assets/img/map/mask.png");

url的路径里默认从./开始匹配相对路径，但只要在@前加~就可以关闭这个规则，实现从@开始匹配路径

2. foreach不支持continue、break问题

break用return false代替

contine用return true代替

例如

var arr1 = arr2.forEach(item => {
	if (item < 0) return true
})

3. 线上环境，css的::before/::after里面的conten如果使用中文一定概率会乱码问题

比如

.noData::before {
 content: '暂无数据'
}

这种情况会出现乱码：

解决方法：

1. 确保CSS、HTML都是用UTF-8编码

     <meta charset="UTF-8">
   

2. 避免直接使用中文，而是用与该中文相对应的Unicode，查询网站：http://code.ciaoca.com/style/cssfont2unicode/

Do what you can, with what you have, where you are.
在你所处的位置，用你所有的资源，做你力所能及的事。(西奥多·罗斯福)