码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-07-15 01:17:58      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:div   develop   set   zh-cn   developer   tin   info   字符串   ocs   

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

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

标签:div   develop   set   zh-cn   developer   tin   info   字符串   ocs   

原文地址:https://www.cnblogs.com/xinghong/p/11173577.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!