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

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

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

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

2. foreach不支持continuebreak问题

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.
在你所处的位置,用你所有的资源,做你力所能及的事。(西奥多·罗斯福)


版权声明:本文为s1092900384原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。