Chrome Console 中的 '$' 和Console Importer

简介: Chrome Console 中的 '$' 和Console Importer

$N

$0 对当前选中的 html 节点的引用

$1 对上一次选择的节点的引用

$2 是对在那之前选择的节点的引用

一直到 $4

$_ 对上次执行的结果的引用

$$$

$ = document.querySelector

$$ = document.querySelectorAll

$x

XPath 表达式选取 DOM 元素

$i

$i 引入npm包

需要安装chrome插件 Console Importer 下载地址:

https://www.crx4chrome.com/extensions/hgajpakhafplebkdljleajgbpdmplhie/

eg:

$i('moment')

moment().format('YYYY-MM-DD')
"2020-04-21"

// 或者
$i('https://cdn.bootcss.com/qs/6.9.3/qs.min.js')

Qs.stringify({name: 'Tom', age: 23})
"name=Tom&age=23"

参考

05 | console 中的 ‘$’

            </div>
目录
相关文章
|
前端开发 JavaScript
JavaScript中的原型和原型链
JavaScript中的原型和原型链
778 0
|
消息中间件 前端开发 Java
java高并发场景RabbitMQ的使用
java高并发场景RabbitMQ的使用
409 0
|
存储 关系型数据库 MySQL
double ,FLOAT还是double(m,n)--深入解析MySQL数据库中双精度浮点数的使用
本文探讨了在MySQL中使用`float`和`double`时指定精度和刻度的影响。对于`float`,指定精度会影响存储大小:0-23位使用4字节单精度存储,24-53位使用8字节双精度存储。而对于`double`,指定精度和刻度对存储空间没有影响,但可以限制数值的输入范围,提高数据的规范性和业务意义。从性能角度看,`float`和`double`的区别不大,但在存储空间和数据输入方面,指定精度和刻度有助于优化和约束。
1771 5
|
前端开发
如何使用 CSS object-fit 进行图片的缩放和裁剪
如何使用 CSS object-fit 进行图片的缩放和裁剪
718 0
如何使用 CSS object-fit 进行图片的缩放和裁剪
|
前端开发 JavaScript Java
导出excel的两个方式:前端vue+XLSX 导出excel,vue+后端POI 导出excel,并进行分析、比较
这篇文章介绍了使用前端Vue框架结合XLSX库和后端结合Apache POI库导出Excel文件的两种方法,并对比分析了它们的优缺点。
2853 0
|
安全 Java 数据库
Spring Boot中的Kotlin语言支持
Spring Boot中的Kotlin语言支持
|
存储 关系型数据库 MySQL
在 MySQL 中使用 Insert Into Select
【8月更文挑战第11天】
5091 0
在 MySQL 中使用 Insert Into Select
|
SQL 监控 关系型数据库
实时计算 Flink版操作报错合集之在设置监控PostgreSQL数据库时,将wal_level设置为logical,出现一些表更新和删除操作报错,怎么办
在使用实时计算Flink版过程中,可能会遇到各种错误,了解这些错误的原因及解决方法对于高效排错至关重要。针对具体问题,查看Flink的日志是关键,它们通常会提供更详细的错误信息和堆栈跟踪,有助于定位问题。此外,Flink社区文档和官方论坛也是寻求帮助的好去处。以下是一些常见的操作报错及其可能的原因与解决策略。
|
JavaScript 前端开发
vue3中使用jsx报错React is not defined和h is not defined
vue3中使用jsx报错React is not defined和h is not defined
1628 0