首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用 GPT 写代码:高亮页面关键字

于是决定问问 GPT,看看它能不能给我一惊喜使用 GPT 编写代码要写一段 js 代码,传入指定文本,在整个页面高亮GPT:你可以使用 JavaScript DOM 操作实现这个功能...在这种情况下,你可以使用 createTreeWalker 方法遍历文档树所有文本节点,并计算出每个文本节点起始和结束位置。...对于每个文本节点,我们使用 exec 方法查找匹配指定文本子串,并将每个匹配子串用黄色高亮显示。...---点评:有点东西,其实是不知道为什么算不准 start 和 end 位置,但 GPT 自己也能发现问题,并且给出了另一个解决方案,并且非常贴心解析了这段代码根据 GPT 提示,是空字符文本节点导致问题...因此应该在 TreeWalker 遍历节点之后再进行高亮节点替换,于是让 GPT 继续改:在 TreeWalker 遍历过程修改节点,会遍历到新节点,需要延迟修改节点GPT:是的,你说很对。

1.9K20

使用 GPT 写代码:高亮页面关键字

于是决定问问 GPT,看看它能不能给我一惊喜 使用 GPT 编写代码 要写一段 js 代码,传入指定文本,在整个页面高亮 GPT: 你可以使用 JavaScript DOM 操作实现这个功能...在这种情况下,你可以使用 createTreeWalker 方法遍历文档树所有文本节点,并计算出每个文本节点起始和结束位置。...对于每个文本节点,我们使用 exec 方法查找匹配指定文本子串,并将每个匹配子串用黄色高亮显示。...---- 点评:有点东西,其实是不知道为什么算不准 start 和 end 位置,但 GPT 自己也能发现问题,并且给出了另一个解决方案,并且非常贴心解析了这段代码 根据 GPT 提示,是空字符文本节点导致问题...因此应该在 TreeWalker 遍历节点之后再进行高亮节点替换,于是让 GPT 继续改 :在 TreeWalker 遍历过程修改节点,会遍历到新节点,需要延迟修改节点 GPT: 是的,你说很对

31830
您找到你想要的搜索结果了吗?
是的
没有找到

你不知道 DOM 变动观察器:Mutation observer

: true // 将旧数据传递给回调 }); 如果我们在浏览器运行上面这段代码,并聚焦到给定 上,然后更改 edit 文本,console.log...那么,我们应该在什么时候执行该高亮显示方法呢?我们可以在 DOMContentLoaded 事件执行,或者将脚本放在页面的底部。...我们是否需要在每个地方都附加一个高亮显示调用,以在内容加载完成后,高亮内容代码。那很不方便。 并且,如果内容是由第三方模块加载,该怎么办?...mutation of mutations) { // 检查新节点,有什么需要高亮显示吗?...请先运行前面那段代码(上面那段,观察元素),然后运行下面这段代码。你将看到 MutationObserver 是如何检测并高亮显示代码

2.1K10

零基础学并查集算法

如果是1个连通分支,说明整幅图上都连起来了,不用再修路了;如果是2个连通分支,则只要再修1条,从两个分支各选一个,把它们连起来,那么所有的都是连起来了;如果是3个连通分支,则只要再修两条...并查集由一个整数型数组和两个函数构成。数组pre[]记录了每个前导什么,函数find是查找,join是合并。...这样一,两派原先所有人员终极boss都是师太,那还打个球啊!反正我们关心只是连通性,门派内部结构不要紧。”玄慈一听肯定火大了:“靠,凭什么变成她手下呀,怎么不反过来?抗议!”...,有n个城镇,一条都没有 //那么要修n-1条才能把它们连起来        total=n-1;        //每个互相独立,自成一个集合,从1编号到n //所以每个上级都是自己       ...{ //下面这段代码,其实就是join函数,只是稍作改动以适应题目要求            //每读入一条,看它端点p1,p2是否已经在一个连通分支里了            scanf("%d

