为什么我的功能在有条件的innerHTML后不起作用？ - 腾讯云开发者社区

文章/答案/技术大牛

发布

为什么我的样式不起作用？

还有一个Child的子组件，红底黑字。那么实际渲染出的样式是什么样子的呢。如下图: ? 实际看到的效果确实蓝底白字与红底白字，为什么与写的代码有出入呢。...究其原因为什么子组件的字体颜色不是黑色确是白色? ?...为什么同样.parent .component 和.child .component是父级覆盖子级? ?...将DOM和CSSOM合并为渲染树(rendering tree)将会被创建，代表一系列将被渲染的对象。渲染树的每个元素包含的内容都是计算过的，它被称之为布局layout。...最后文章首发于：为什么我的样式不起作用？参考：浏览器渲染原理与过程参考：CSS选择器从右向左的匹配规则 DEMO地址

6.8K2 0

为什么我的模型准确率都 90% 了，却不起作用？

举例来说，在处理用户流失（指用户在一段时间之后不再继续使用公司产品的情况）这类市场问题预测时，流失用户所占的百分比一般都会远低于留存用户的。...如果说这个例子里分类是八比二的话，那么只会有 20% 的用户终止了与公司继续接触，剩下 80% 的用户则会继续使用公司产品。但问题是，这 20% 的用户流失可能对公司非常的重要。...但在处理这类二元分类模型时，样本数量不平衡的两个类别通常会让事情变得棘手，而大多数的数据分析师所依赖的精度指标也并不是万能的。...成功的预测将为模型加分，而失败的预测也会有一定的扣分。...这种情况中的假正可能也就是多发几封邮件，你大概率也不会在意有五百个对产品非常忠诚的客户会受到多余邮件而造成的浪费，我们希望的是能通过消息提醒，保留住那些潜在的客户流失。

3.5K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

【三桥君】我为什么决定关闭ChatGPT的记忆功能？

终于，记忆功能在不久前正式开放了，我也尝鲜了这个备受期待的特性。然而，经过一段时间的使用，我却决定关闭它，为什么呢？首先，所谓的记忆功能，实际上就是一个自动化的系统提示词设置。...当你开启这个功能后，ChatGPT会在你与它的对话中自动捕捉一些信息，然后塞进系统提示词里。听起来是不是很智能？但实际上，这不过是一种自定义指令的功能。...我原以为开启记忆功能后，GPT会根据我的个人喜好来定制服务，但事实却恰恰相反。这个功能不仅没有让GPT更懂我，反而让它变得更加“智障”。...我不愿意自己的信息被这样搜集和利用，我相信很多朋友也有同样的顾虑。因此，从保护个人隐私的角度出发，我建议你也考虑关闭这个功能。三桥君顺便说说记忆功能的一些问题。首先，它并不智能。...它不仅没有提升我的使用体验，反而带来了不少麻烦和担忧。我希望我的经历能够给那些正在考虑是否开启这个功能的朋友一些参考。当然，每个人的需求不同，如果你觉得记忆功能对你有帮助，那么继续使用也无妨。

4101 0

功能上线后，系统崩了！我怎么把它救回来的？

今天我要分享的，就是一次线上紧急“救火”的经历：一个看似无害的功能上线后引发了全系统性能崩溃，从混乱中找到问题根源，到实施应急修复，再到彻底优化的全过程。这不仅是一场技术硬仗，更是一场心理考验。...：上线后访问量激增，系统崩了事情发生在某次版本发布后。...我们上线了一个新功能，用于推荐个性化内容，根据用户的历史行为计算最优推荐列表，理论上这是一个极大提升用户体验的功能。 ...上线后的第一小时，系统运行一切正常，监控指标也没有异常，我甚至还心情愉快地泡了杯咖啡。...真相初步浮现：新功能的实现逻辑在高并发场景下，完全无法支撑。应急处理：快速止血，恢复服务问题定位后，我们迅速制定了应急方案，目标是先恢复系统服务，再谈优化。

3893 2

为什么范围后索引会失效存储引擎不能使用索引中范围条件右边的列

