1、setTimeout(function(num){

　　alert(num);},1000,123);

第三个参数为实参。

2、拼接字符串：

　　document.body.innerHTML = '<div>div</div>'+

　　　　　　　　　　'<span>span</span>'+

　　　　　　　　　　'<p>p</p>'

　　换行的另一种做法:

　　

　document.body.innerHTML = '<div>div</div>\

　　　　　　　　　'<span>span</span>\

　　　　　　　　　　<p>p</p>'

　　加上反斜杠

3、console.log()添加样式

　　eg:

　　var a = 'hello';

　　console.log('%c'+a,'font-size:40px;background:blue;')

4、双层for 循环跳出：

　　a : for(var i=0;i<5;i++){

　　　　for(var j=0;j<1;j++){

　　　　　　if(i==3){

　　　　　　　　break a;

　　　　　　　　}

　　　　　　alert(i);}

　　　　}

　　即可跳出第一层循环。

5、for循环省略参数

　　var i = 0;

　　for(;;){

　　alert(i);

　　if(++i>=5){

　　break;

　　　　}

　　}

6、立即执行函数写法

　　除了写成(function(){})()这种样式

　　还可以写成~function(){}()

　　或者写成   !function(){}()

7、document.querySelectorAll('div')

　　document.querySelector('div')

　　

　　两个方法使用差不多的语法，都是接收一个字符串参数，这个参数需要是合法的CSS选择语法。

　　element = document.querySelector('selectors');

　　elementList = document.querySelectorAll('selectors');

　　其中参数selectors 可以包含多个CSS选择器，用逗号隔开。

　　element = document.querySelector('selector1,selector2,...');

　　elementList = document.querySelectorAll('selector1,selector2,...');

　　使用这两个方法无法查找带伪类状态的元素，比如querySelector(':hover')不会得到预期结果。

　　querySelector

　　该方法返回满足条件的单个元素。按照深度优先和先序遍历的原则使用参数提供的CSS选择器在DOM进行查找，返回第一个满足条件的元素。

　　element = document.querySelector('div#container');//返回id为container的首个div

　　element = document.querySelector('.foo,.bar');//返回带有foo或者bar样式类的首个元素

　　querySelectorAll

　　该方法返回所有满足条件的元素，结果是个nodeList集合。查找规则与前面所述一样。

　　elements = document.querySelectorAll('div.foo');//返回所有带foo类样式的div
8、array两个方法
　　
array.forEach(function(currentValue, index, arr), thisValue)
　　function(currentValue,index,arr)---->必须参数，数组中每个元素调用的函数。
　　currentValue  必需。当前元素
　　index  可选。当前元素的索引值。
　　arr  可选。当前元素所属的数组对象。
　　thisValue   可选。传递给函数的值一般用 "this" 值。如果这个参数为空，“undefined”会传递给"this"值

　　　Array.from方法可以将 Set 结构转为数组。

　　const items = new Set([1, 2, 3, 4, 5]);

　　const array = Array.from(items);
 
 

-------------------------------------------------------------

ES6的set

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
const s = new Set();
[2,3,5,4,5,2,2].forEach(x => s.add(x));
for(let i of s){
console.log('%c'+i,'font-size:400%;background:blue');
}
//set结构不会添加重复的值
// 例一
const set = new Set([1, 2, 3, 4, 4]);
alert([...set]);
// [1, 2, 3, 4]

// 例二
const items = new Set([1, 2, 3, 4, 5, 5, 5, 5]);
alert(items.size) // 5

// 例三
// function divs () {
// return [...document.querySelectorAll('div')];
// }
//document.querySelectorAll('div')选取所有的div元素

// const set = new Set(divs());
// set.size // 56

// 类似于
// divs().forEach(div => set.add(div));
// set.size // 56

//数组去重 [...new Set(array)]
//向 Set 加入值的时候，不会发生类型转换，所以5和"5"是两个不同的值。Set 内部判断两个值是否不同，使用的算法叫做“Same-value equality”，它类似于精确相等运算符（===），主要的区别是NaN等于自身，而精确相等运算符认为NaN不等于自身。

console.log(NaN===NaN); //false

// 两个对象总是不相等的。

// let set = new Set();

// set.add({});
// set.size // 1

// set.add({});
// set.size // 2
// 上面代码表示，由于两个空对象不相等，所以它们被视为两个值。

// Set 实例的方法分为两大类：操作方法（用于操作数据）和遍历方法（用于遍历成员）。下面先介绍四个操作方法。

// add(value)：添加某个值，返回 Set 结构本身。
// delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。
// has(value)：返回一个布尔值，表示该值是否为Set的成员。
// clear()：清除所有成员，没有返回值。
</script>
</body>
</html>