1.2K80

【iOS】一段防护代码引发内存风暴

该版本在线上运行了一个月时间。 现在出现有大量反馈,优先考虑引起原因是配置下发变更或者前后端代码发布,影响了线上代码分支逻辑。...拉通各个团队同学一起排查对应时间相关发布,发现在前一天10钟,有一个配置发布,在外网开启了针对数组越界防护代码。 出于控制变量角度,将相关配置进行回滚。...那么为什么开启这段防护代码后,会出现内存问题呢? 3.2问题复现 首先在本地直接开启相关配置后进行调试,利用Xcode和Instrument查看实时内存水位查看能否复现问题。...而对比最新CF代码版本,这段逻辑改成了数组逻辑 也就是确实这个问题应该只会在高一版本才会出现。...通过工程修改,也验证了这个问题已经不会再出现。 七、复盘与总结 这一次线上问题排查,实际上过程也是拉通了相当多业务团队同学们一起追溯原因。 事后团队内复盘也发现了不少基建能力上不足。 1.

55610

可以用于云原生Skywalking框架原理你真的懂吗

✨博主介绍 全链监控 什么是全链监控,为什么我们需要全链监控?...什么是全链监控,为什么我们需要全链监控?...1、全链监控:对请求源头到底层服务调用链中间所有环节进行监控。 2、为什么需要:对于单体应用,我们可以很容易地监控和分析它性能。...当创建新跨度时,这个活跃跨度默认会被当做父节点(Parent Span),每个线程有且只有1个活跃跨度。...性能剖析实现原理 当线上代码运行缓慢时,我们希望找出缓慢原因。一种常见方式就是增加日志打印→重新编译→重新提测→上线观察→找到问题后修改代码→重新编译……一套流程走下来一周就过去了。

1.7K10

聊聊传统压测和全链压测区别

每次上线特别是大促阶段,还是提心吊胆怕出问题。 全链压测落地过程挑战 虽然全链压测解决了传统压测过程种种痛,可以为线上性能评估提供更多详实参考建议。...:在全链压测实施过程,实时可视化监控监控是很重要。...在整个压测链,能实时观察到每个调用链具体信息,对问题快速发现和定位有重大帮助。 服务保护机制:全链压测是在生产环境进行,压测过程,除了要防止数据污染,还要考虑到不把生产服务压垮。...因此需要一套完整机制保证,压测在正常实施同时,不对生产服务应用造成影响。 在上家公司推动落地生产全链压测过程,就遇到了上述几点挑战,且这个过程也踩了不少坑。...业务代码0侵入:在接入、采集和实现逻辑控制时,不需要修改任何业务代码; 链自动梳理:仅需部署客户端,无需对应用进行任何改造,就可以看到所有的服务调用关系,快速理解系统架构,并且通过链架构图可以详细了解链路经过应用

1.4K10

全链压测(4):全链压测价值是什么

在开始真正介绍落地实践过程以及相关案例之前,想和大家聊聊,对全链压测一些认知,即:全链压测在技术团队定位,以及它价值是什么。 业务和技术是什么关系?...在聊这个topic之前,先回想下在第一篇文章阐述一个观点:全链压测创造了什么价值?...那么精准测量线上系统容量,对处理能力薄弱节点进行扩容升配,优化性能就是很有必要。...全链压测对稳定性保障价值 聊了这么多,回到文章顶部,所要表达内容,全链压测价值是什么?...,通过前面的几篇文章,从认识全链压测到项目立项以及技术调研和测试验证,试图从另一个视角为大家揭秘全链压测另一面。

1.2K20

【云+社区年度征文】小程序云开发挑战赛|是如何从初赛走到决赛

