前端学习-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

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

时间: 2024-10-13 01:08:49

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

Python学习(三)while循环、字符串格式、运算符 、编码

1.while循环 使用while打印1.2.3.4.5.6.8.9.10 #快速注释Ctrl+? count = 1 while count <= 10: if count == 7: count = count + 1 pass #表示过,不执行下面程序 else: print(count) count = count + 1 print('end') count = 1 while count <= 10: if count != 7: #!=表示不等于 print(count) cou

2016/12/11前端学习笔记JS结束Jquery开始。

35 offsetWidth 于offsetHeight都是指盒子的实际大小,不包含margin 包含 width/height+padding+border. offsetTop与offsetLeft是表示的相对于最近的父级元素的位置.若都没有 以body为准.上述四个返回的都是数值 36 offsetParent(返回带有定位的父级若没有返回body) 注意与parentNode区分. 37 box.style.left与box.offsetLeft的区别. 1 offsetLeft可返回未

前端学习之jquery

一 jQuery是什么?   <1> jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team. <2>jQuery是继prototype之后又一个优秀的Javascript框架.其宗旨是--WRITE LESS,DO MORE! <3>它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera

前端学习代码实例-JavaScript文本循环变色效果

介绍一下如何实现一行文本实现一段文本内容能够滚动循环变色效果. 此效果可以有效的提高美观度,使用户的印象更加深刻,当然也就能够使网站更加能够留住用户. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> &

前端学习之三——jquery选择器

Jquery中的选择器分为几大类:基本过滤选择器,层次选择器,内容过滤选择器,可见性过滤选择器,属性过滤选择器,子元素过滤选择器,表单对象选择器和表单对象属相过滤选择器. 1.非基本过滤选择器,一般需要和基本过滤选择器搭配使用. 2,从性能上将,原声支持的Id选择器,标签选择器,类选择器性能最好,其他一般是通过dom循环查找得到,因此,允许的条件下,优先选择js原生支持的js原生选择器. 3,最好提供选择器的上下文,来缩小目标元素的查找范围. 一.基本选择器. #id;.class;elemen

web前端学习总结--JQuery

jQuery 什么是jQuery jQuery是一个优秀的JavaScript框架,一个轻量级的JS库. 它封装了JS.CSS.DOM,提供了一致的.简洁的API. 兼容CSS3,及各种浏览器 使用户更方便地处理HTML.Events.实现动画效果,并且方便为网站提供AJAX交互 使用户的HTML页面保持代码和HTML内容分离 注:jQuery2.x开始不再支持Internet Explorer6,7,8 jQuery是一个JS框架,极大的简化了JS编程 jQuery的核心理念是write le

前端js、jQuery实现日期格式化、字符串格式化

1. js仿后台的字符串的StringFormat方法 在做前端页面时候,经常会对字符串进行拼接处理,但是直接使用字符串拼接,不但影响阅读,而且影响执行效率,且jQuery有没有定义字符串的StringFormat方法,只好自己写一个. function StringFormat() { if (arguments.length == 0) return null; var str = arguments[0]; for (var i = 1; i < arguments.length; i++

前端学习笔记之九——原生JavaScript实现字符串截取

作业题目如下: ---------------------------------------------------------------- 字符串截取的方法有slice(start,end+1),substring(start,end+1),substr(start,n).他们之间在用法方面也有一些相同或不同. slice(start,end+1):两个参数时,参数指截取位置,截取含头不含尾:一个参数时,默认截取到字符串结尾.参数可以为负数,负数就倒着数位置. substring(star

前端学习书籍推荐

纯属转载,大致看了下,文章里推荐的书都不错,设计前端的常见内容(html.css.js.jq),当然,前端不仅仅包含这几个方面.文章如下(链接均指向豆瓣的书评): ----------------------------------- 时常遇到朋友问我前端学习该如何学习, 看哪些书藉. 自己也希望将自己的一些学习心得与经验传教于初学者. 抱着对初学者负责的态度, 如何学习前端, 我还需要在心成有个成熟的底稿后再来写, 本文先以自己学习过程中看过的书为基础, 总结一下前端学习各个阶段书籍的选择.