js不含空格正则表达式这篇文章主要为大家详细介绍了js仿百度(2)

在较复杂的调试情况下发现关键元素 在一些复杂的调试环境下我们可能要输出很多行的内容，这时候我们习惯性的会用console.log, console.debug, console.warn, console.info, console.error这些来进行区分，然后就可以在Inspector中进行过滤。不过有时候我们还是希望能够自定义显示样式，你可以用CSS来定义个性化的信息样式：

在console.log()中你可以使用%s来代表一个字符串 , %i 来代表数字， 以及 %c 来代表自定义的样式。

九、监测指定函数的调用与参数

在Chrome中可以监测指定函数的调用情况以及参数：

这种方式能够让你实时监控到底啥参数被传入到了指定函数中。

十、Console中使用$进行元素查询

在Console中也可以使用来进行类似于querySelector那样基于CSS选择器的查询，(‘css-selector') 会返回满足匹配的第一个元素，而$$(‘css-selector') 会返回全部匹配元素。注意，如果你会多次使用到元素，那么别忘了将它们存入变量中。

十一、Postman

很习惯用Postman进行API调试或者发起Ajax请求，不过别忘了你浏览器自带的也能做这个，并且你也不需要担心啥认证啊这些，因为Cookie都是自带帮你传送的，这些只要在network这个tab里就能进行，大概这样子：

十二、DOM变化检测

DOM有时候还是很操蛋的，有时候压根不知道啥时候就变了，不过Chrome提供了一个小的功能就是当DOM发生变化的时候它会提醒你，你可以监测属性变化等等：

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家学习或者使用Javascript能带来一定的帮助，如果有疑问大家可以留言交流。

那些精彩的JavaScript代码片段

[8759]

精彩的JavaScript代码片段，分享给大家

1.根据给定的条件在原有的数组上，得到所需要的新数组

2.比原生type或typeof更详细的类型监测方法

3.对象或数组的深拷贝，用于解决对象引用时值一改全改的问题。

4.通过正则表达式来获取Cookie的值

5.通过移位运算来替代”parseInt”

// ~~ 取整。~取当前数值的反码,~~表示再次取反，也就是得到当前自身（说明，JS中的“位”运算会将数值自动转换为整数）

6.将数值转换为16进制的字符串（常用于表示色彩）

// ~~ 通过位运算来取整。

// << 左移位。将1的二进制数左移24位。而1<<24 == 2^24(RGB模式下最多可表示的色彩数量)

// toString(16) 将数值转换为16进制的字符串输出。

7.对象方法的兼容性检查

8.NodeList || HTMLCollection || Object转换为Array或具有Array的方法

NodeList: 是指通过集合方法获得到的DOM节点列表，例如：document.getElementsByTagNmae,document.forms…等方法。

HTMLCollection: HTML块，它与NodeList很像，但是NodeList只支持数字索引，而HTMLCollection可以支持名称作为索引。js不含空格正则表达式

NodeList与HTMLCollection都具有以下类似： 具有数组的外观，但没有数组的方法 、具有length属性、支持索引来读取内容

9. 正则匹配清除两侧空格

10. 时间格式化

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-86161-2.html