单是职业赛道就有1000多人,进复赛希望渺茫,不过这段时间也学习到很多新技术,挺不错。 在这段休息时间里总结了 4 篇技术文章: 《如何优雅调用云函数?》...最终确认要做东西不多,花了 4 天就做完了。 接下来复赛还需要准备PPT进行 10 分钟线上直播演 + 5 分钟答疑,这对来说是一个挑战,让代码还凑合但是做PPT这个确实不在行。...视频内容 当视频出来都时候,进决赛信心增加了不少。 复赛比赛时间转眼间就到了。在演过程由于演讲稿子提前已经反复练习了很多次了内容都熟记于心。...从10月20日到决赛在这个过程每天都在思考如何将这个产品核心功能做更深入,而不仅仅只是将线下「爱情兑换券」线上化了。在这段时间看了大量情侣之间如何更好相处书籍、问答、专栏。...第一天,官方人员带领所有参赛选手参观了深圳腾讯大厦 第二天,决赛开始,因为前期准备比较充分,所以整个演,评委提问过程都非常稳。 视频内容 ? ? 最终获得来职业组第一名。

53931

什么是链追踪?分布式系统如何实现链追踪?

什么是链追踪?...链追踪是分布式系统下一个概念,它目的就是要解决上面所提出问题,也就是将一次分布式请求还原成调用链,将一次分布式请求调用情况集中展示,比如,各个服务节点耗时、请求具体到达哪台机器上、每个服务节点请求状态等等...这样采样频率其实足够我们分析组件性能了,按 3 秒采样 3 次,这样频率采样数据会有啥问题呢。理想情况下,每个服务调用都在同一个时间,这样的话每次都在同一时间采样确实没问题。...ZipKin 是需要在应用程序,对代码侵入强,而 SkyWalking 采用 javaagent + 插件化这种修改字节码方式可以做到对代码无任何侵入。...以上虽然主要以SkyWalking为例介绍链追踪系统,但是并不是说其他链追踪系统一不适用。具体选择什么,大家可按实际场景灵活选择。

1.4K20

MinTalk | 吃一堑长一智Docker之旅

自信满满地删掉了目前正在运行container,重新使用修改之后代码build了一个新image,作为最终版服务起起来。...在之前container,为了模拟线上运行环境,在另一台机器上使用flark搭了一个简易后台,只负责一个接口一种数据返回,其他啥也不能做,但这对来说就足够了。...之后,修改了正在搭建服务器代码,让原本应该去远端调用请求,发给了我简易服务器,解决了这一步数据拿不到导致问题。...直到后来,当我终于搞明白以为有用代码修改其实半毛钱用都没有,才想起来,之所以之前成功运行,是因为在之前container里面直接修改了host文件,硬把对着远端域名发出去请求,转给了我简易服务器...在这个服务container里研究研究去,服务本身好像都没什么问题,接收方container也被查了个遍,貌似也没问题。

21910

腾讯云对象存储COS助力VIPKID业务增长技术实践

,性能将逐步降低,因为,每次IO请求,均要去目录树查找到所要访问文件,查找所需时间跟目录深度和目录广度呈线性关系,再叠加目录树修改、多节点并发修改,将会更加糟糕。...COS扁平式架构,完美解决目录树耗时查询和并发修改等问题,实现容量无上限。 COS容量无上限,解决存储最普遍,扩容。正因为扩容苦楚,每次使用存储之前,精确做容量规划,避免后续扩容烦恼。...但这次突如其疫情,提前是很难估计容量需求,COS容量无上限正好解决此痛。...max(每个节点listcount条记录集)} ,大幅降低记录数量,加速归并性能。...过期删除以会话索引为单位管理,采用FIFO队列管理最早待清理区间,以便快速定位过期记录。 三、结语 《2018国在线教育行业白皮书》显示,预计2020年国在线教育用户规模将达2.96亿人。

90970

白话神经网络