js小知识点的更多相关文章

  1. JS小知识点----基本包装类型和引用类型

    var s1 = "some text"; s1.color = "red"; alert(s1.color);  //弹出 underfined var s1 ...

  2. 日常css和js小知识点记录

    2015-6-29 1.<meta name="viewport" content="width=device-width,user-scalable=no&quo ...

  3. 一些js小知识点整理

    string.substring(a,b)   从a点开始截取,到b点结束 string.substr(a,b)    从a点开始截取,截取b个 BOM的四个对象,navigator.screen.l ...

  4. js中关于value的一个小知识点(value既是属性也是变量)

    今天在学习input的value值时,发现这么一个小知识点,以前理解不太透彻. [1]以下这种情况是常见情况,会弹出“测试内容” <input type="button" v ...

  5. 【转】HTML5的小知识点小集合

    html5的小知识点小集合 html5知识   1.  Doctype作用?标准模式与兼容模式各有什么区别? (1).<!DOCTYPE>声明位于位于HTML文档中的第一行,处于<h ...

  6. html5的小知识点小集合

      html5的小知识点小集合 html5知识   1.  Doctype作用?标准模式与兼容模式各有什么区别? (1).<!DOCTYPE>声明位于位于HTML文档中的第一行,处于< ...

  7. JS重要知识点

    这里列出了一些JS重要知识点(不全面,但自己感觉很重要).彻底理解并掌握这些知识点,对于每个想要深入学习JS的朋友应该都是必须的. 讲解还是以示例代码搭配注释的形式,这里做个小目录: JS代码预解析原 ...

  8. 一些js小题（一）

    一些js小题,掌握这些对于一些常见的面试.笔试题应该很有帮助: var a=10; function aa(){ alert(a); } function bb(){ aa(); } bb();//1 ...

  9. JS重要知识点(转载 学习中。。。)

    这里列出了一些JS重要知识点(不全面,但自己感觉很重要).彻底理解并掌握这些知识点,对于每个想要深入学习JS的朋友应该都是必须的. 讲解还是以示例代码搭配注释的形式,这里做个小目录: JS代码预解析原 ...

随机推荐

  1. 将电脑文件复制到vm虚拟机中，然后安装步骤

    [root@lixiaohu 桌面]# cp openssl-1.0.1f.tar.gz /usr/src     /usr/src  这是复制到的路径[root@lixiaohu 桌面]# cd / ...

  2. css实现视差滚动效果

    今天逛京东金融的时候发现他家网站首页的滚动效果看着很有意思,于是就做了一个,demo链接http://1.liwenyang.applinzi.com/index.html 大多数的视差滚动效果都是使 ...

  3. Actor-ES框架：Ray

    并发 1. 并发和并行 并发:两个或多个任务在同一时间段内运行.关注点在任务分割. 并行:两个或多个任务在同一时刻同时运行.关注点在同时执行. 本文大多数情况下不会严格区分这两个概念,默认并发就是指并 ...

  4. 无序列表li横向排列的间隙问题

    今天在写页面的时候,无意中遇到这样一个问题,就是无序列表li横向排列即做成导航栏时,列表项间有间隙. 如: 将列表项li变成列表块后(即将li标签设置为,display:inline-block后), ...

  5. 织梦CMS安装分享插件

    获取百度分享按钮织梦系统插件 点击下载:dedecms 5.* 插件 更新日期:2011.09.05 1.下载百度分享插件的织梦cms版本. 2.使用管理员账号登录您的站点后台管理中心,单击" ...

  6. 查看三种MySQL字符集的方法

    查看MySQL字符集的命令是我们经常会使用到的,下文就介绍了其中的三种查看MySQL字符集的命令,供您参考学习. 作者:佚名来源:互联网|2010-10-09 11:36 移动端 收藏 分享 CTO训 ...

  7. removeClass()

    定义和用法 removeClass() 方法从被选元素移除一个或多个类. 注释:如果没有规定参数,则该方法将从被选元素中删除所有类. 语法 $(selector).removeClass(class) ...

  8. 豹哥嵌入式讲堂：ARM Cortex-M开发之文件详解（8）- 镜像文件(.bin/.hex/.s19)

    大家好,我是豹哥,猎豹的豹,犀利哥的哥.今天豹哥给大家讲的是嵌入式开发里的image文件(.bin, .hex, .s19). 今天这节课是豹哥<ARM Cortex-M开发之文件详解>主 ...

  9. 邓_Jquery测试题

    一.Jquery测试题 下面哪种不是jquery的选择器?(单选)A.基本选择器 B.后代选择器 C.类选择器 D.进一步选择器考点:jquery的选择器 (C) 当DOM加载完成后要执行的函数,下面 ...

  10. openfire服务器+Spark搭建即时聊天系统 & 阿里云的初步探索

    晚上出去和洋仔吃了涮肉,喝了点啤酒,不知不觉就聊到了11点,感觉他工作状态还不错,emmm...都要加油吧.虽然没有当时去山西零下二十多度那么夸张,这几天北京的冬夜还是有点小冷的.好了进入正题: 一. ...