此时叶子节点的数据排序后可能为 (a=1 b=1 c=1) (a=1 b=2 c=1) (a=1 b=2 c=3) (a=2 b=2 c=3) (a=2 b=2 c=5) (a=2 b=5 c=1) (...总结因为前一个条件相同的情况下当前条件才会是有序的。...当前一个条件不同那么无法保证当前条件为有序的所以索引失效再进一步，假设有以下数据 1(b=2,c=4) 2(b=2,c=5) 3(b=3,c=1) 4(b=3,c=2) 此时对于b 这四个数据都是有序的...至于为什么在c后面的索引也会失效(范围后全失效)，难道不能查完c之后，把c的结果当成索引继续吗？...综上所述，范围后的查询字段都不是有序的，所以索引都失效了。

3.2K2 0

（推荐，我的深度总结）聊聊为什么技术要先广后精，对技术新人的几点建议

在我30岁生日那天的文章中，我在文末给技术新人的几点建议中，第一点就提出来了“技术要先广后精”这个想法，今天我想针对这一点来谈谈我的看法。 ? 企业喜欢什么样的人 ?...我认为，IT行业实际上是一个两极化非常严重的行业，有的人工资非常高，有的人却找不到工作，这是为什么呢？要回答这个问题，我们首先要了解工资高的这一波人中，都有什么共同点。...在这份JD中，我们可以看到，工作经验只要1~3年，但是却仍然需要对分布式计算、数据挖掘等相关内容比较熟悉，那么这个时候，我们似乎就有些疑问了，为什么现在都是在这么要求，我只在我自己的专业领域中做的好不可以吗...所以，我们再回到最初的问题上，为什么在各个企业的招聘JD上会有这么多的要求，实际上不是企业要求高，而是这些我们真的需要掌握。技术要先广后精 ?...所以，话又说回来，为什么我认为技术要先广后精，因为只有站在全局来看待问题，你才能够知道应该从那个点突破，来去深入的研究，只有这样，我们才能使自己的职业道路走得越来越宽。

9543 0

如果Node.js已具备反向代理的功能，我为什么要使用反向代理？

Nginx是两种选择中比较流行的，并且还具有一些其他有益的功能，例如从文件系统提供静态文件的能力，因此我们将在本文中使用它作为示例。...既然我们知道反向代理是什么，我们现在可以看看为什么我们想要使用Node.js。我为什么要使用反向代理？ SSL终止 SSL终止是使用反向代理的最常见原因之一。...这样的工具允许其他强大的功能，如粘性会话，蓝/绿部署，A / B测试等。我个人在代码库中工作，在应用程序中执行此类逻辑，这种方法使应用程序很难维护。性能优势 Node.js具有很强的可塑性。...我们可以将其卸载到另一个工具，而不是将条件添加到我们的应用程序以检查进程是主进程还是工作进程。反向代理允许我们的应用程序专注于业务逻辑并忘记协议和流程管理。...所需的应用程序代码量也减少了。我强烈建议您在下一个生产Node.js应用程序时使用反向代理。

2K4 0

对比3家主流视频网站的上传功能后，我决定放弃一家

先来说说背景，2周前开始录制了一批软件使用的培训视频，总不能一直百度网盘发给客户下载观看。所以就开始上传到主流的视频网站。通过对比，发现用户体验差距不大，但细节上还是挺明显的。...细节腾讯视频优酷爱奇艺高清支持支持批量上传支持自定义封面支持播单链接支持支持微信小程序支持因为高清支持的问题，我暂时放弃了优酷。

6552 0

2026年React数据获取的第四重考验：为什么你的搜索功能闪烁——竞态条件和防抖节流深度解析

搜索功能的"闪烁"诡异现象某个应用的用户搜索功能上线后，用户反馈了一个奇怪的bug： "我搜索'张三'，结果显示的是'李'的数据，然后又闪回到'张三'。这太诡异了。"...第一部分：理解"竞态条件"——为什么会闪烁什么是竞态条件（Race Condition）？竞态条件是指多个操作争抢资源时，结果取决于它们的执行顺序，而这个顺序在运行时是不确定的。...↓ 如果最后返回的是一个旧请求，就会显示过时数据 ❌ 为什么网络请求不能保证顺序？...你的搜索功能是否生产就绪？...这些bug的根源往往就是： ❌ 没有理解竞态条件 ❌ 没有防止内存泄漏 ❌ 没有优化请求频率掌握了这一篇的内容，你就能：让搜索功能从"闪烁"变成"流畅" 让服务器负载降低50-90% 避免90%的React

1091 0

你不知道的Cypress系列（3） -- 是时候重构自己的思维了！

下面我们来一个个分析：（一）诡异的赋值 01 — 赋值不起作用赋值操作是最常见的了，赋值最常用的场景是获取元素的某个属性供以后使用。...02 — 赋值不起作用的原因写惯了Python或Java的同学往往会卡在这里觉得莫名其妙。其实也就是同步执行和异步执行的差异了。...异步执行：可以简单理解为，当你执行一个操作后，其后续的操作可以立即执行，当这个操作有结果后，再通过状态，通知或者回调来通知这个操作的调用方。...这就是为什么JavaScript是异步执行的，但是Cypress命令却能按照你的代码“顺序“执行的原因！...（三）拒绝条件测试 01 — 前面我提到了条件测试（Conditional Testing），实际上，条件测试常见常景如下： 1. 我想在元素存在或者不存在时，执行不同的操作。 2.

2.7K2 0

如何使用谷歌浏览器 Chrome 更好地调试

想象一下，你正试图在你的 chrome 控制台中预览或读取此返回的数据，以找出在你的应用程序中不起作用的内容。该console.log()函数通常将其显示为难以阅读或分类的文本输出。...调试期间重启帧借助 Chrome 新添加的 DevTools Restart Frame 功能，你可以在调试函数时遇到断点后重新运行前面的代码。...这意味着你可以在函数中某处暂停后立即重新运行前面的代码。因此，你可以在当前调用堆栈中穿越时间（尽管在有限的范围内）。注意：当你使用 Restart Frame Chrome 时，状态不会恢复。...执行指针简单地移动到函数的顶部。在 DOM 元素上添加断点（属性/模板更改）有时你可能需要在有条件或动态更改的 DOM 元素上放置断点或调试器。...尽管如此，这只是 Google Chrome 的 DevTools 中提供的众多功能的一小部分。你还使用哪些其他工具和技巧？可以在下面的评论区告诉我。

5.2K3 0

解决Matery代码块复制内容不换行问题

0x01 问题起因在Hexo Matery主题开启复制版权copyright，并且设置了版权的信息后，会导致Matery原有的代码块复制内容换行失效，具体问题如下图所示： 0x02 问题分析目前发现使用了...从以上的对比，很明显matery原本的复制内容是可以正常换行的，但问题就是出在有没有添加copyright的版权信息上。...>" + newdiv.innerHTML + ""; } 很明显问题就是出在这个判断语句上，既然复制内容不换行那就说明这个if条件判断是错误的。...所以由于if判断的条件是错误的才导致复制内容不会换行。...>" + newdiv.innerHTML + ""; } 修改完后重新部署博客，然后再试试复制内容效果，发现可以正常复制显示内容了 0x03 问题解决综上分析，解决办法为找到文件themes