零、什么神经网络 概念 所谓神经网络简单说就是包含多个简单且高度相连元素系统,每个元素都会根据输入来处理相关信息。...这里所说最终处理有可能是输出结果,也有可能是作为输入数据传入到另外神经网络或者节点进行下一轮处理。 在上面的内容我们多次提到节点,那么什么节点呢?...训练简述 前面讲解了神经网络和节点概念,下面我们就看一下神经网络是怎么训练。简单说就是修改输入层输入权重,通过隐藏层处理数据,再通过激活函数对它们进行最终处理。...简单地说线性函数是在直线上或几乎在直线上函数,非线性函数是不在直线上函数(哈哈解释够简单吧) 感知器 感知器是一种特殊节点,当输入为正或0该函数返回1,否则返回0,具有这种激活函数节点称为感知器...为了能达到最小化该误差,还必须算出每个权重误差导数来向后传播,然后从权重减去误差导数。通过前向传播,可以显示神经网络行为并找到误差。找出误差率后可以后向传播并使用梯度下降形式更新权重值。

28420

美团点评:打造微服务自动化测试与持续集成工具链实践

2.解决方案 微服务环境两个关键:Merge到主分支前,提测前自动检测。...关键节点1: 代码提交和Merge到主分支,拉分支会自动创建CI Job,Push代码触发扫描,PR Merge到主分支触发扫描,PR更新触发再次扫描,通过允许Merge到主分支。...这样可以做到不把问题带到线上分支,并且前置方式约束RD在上线前就解决问题。 ? 关键节点2: 提测前还要再次自动检测。...当需求提测时候,根据提供发布信息自动创建对应Pipeline,点击提测之后会自动出发Pipeline执行,自动部署,并做冒烟测试。Pipeline会明确显示冒烟测试结果是什么,问题在哪里。...在Pom无侵入修改引入Jar包;一键接入单测覆盖率服务。 静态代码扫描CI服务,Sonar服务器进行线上监测。 自动部署,做冒烟测试。 内存扫描分析CI服务。

1.2K10

推荐一个检测 JS 内存泄漏神器

大家好,是 ConardLi。作为一名 Web 应用程序开发者,排查和修复 JavaScript 代码内存泄漏一直是最困扰问题之一。...虽然主流 JavaScript 运行时都有垃圾回收机制,那么为什么还会有内存泄漏呢? JavaScript 代码可能会有很多隐藏对象引用,而隐藏引用会以许多意想不到方式导致内存泄漏。...例如: var obj = {}; console.log(obj); obj = null; 在 Chrome ,即使我们将引用设置为 null ,这段代码也会泄漏 obj 。...例如,我们内置检漏器会跟踪 React Fiber 节点返回链,检查 Fiber 节点是否与 React Fiber 树分离。...在视图中,堆每个 JavaScript 对象或原生对象都是一个图节点,堆每个 JavaScript 引用都是一个图边。

2.9K20

第十六篇:剖析 Fiber 架构下 Concurrent 模式实现原理

这次更新,下图高亮 rootFiber 节点就会被复用:  这段复用逻辑在 beginWork 调用链 createWorkInProgress 方法里。...如果它和目标的 workInProgress 节点之间存在差异,直接在该节点修改属性、使其与目标节点一致即可,而不必再创建新 Fiber 节点。...update 创建 接下来继续以开篇 Demo 为例,为你拆解更新链要素。...dispatchAction 更新调度动作,在函数末尾,如下图所示: 这里有一个需要提示一下:dispatchAction ,调度是当前触发更新节点,这一和挂载过程需要区分开来。...如果你对之前学过同步渲染链分析还有印象,相信你对下面这段逻辑不会陌生: 这是 scheduleUpdateOnFiber 一段逻辑。

39430

致 DBA:为什么你经常犯错,是因为你做功课不够

