02-jQuery结束each循环、模板字符串、css的@charset

jQuery的each方法结束循环

let arr = [1, 5, 7, 2, 8, 9];
$(arr).each(function(index, item) {
    if(item == 5) {
        return true;    // 相当于 continue, 进行下一次循环

    }
    if(item == 8) {
        return false;    // 相当于break, 结束循环
    }
    console.log(item);    // 1 7 2
})

控制台打印结果：1  7  2

 

模板字符串

 字符串拼接繁琐，使用模板字符串 更加方便

- 使用反引号（``）

- 变量使用：${变量名}

- ${}大括号内可以使用JavaScript表达式

let element = document.getElementsByClassName('box')[0];

let res = {
    message: "这是模板字符串",
    flag: true,
    number: 10,
    price: 10000
};
let str = `<p>${res.message}</p>
           <p>${res.flag==true? "正确": "错误"}</p>
           <p>水果净额是: ${res.price*res.number}元</p>`;
element.innerHTML = str ;

参考文章

- https://www.jianshu.com/p/8b263a6bde4d

 

css开头设置@charset

css文件开始第一行设置：@charset "utf-8"; 

表明css文件编码格式为utf-8，浏览utf-8编码的任何网页，无论是中文，日文，韩文，都可以正常显示

参考文章

- http://www.imooc.com/wenda/detail/437499

- https://developer.mozilla.org/zh-CN/docs/Web/CSS/@charset