,捕获组是正则表达示中以()括起来的部分,每一对()是一个捕获组。...按图中的匹配模式匹配时,捕获组的123号分别是红绿蓝。 捕获组的忽略与命名 我们还可以阻止PHP为匹配组的编号:在匹配组中模式前加 ?: $mode = '/a=(\d+)b=(?...捕获组的反向引用 我们在用preg_replace()函数进行正则替换时,我们还可以使用 \n 或 $n 来引用第n个捕获组....1(4),$2为捕获组2(98),\3为捕获组3(56)。...非捕获组的用法: 为什么称为非捕获组呢?那是因为它们有捕获组的特性,在匹配模式的()中,但是匹配时,PHP不会为它们编组,它们只会影响匹配结果,并不作为结果输出。 /d(?
文章背景: 最近在看同事写的VBA正则表达式,发现其中用到了非捕获组(?:Expression)。因此,本文对非捕获组的用法做了一些研究。...1 捕获组2 非捕获组3 非捕获组的应用场景 1 捕获组 捕获是指在正则表达式中使用括号来匹配和提取一部分文本。这个被括号包裹的部分被称为捕获组,可以通过VBA代码访问和处理。...这两个捕获组分别匹配三个数字和两个数字的模式。 代码运行结果: 2 非捕获组 非捕获是指在正则表达式中使用括号来分组,但不会创建一个新的捕获组。非捕获组以问号冒号加圆括号的形式表示,例如(?...捕获组需要额外的处理来存储和维护捕获的内容,而非捕获组则不需要这样的处理。如果性能是一个关键因素,可以考虑使用非捕获组来减少处理开销。...(3) 避免混淆 在某些情况下,正则表达式中可能存在多个嵌套的捕获组,如果你只关心其中的一些组,而不想引入额外的捕获组,可以使用非捕获组来避免混淆。
setTimeout); setTimeout(function(){ throw new Error("hhh") },1000); 参考 方法二 封装为 promise,通过 promise.catch 捕获...,或 promise 全局错误捕获 const p3 = () => new Promise((reslove, reject) => { setTimeout(() => { reject...main3() { p3().catch(e => console.log(e)); } main3(); 方法三 封装为 promise,通过 async await 调用,通过 try catch 捕获
事件捕获指的是从document到触发事件的那个节点,即自上而下的去触发事件。相反的,事件冒泡是自下而上的去触发事件。绑定事件方法的第三个参数,就是控制事件触发顺序是否为事件捕获。...true,事件捕获;false,事件冒泡。默认false,即事件冒泡。Jquery的e.stopPropagation会阻止冒泡,意思就是到我为止,我的爹和祖宗的事件就不要触发了。...事件触发顺序变更为自外向内,这就是事件捕获。 方法: 阻止事件冒泡 和默认行为。 事件冒泡: ? 阻止默认行为: ?
Js捕获异常的方法 JavaScript的异常主要使用try catch finally语句以及窗口对象window的onerror事件来捕获。...try catch finally try catch finally只能捕获运行时的错误,无法捕获语法错误,可以拿到出错的信息,堆栈,出错的文件、行号、列号。...catch_statements }] */ 通过Error的构造器可以创建一个错误对象,当运行时错误产生时,Error的实例对象会被抛出,Error对象也可用于用户自定义的异常的基础对象,Js...window.onerror window.onerror可以捕捉语法错误,也可以捕捉运行时错误,可以拿到出错的信息,堆栈,出错的文件、行号、列号,只要在当前window执行的Js脚本出错都会捕捉到,通过
冒泡事件和捕获事件 冒泡事件是,进行 捕获事件是从外向内,从大到小 冒泡事件bindtap one <view...测试 点击 区域,事件会从内到外从小到大Console`控制台显示 捕获事件capture-bind:tap <view id="one" class="one" capture-bind:tap="_...测试 点击 three区域,事件会从外到到,从大到小进行传递,Console`控制台显示 <em>非</em>冒泡事件和<em>捕获</em>阻止事件 <em>非</em>冒泡事件catchtap <view id="one" class="one" bindtap...测试 点击 three区域,事件从内到外传递被阻止,Console控制台显示 捕获阻止事件capture-catch:tap <view id="one" class="one" capture-catch
事件机制 ---- 事件触发三个阶段: window往事件触发处传播,遇到注册的捕获事件会触发 传播到事件触发处时触发注册的事件 从事件触发处往window传播,遇到注册的冒泡事件会触发 事件触发一般会按照...先从上往下捕获 | | | / \ ------------------| |--| |-----------------|...event model |------------------------------------------- 但是有一个特例:如果给body中的子节点同时注册冒泡和捕获事件...和outer上面,而且这两个事件处理函数的useCapture选项为true,说明他们被注册在捕获阶段的。...于是,document和outer的点击处理函数被执行 继续向下寻找,直到到达inner元素本身,捕获阶段就此结束。
事件捕获: 事件捕获是由Netscape Communicator团队提出来的,是先由最上一级的节点先接收事件,然后向下传播到具体的节点。
原文来自我的github 0.前言 本文主要介绍了捕获和非捕获的概念,并举了一些例子,这些都是正则表达式在js中进阶的一些用法。...后面有彩蛋哦 1.捕获 1.1RegExp对象的相关属性 一般用()括住的就是捕获组,而且类似于算术中的括号,从左到右,逐层去括号。...即是匹配结果,捕获组,匹配位置,准确来说,第一个参数是匹配结果,最后一个参数是匹配位置,中间所有的参数都是捕获组。...开头的组是非捕获组,它不捕获文本 ,也不针对组合计进行各种操作,不将匹配到的字符存储到内存中,从而节省内存。也就是上面所讲的$属性他都不会具有。一般用于只需要检测结果的情况。 (?...:a)非捕获一个a /(?:a)1(?:b)/.test('a1b') //true RegExp.$1 //'' 复制代码 var reg = /(?
而当字符串中有连字符的时候,在写正则表达式时就要用到非捕获匹配(?:...)。 如下图中的数据集,我们的目的是对变量STRING每隔14个字符插入分隔符‘~’而不将完整的单词分开。 ?...:表示所在的括号不捕获匹配,即在整个表达式中,\2表示([-]),而不是 (?:([-])|(?:[\s]|$),同理\3为空。即?:只对所在括号起作用。...:,因而整体是捕获匹配的。 当表达式为:STRING_=prxchange("s/(.{1,14})(?:([-])|(?
说到js事件大家肯定都知道,那么今天讲一点大家不知道的(假设大家不知道?)。 所有的js事件都会分为两个阶段捕获和冒泡。...那么问题来了,我们通常看到的事件都是直接触发之后就执行了,那么我们怎么才能看到事件的捕获和冒泡都是怎么进行的呢,这里给大家准备了一个例子 addEventListener() 例子之前首先给大家简单介绍一下...true表示监听事件的捕获阶段,false表示监听事件的冒泡阶段。 返回值 没有返回值 示例: <!...其次是inner捕获阶段 然后是inner冒泡阶段 最后是outer冒泡阶段 由此我们可以看到,事件触发的时候实际上都是有捕获和冒泡阶段的,并且捕获阶段会从最外层的父级元素开始捕获,一直捕获到最后触发事件的那个元素点才会停止...并且事件的触发是先捕获,在冒泡。 阻止事件冒泡 事件的冒泡会让我们实现某些功能的时候产生阻碍,那么我们怎么怎么阻止事件的冒泡呢,这个时候就会用到一个方法。
默认情况下,事件使用冒泡事件流,不使用捕获事件流。...捕获与冒泡 事件捕获:执行顺序(document->html->body->div) 事件冒泡:执行顺序(div->body->html->document) IE < 9:只支持事件冒泡...IE 9+|chrome|firefox|safari:事件冒泡+事件捕获 阻止捕获与冒泡 event.stopPropagation() 示例代码 <!...'); // 阻止事件捕获,内层不会再捕获到事件 // event.stopPropagation(); }, true); middle.addEventListener...('click', function (event) { console.log('inner-->事件捕获'); }, true); inner.addEventListener
在开发中,有时,我们花了几个小时写的Js 代码,在游览器调试一看,控制台一堆红,瞬间一万头草泥马奔腾而来。...至此,本文主要记录Js 常见的一些错误类型,以及常见的报错信息,分析其报错原因,并给予处理方法。并且将介绍几种捕获异常的方法。 注:本文使用的谷歌游览器验证,不同的游览器,报错可能会不一样。...TypeError:类型错误,表示值的类型非预期类型时发生的错误。...在函数中参数已经出现,函数里使用let重新声明 function fn(arg) { let arg = [] } ---- SyntaxError: Invalid or unexpected token 含义:捕获无效或意外的标记...createXHR('http://192.168.10:8080') 异常调试及捕获 ---- try/catch,Js中处理异常的一种模式,try用于可能会发生错误的代码,catch对错误的处理
捕获组分为: 普通捕获组(Expression) 命名捕获组(?Expression) 普通捕获组 从正则表达式左侧开始,每出现一个左括号"("记做一个分组,分组编号从 1 开始。...命名捕获组 每个以左括号开始的捕获组,都紧跟着 ?,而后才是正则表达式。 对于时间字符串:2017-04-25,表达式如下: ? 有 4 个命名的捕获组,分别是: ?...命名的捕获组同样也可以使用编号获取相应值。 ? PS 非捕获组 在左括号后紧跟 ?:,而后再加上正则表达式,构成非捕获组 (?:Expression)。...这个正则表达式虽然有四个左括号,理论上有 4 个捕获组。但是第一组 (?:\d{4}),其实是被忽略的。当使用 matcher.group(4) 时,系统会报错。 ? ?...总结 ▼ 普通捕获组使用方便; 命名捕获组使用清晰; 非捕获组目前在项目中还没有用武之地。
js中事件捕获的实现 1、当鼠标点击或触发dom事件,触发dom事件的元素称为事件源。 2、浏览器会从根节点=>事件源(从外到内)传播事件。...s2.addEventListener("click",function(e){ console.log("s2 冒泡事件"); },false); 以上就是js...中事件捕获的实现,希望对大家有所帮助。...更多js学习指路:js教程 推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。
前言缘由JS中async/await异步调用,只能通过try-catch吗?你想听的故事:作为一个合格的全栈搬砖工,那必须文武双全,前后必备。...小伙伴们可以看到,此时就掉入没有捕获异常的的坑了,非常遗憾,后续牵连接口一并因错误戛然而止,出错连坐!...,而且要捕获的漂亮主要目标实现重点async/await异常捕获方法正文目标解析async/await异常捕获方法方法一:try-catch任何异步调用全部一把嗦,全部套上try-catch壳还是以上述内容为案例...插件库await-to-js是什么await-to-js 是一个辅助开发者处理异步错误的库await-to-js怎么下# npm安装npm i await-to-js --save# yarn安装yarn...add await-to-jsawait-to-js怎么写import to from 'await-to-js'const init = async () => { const [err, data
7)/, "#"); // '#77abc88' 非捕获括号与捕获括号 let str = "abc abaa bb"; str.match(/(?...:ab)并没有捕获并赋值给1,(ab)有捕获并赋值给1。...:\d{3})+$)/g, "$1,"); 解答过程如下: 非捕获括号匹配连续的3个数字:(?:\d{3}) 捕获括号匹配连续3个数字前的单个数字: (\d)(?:\d{3}) 加入环视:(\d)(?...:\d{3})+),其中+的含义是,n 组连续 3 个数字结尾的字符串 替换:$1, --- 最近笔者在整理第一本电子书书稿《前端面试手册》,有兴趣的同学可以关注下~ 喜欢我文章的朋友,可以通过以下方式关注我
[logo.jpg] 【SpringBoot WEB 系列】RestTemplate 之非 200 状态码信息捕获 前面介绍的 RestTemplate 的使用,都是接口正常返回 200 的状态码 case...,当返回非 200 状态码时,会直接抛异常,如果我希望能捕获异常,并针对正常获取返回的 message,可以如何处理呢?...异常捕获 1....未捕获场景 当我们直接像之前一样使用 RestTemplate 时,看一下效果如何 try { // 如果返回状态码不是200,则直接抛异常,无法拿到responseBody RestTemplate...异常捕获 更详细原理定位请参考:【WEB 系列】RestTemplate 4xx/5xx 异常信息捕获 为了处理上面的问题,我们可以设置自定义的ResponseErrorHandler来处理 RestTemplate
single-cell RNA sequencing and perturbation screening with combinatorial fluidic indexing,这篇文章介绍的是对10X单细胞转录组测序捕获效率的一些优化...因此,在10X的一张8通道的芯片中,每个通道可以获得多达 150,000 个单细胞转录组。...,即可以追踪细胞的分裂,可以获得各个代系细胞之间的转录组关系。...下图为杨朝勇课题组在2020年12月发表于SCIENCE ADVANCES上Digital-WGS平台,对单细胞进行高效自动的全基因组测序。...该平台具有通量大,并行能力强,操控自由度高的特点,在小腔室中可以完成一系列包括转录组捕获,蛋白捕获或检测,代谢物检测等功能。
此时,我们可以使用非捕获分组。 非捕获分组的语法是 (?:)。在这个括号内的模式会作为一个整体进行匹配,但是匹配的结果并不会被捕获。例如,正则表达式 a(?...:b)c 在匹配字符串 "abc" 时,仍然会匹配整个 "abc",但是 "b" 就不会被单独捕获。 为什么使用非捕获分组? 使用非捕获分组的主要优点是,它可以使我们的正则表达式更加高效。...因为捕获分组需要储存匹配的结果,所以它会消耗额外的内存和处理时间。如果我们不需要分组的结果,那么使用非捕获分组就可以节省这部分开销。 此外,使用非捕获分组也可以避免改变正则表达式中其他捕获分组的编号。...在Go语言中使用非捕获分组 Go语言的正则表达式库("regexp"包)支持非捕获分组。...非捕获分组 (?:.*\n) 用于匹配但不捕获与之匹配的字符串。 总结 非捕获分组是一个很有用的工具,它可以让我们的正则表达式更加高效,同时避免改变其他捕获分组的编号。
领取专属 10元无门槛券
手把手带您无忧上云