走来,感触非常深。然而绝大多数错误其实都是很低级错误。 一如 5 年前,刚进入 DBA 行业,缺乏经验,经常犯错误,不是不够努力,更多是初咋到根本不知道应该在哪方面下功夫。...不由得想起 5 年前,刚进入 DBA 行业,缺乏经验,经常犯错误,不是不够努力,更多是初咋到根本不知道应该在哪方面下功夫。...问完这两个问题,更次一是找研发详细了解里面的运行逻辑,以及部署详情,日志存放,出现问题如何排查等。更好办法,是找研发要代码,然后自己去看对应按钮后面代码逻辑。...有的同学会说,编码能力差,看不懂。这个不用担心,相信我,要基本看懂研发写代码其实并没有那么难。践行一下你就会知道。等你看完研发代码,估计很快就可以自己写一个类似的功能出来。...有句话说是:"我们之所以经常犯错,就是因为我们做功课不够"。如果你有很多功课拉下了,请安排事件逐步补上,要坚信一切都是闲淡,热闹中使用。

1.4K22

如何将后端BaaS化:业务逻辑拆与合

反过来看,如果我们拆解得太粗,调用链倒是短了,但是这个微服务复用性就差了,更别提因为高耦合带来复杂且冗余数据库表结构,让我们后续难以维护。画了个图,你感受下。 ?...其次那些跟业务逻辑无关节点,逐渐被边缘化,甚至消失。我们看这些聚集成团节点,如果团里聚合太近了,其实是不适合拆分,它们整体应该作成一个微服务。...我们可以将用户请求想象成我们呼吸系统,我们肺就是 SFF,而微服务和 FaaS 节点就是需要氧气各个器官。我们吸一口气,氧气进入肺部,血液循环将氧气按顺序流经我们每个器官,这就是请求链。...流水线每个节点产生结果,都会作为下一个节点必要启始参数。 ? 我们先看看上图,解释下这个流程。 我们代码合并到指定分支后,通常我会用 Develop 分支。...模拟验证通过,发布代码实例到灰度环境。 线上根据灰度策略,将小部分流量导入灰度环境验证灰度版本。

38620

浅谈SD-WAN故障排除

与简单网络管理协议(SNMP)陷阱相比,更喜欢使用syslog事件,因为它们不需要将特定管理信息库加载到管理系统查看详细信息。...所有事件都应该在每日或每周摘要中报告,以确保最终可以看到遗漏事件 - 比如说,知道一半冗余设计不起作用是件好事。 活动链测试。SD-WAN使用多链提供可靠端到端服务。...数据包是否在SD-WAN设备之间采用了合适路径? SD-WAN设备测量它们之间延迟、数据包丢失和抖动,并使用策略确定每个应用程序应使用哪个链。...MPLS链可能有SLA,而廉价宽带链则没有。 这里可能需要采用分治法。有选择地一次只启用一个物理链,并验证链是否正常工作。然后,尝试链组合,最终得到所有链运行。...检查接口统计信息以确定是否存在双工不匹配,即使您无法检查以太网链路上每个接口配置。全双工接口将显示收到runt数据包,半双工接口将显示延迟冲突。

1.3K20

如何将后端BaaS化:业务逻辑拆与合

反过来看,如果我们拆解得太粗,调用链倒是短了,但是这个微服务复用性就差了,更别提因为高耦合带来复杂且冗余数据库表结构,让我们后续难以维护。画了个图,你感受下。...其次那些跟业务逻辑无关节点,逐渐被边缘化,甚至消失。我们看这些聚集成团节点,如果团里聚合太近了,其实是不适合拆分,它们整体应该作成一个微服务。...我们可以将用户请求想象成我们呼吸系统,我们肺就是 SFF,而微服务和 FaaS 节点就是需要氧气各个器官。我们吸一口气,氧气进入肺部,血液循环将氧气按顺序流经我们每个器官,这就是请求链。...流水线每个节点产生结果,都会作为下一个节点必要启始参数。 我们先看看上图,解释下这个流程。 我们代码合并到指定分支后,通常我会用 Develop 分支。...每次代码进入发布管道,都必须先在测试环境跑通,跑通后安全卡口放行,才能进入线上环境流水线。

44350
领券