前端学习-02 jQuery结束each循环模板字符串css的@charset

Posted 2022-04-14 xinghong

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