1.2K3 0

别再说虚拟 DOM 快了，要被打脸的

虽然我同意虚拟 DOM 为我们提供了很多便利，但我将解释为什么我认为根据定义，更快的渲染和更快的更新是不正确的。要付出代价，其利益并不是大多数人想象或至少希望的。要阅读本文，您需要熟悉DOM。...search.innerHTML = ``; 虽然看起来上面的内容很简单，但它实际上并不起作用。...renderInput("bar"); 好吧，新 renderInput() 功能肯定看起来很酷，但我们已经知道这不是好方法。...虚拟DOM比精心设计的手动更新慢。为什么有些开发人员认为Virtual DOM更快在虚拟DOM（尤其是React）的早期，传播了一个神话，即虚拟 DOM 使 DOM 快速更新。...框架给你的保证是，你在不需要手动优化的情况下，我依然可以给你提供过得去的性能。

2.1K3 0

【技术创作101训练营】innerHTML插入运行js字符串问题探究

但是这就遇到了一个问题, jsp里引入的js库以及一些js代码就无法运行了, 所以就探索了一下innerHTML以及解析js的一些方法 1. innerHTML介绍有两个功能, 一个是可以获取指定DOM...的HTML元素, 另一个就是替换指定DOM的HTML元素 2. innerHTML插入js会发生什么什么也不会发生, 因为用 innerHTML 插入文本到网页中有可能成为网站攻击的媒介，从而产生潜在的安全风险问题...firefox 先将被插入 HTML 代码的元素从其父元素中移除，然后使用innerHTML插入包含SCRIPT元素的代码，最后将这个元素恢复至原父元素中，则经过此操作后SCRIPT中的脚本可以被执行。...对于实际来说, 我认为存在问题, 所以搜索了其他资料来解决问题 3....有什么取代innerHTML的方法 3.1 document.write 在有deferred 或 asynchronous 属性的 script 中，document.write 会被忽略，控制台会显示

1.4K0 0

小程序开发过程中遇到的坑

最近在做小程序方面的开发，遇到的坑总结如下，以便以后查阅。随着对小程序的进一步使用，文章会逐渐完善。分享成功或失败的回调在微信开发者工具上监测不到的，可以在手机上的vcConsole中看到。...保存图片到相册是在不支持网络地址的，需要先使用getImageInfo获取到图片path，然用这个path来调用保存图片API app.wxss中的公共样式在组件中不起作用，需要单独书写数组没有push...，可以使用concat代替使用encodeURIComponent()转译对象时，先试用JSON.stringfy()（其实这个不只是小程序的问题，是js的问题，encodeURIComponent接收字符串参数...js的innerHTML功能，可以使用wxParse代替 checkbox组件作为key值的index值必须是字符串 radio和checkbox在实际应用的时候，特别是需求样式与官方组件差别比较大，就自己去封装吧...，用官方组件实在太难用，如果你想在官方组件基础上二次封装，我个人突破了全不选功能，但是全选功能突破不了，过后我会在单独一篇文章中分享radio和checkbox的二次封装。

6781 0

js事件委托的理解转

ev.srcElement; 　　　　if(target.nodeName.toLowerCase() == 'li'){ 　　　　　　　 alert(123); 　　　　　　　 alert(target.innerHTML...break; } } } } 所写的事件对应新增加的元素是不起作用的...，用事件委托则可以如下：一般写法需要额外调用一次函数，否则onmouseover onmouseout 对于新增加的第5行不起作用 window.onload = function(){...num++; var oLi = document.createElement('li'); oLi.innerHTML...我的理解是：事件委托都是在外围的div添加事件，当点击内部的一个元素时，即使这个元素没有onclick事件，依然会从内到外执行onclick事件，js中外部div 添加事件的函数内 var ev = ev

1.6K2 0

一次对 Tui Editor XSS 的挖掘与分析

这里处理的比较粗暴，而且也无法使用HTML编码来绕过关键字——原因是，在字符串赋值给innerHTML的时候，HTML属性中的编码已经被解码了，所以在属性检查的时候看到的是解码后的内容。...这也是我在知识星球的XSS小挑战中讲到的那个小trick，条件竞争。...这里所谓的“条件竞争”，竞争的其实就是这个onload属性在被放进DOM树中开始，到在后续移除函数将其移除的中间这段时间——只要这段代码被放进innerHTML后立即触发onload，这样即使后面它被移除了...那么想要找到这样一个Payload，它需要满足下面两个条件：在代码被放进innerHTML的时候会被触发事件触发的时间需要在被移除以前第一个条件很好满足，比如最常用的XSS Payload 条件更加玄学，以至于我虽然知道一些可以利用的Payload，但并不知道它为什么可以利用。

8544 0

JS-DOM 综合练习-动态添加删除班级成绩表

window.onload在最上面，也是页面加载完成后执行的效果，就和我之前做ZTA官网的bug一样了，那么后添加的就不能执行onmouseover的变色函数了。...那该怎么办，后添加的东西怎么再调用这个已经加载好的函数？把函数放到下面起作用吗？...for(var i = 1; i 的表头，你可以把i=0，然后把鼠标放到学号那一行，就知道为什么改1了 tr[i...把提交的数据传进去以后不调用这个函数，调用后台的数据，把td的内容innerHTML来等于后台的代码 td.innerHTML = ""; tr.appendChild...我说怎么deleteRow(this)地方不变色呢 //3，就是找到正确的tr的位置，然后删除，这里大家都说还有一个隐藏的tbody，究竟是什么不讲理的东西？

4.6K8 0

2024全网最全面及最新且最为详细的网络安全技巧七之 XSS漏洞典例分析POC以及如何防御和修复(5)———— 作者：LJS

7.14.4基于条件竞争的绕过方式到现在，我仍然没有找到一个在Tui Editor中执行无交互XSS的方法。...这里所谓的“条件竞争”，竞争的其实就是这个onload属性在被放进DOM树中开始，到在后续移除函数将其移除的中间这段时间——只要这段代码被放进innerHTML后立即触发onload，这样即使后面它被移除了...那么想要找到这样一个Payload，它需要满足下面两个条件：在代码被放进innerHTML的时候会被触发事件触发的时间需要在被移除以前第一个条件很好满足，比如最常用的XSS Payload 后的HTML，而这个sanitizer使用了很经典的先设置DOM的innerHTML，再过滤再写入页面的操作。...在本文中，我将向您展示，如何通过使用深奥的网络功能将其缓存转换为漏洞并利用传送系统来破坏网站，受众是任何能在请求访问其主页过程中制造错误的人。我将通过漏洞来说明和开发这种技术。

8221 0

聊聊我对现代前端框架的认知

现在前端界有三大框架横行，Vue，React，Angular，几乎是所有身为一名前端工程师所必备的一项技能。但是我不知道有多少人仔细思考过为什么会这样？...最简单粗暴的解决方式，也是我平时在没有使用任何框架的项目里写的一些简单的功能时最常用的方式是用状态生成一份新的DOM，然后用innerHTML把旧DOM替换了。...我写的小功能块用这种方式没问题，因为功能涉及到的DOM标签少，状态变的时候，几乎就是我这个功能块的所有标签都需要变，所以即便是用innerHTML也不会有太大的性能浪费，是在可接受范围内的。...相对比较React和Angular粒度都比较粗，他们的变化侦测其实不知道具体哪个状态变量，所以需要一个暴力的比对，比对后才知道需要对视图中的哪个部分进行更新。...所有技术解决方案的终极目标都是在解决问题，都是先有问题，然后在有解决方案，解决方案可能并不完美，可能解决方案有很多种，那么他们之间都有哪些优缺点？解决问题的同时各自都做了哪些权衡和取舍？

9512 0

点击加载更多

为什么我的样式不起作用？

为什么我的模型准确率都 90% 了，却不起作用？

【三桥君】我为什么决定关闭ChatGPT的记忆功能？

功能上线后，系统崩了！我怎么把它救回来的？

为什么范围后索引会失效存储引擎不能使用索引中范围条件右边的列

（推荐，我的深度总结）聊聊为什么技术要先广后精，对技术新人的几点建议

如果Node.js已具备反向代理的功能，我为什么要使用反向代理？

对比3家主流视频网站的上传功能后，我决定放弃一家

2026年React数据获取的第四重考验：为什么你的搜索功能闪烁——竞态条件和防抖节流深度解析

你不知道的Cypress系列（3） -- 是时候重构自己的思维了！

如何使用谷歌浏览器 Chrome 更好地调试

解决Matery代码块复制内容不换行问题

别再说虚拟 DOM 快了，要被打脸的

【技术创作101训练营】innerHTML插入运行js字符串问题探究

小程序开发过程中遇到的坑

js事件委托的理解转

一次对 Tui Editor XSS 的挖掘与分析

JS-DOM 综合练习-动态添加删除班级成绩表

2024全网最全面及最新且最为详细的网络安全技巧七之 XSS漏洞典例分析POC以及如何防御和修复(5)———— 作者：LJS

聊聊我对现代前端框架的认知

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