【JS】day 09 BOM DOM
day091. BOMBOM全称：Broswer Object Model 浏览器对象模型(1) window的属性能通过点访问的东西都是属性或者方法；所有对象的爹都是window: 省略window,默认该对象的前缀（爹元素）就是window；所有全局变量都是window对象的属性；var a =123;console.log(window.a);所有全局函数都是window对象的方法；function fun(){conso...
2024-01-10
DOM事件与事件委托
问题<div class=爷爷><div class=爸爸><div class=儿子>文字</div></div></div> 结构为爷爷->爸爸->儿子分别给三个div添加事件监听为: fnGranderFather,fnFather,fnSon问题1: 如果点击文字，请问点击了谁？点击文字，点击了儿子？点击文字，点击了爸爸？点击文字，点击了爷爷？答案: 三个都被点击了...
2024-01-10
DOM解析手册
JAVA解析XML手册XML文档以层级标签的形式来组织数据，多用于配置文件、存储静态数据、交换数据。XML文档解析首先我们要知道，“XML中的内容都是结点”，这句话的意思是：XML文档中，无论是 <> </> 符号的里面的内容（属性）、之间的内容（结点值）、还是 <> 本身（结点），都是Node，就连标签之...
2024-01-10
DOM事件机制
一、捕获和冒泡事件冒泡和事件捕获分别由微软和网景公司提出，这两个概念都是为了解决页面中事件流（事件发生顺序）的问题。<div id="outer"><p id="inner">Click me!</p></div> 上面的代码当中一个div元素当中有一个p子元素，如果两个元素都有一个click的处理函数，那么我们怎么才能知道哪一个函数...
2024-01-10
JSON序列化DOM元素
如果我做：var el ={ o : document.createElement("iframe")}var fs = JSON.stringify(el);and then I try to access withvar ofs = JSON.parse(fs);ofs.o 包含一个空对象，而不是iframe元素，为什么？回答：JSON（ JavaScript对象 表示法） 为序列化DOM节点 设计的，您需要自己拉出所需的内容并将其写入对象，然后根据需要重新创建D...
2024-01-10DOM基础教程之使用DOM控制表格
表格的css控制就先不说了，首先分享下表格常用的DOM表格添加操作的方法常用的为insertRow()和insertCell()方法。row是从零开始计算起的，例如：var oTr = document.getElementById("member").insertRow(2)是指将新行添加到第二行。var aText = new Array();aText[0] = document.createTextNode("fresheggs");aText[1] = document.createTextNod...
2024-01-10DOM 克隆元素
示例可以通过在元素上调用cloneNode方法来克隆元素。如果传递给的第一个参数cloneNode是true，则原始对象的子代也将被克隆。var original = document.getElementsByTagName("li")[0];var clone = original.cloneNode(true); ...
2024-01-10
深入了解虚拟DOM和DOM-diff
虚拟DOM和比对算法讲解 本篇文章是在近期的学习中整理出来的，内容是有关 Vue2.0中 虚拟DOM 和比对算法的解释。本篇依旧秉承着尽力通俗易懂的解释。如若哪部分没有解释清楚，或者说写的有错误的地方，还请各位 批评指正近期我还在整理 个人的Vue的所学。从0开始再一次手写Vue。本篇内容将会...
2024-01-10DOM事件探秘篇
1.事件流时间流--- 描述的是从页面中接受事件的顺序。（1）事件冒泡流。事件最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体的那个节点（文档）。（2）事件捕获流。不太具体的节点应该更早接受到事件，而最具体的节点最后接受到事件。2.JS事件探...
2024-01-10DOM事件优先级
JavaScript处理事件的优先顺序是什么？以下是按字母顺序排列的事件…onabort-图像加载中断onblur-元素失去焦点onchange-用户更改字段的内容onclick-鼠标单击对象ondblclick-鼠标双击一个对象onerror-加载文档或图像时发生错误onfocus-元素获得焦点onkeydown-按下键盘键onkeypress-按下或按住键盘键onkeyup-释放键...
2024-01-10
【JS】虚拟DOM如何进化为真实DOM
前言Vue和React的Render函数中都涉及到了Virtual DOM的概念，Virtual DOM也是性能优化上的重要一环，同时突破了直接操作真实DOM的瓶颈，本文带着以下几个问题来阐述Virtual DOM。1.为什么要操作虚拟 DOM?2.什么是虚拟 DOM?3.手把手教你实现虚拟 DOM 渲染真实 DOM希望阅读本文之后，能够让你深入的了解虚拟 DOM...
2024-01-10
react的虚拟DOM转换成DOM过程
1：babel的支持 我们知道HTML5文本中，我们是无法使用jsx的，例如，下面的定义就会出错： let vdom = (<div id="box"> <div>hello ,World!</div> <span>你好吗</span> </div> ) babel也提供了远程cdn支持，所以我们只需要在头部引用 <script src="https://unpkg.com/[email protected]/babel.min.js"></script> 就行了。2:vdom转换...
2024-01-10基本DOM节点操作
1、获取元素节点getElementById()：获取指定唯一id的元素。getElementByTagName()：获取指定元素标签名的元素数组。getElementByName()：获取具有指定属性name的元素数组。2、子节点element.childNodes：返回该元素的子节点数组。注意：换行在浏览器中作为text节点，需要进行过滤element.firstChild：该元素的第一个子...
2024-01-10
谁动了我的 DOM？
在某些场景下，我们希望能监视 DOM 树的变动，然后做一些相关的操作。比如监听元素被插入 DOM 或从 DOM 树中移除，然后添加相应的动画效果。或者在富文本编辑器中输入特殊的符号，如 # 或 @ 符号时自动高亮后面的内容等。要实现这些功能，我们就可以考虑使用 MutationObserver API，接下来阿宝哥将带大...
2024-01-10向DOM添加数据属性
$(‘div’).data(‘info’, 1);alert($('div').data('info'));//this works$('div[data-info="1"]').text('222');//but this don't work我在jquery中创建元素。之后，我要添加属性“数据”。他很喜欢，并且被添加了，但是在DOM中，这并不明显，我无法使用$('div[data-example="example"]').html()回答：使用.data()方法：$('div').data('info'...
2024-01-10
DOM事件和事件委托
【前言】在网页端、移动端H5、小程序等各个终端环境的前端开发中随处可见事件的运用，可见事件机制的是前端这一块的重中之重。【目录】 一、从实例看事件传递 二、事件传递 三、事件添加 四、取消冒泡 五、事件委托 六、封装事件委托 七、自定义事件...
2024-01-10
React---虚拟DOM与DOM Diffing算法
一、key的作用1. 虚拟DOM中key的作用： 1). 简单的说: key是虚拟DOM对象的标识, 在更新显示时key起着极其重要的作用。 2). 详细的说: 当状态中的数据发生变化时，react会根据【新数据】生成【新的虚拟DOM】, 随后React进行【新虚拟DOM】与...
2024-01-10DOM 事件冒泡和捕获
示例在DOM元素上触发的事件不仅会影响它们所针对的元素。DOM中目标的任何祖先也可能有机会对此事件做出反应。考虑以下文档：<!DOCTYPE html><html><head><meta charset="utf-8" /></head><body> <p id="paragraph"> <span id="text">Hello World</span> </p></body></html>如果我们仅将侦听器添加到每个元素而没有任...
2024-01-10
【JS】如何遍历DOM
最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。github 地址：https://github.com/qq44924588...简介我们知道可以使用document对象的内置方法通过ID，类，标签名和查询选择器来访问HTML元素。 DOM 是由节点树构成的，document 节点位于根，其他每个节...
2024-01-10AJAX和NS_ERROR_DOM_BAD_URI错误
我一直遇到以下问题，我认为这可能是由于我的方法可能会被误导的事实，但是希望在您的帮助下我可以解决这个问题！基本上，对于我的网站，我有一个搜索提供程序（已经付款了，所以我没有违反任何使用条款）。提交搜索表单后，我将被定向到显示结果的域。尽管我可以自定义返回结果的外观...
2024-01-10W3C DOM支持哪些方法？
以下是W3C DOM支持的方法-序号属性和说明1createAttribute(name)返回具有指定名称的新创建的Attr节点。例如-document.createAttribute(name)2createComment(text)创建并返回一个包含指定文本的新Comment节点。例如-document.createComment（文本）3createDocumentFragment()创建并返回一个空的DocumentFragment节点。例如-document.createDocumentFragm...
2024-01-10
VO，BO，PO，DO，DTO 确实搞不明白？
比如一个用户 User 模型如果是 Controller 层里面注册接收前端数据，这个时候是不是叫 @RequestBody UserDto userDto，如果是后端返回给前端的是不是叫 UserVo userVo；那 service 层的是不是叫 UserBo然后就是与数据库对用的就是 UserDo让用户注册，是不是接收到 UserDto 转成 UserBo 转成 UserDo 入库获取是不...
2024-03-06“ NS_ERROR_DOM_BAD_URI：拒绝访问受限制的URI”
我有一个HTML文件，其中有几个直接以脚本标签编写的d3图形。当我将其中一张图外包到一个外部js文件中时，我收到此消息“NS_ERROR_DOM_BAD_URI：拒绝访问受限制的URI”。如果我使用d3.json删除读取本地json文件的代码，则错误消失。但是必须有可能在嵌入到HTML中的外部js中加载json文件，对吗？d3.json("forcetr...
2024-01-10
修复NETWORK_BOOT_DUPLICATE_ADDRESS BSOD Win11或10
BSOD 是 Windows 11 或 10 中的一个严重缺陷，主要出现在操作系统启动时。当 NETWORK_BOOT_DUPLICATE_ADDRESS 发生时，关键进程失败并且计算机无法启动。与所有其他蓝屏错误类似，该故障有一个识别错误检查代码 0x000000BC，表示在启动网络时分配给该计算机的重复 IP 地址。此错误检查指定当 TCP 或 IP 为其 IP 地址发送 ARP 时，它收到...
2024-02-25修复事件ID1104 Win11或10中的安全日志现已满
您可能会注意到Windows工具事件查看器中出现一个奇怪的问题，表明日志已超过最大大小。错误是“安全日志现已满，事件ID1104”，这可能会令人沮丧。这意味着您的Windows系统无法向安全日志添加新事件，因为它已达到最大容量。尽管此错误并不常见，但其主要原因在于事件日志故障。请参阅–修复Windows11或10中的LiveKernelEvent141硬件错误问题。事件 ID 1104 安全日...
2024-02-23
修复Win11/10上的WFP_INVALID_OPERATION蓝屏错误
一些 Windows 11 或 Windows 10 PC 用户报告说，他们有时会随机出现WFP_INVALID_OPERATION蓝屏错误，尤其是在他们的计算机上玩某些游戏时。在这篇文章中，我们提供了受影响的 PC 用户可以应用的最合适的解决方案，以轻松解决问题。此错误检查的值为0x000001D3。当您的设备上触发此蓝屏死机错误时，它仅表示 Windows 过滤平台标注执行了无效操作。什...
2024-02-11
Shadow DOM 301：高级概念 和 DOM API
本文将讨论更多有关 Shadow DOM 应用的精彩内容！文中内容基于在 Shadow DOM 101 和 Shadow DOM 201 中讨论的概念。在 Chrome 中，开启 about:flags 页面中的 Enable experimental Web Platform features 就可以体验本文介绍的所有内容。使用多个 shadow root假如你举办了一场聚会，要是把所有人都聚集在同一间屋子里会显得拥挤...
2024-01-10
修复 NET::ERR_CERT_DATE_INVALID 错误的 10种方法
有一个SSL证书，对于使用网站的人来说会更安心。NET::ERR_CERT_DATE_INVALID 错误表明证书有问题时，它会阻止访问者访问网站，直到问题得到解决。 这种情况可能会让网站所有者和用户都感到恼火。 好消息是 NET::ERR_CERT_DATE_INVALID 错误是一个相当普遍的问题，可能的原因很多。我们可以尝试各种潜在的...
2024-01-10如何在Wildfly 10上设置MariaDB JNDI？
我正在尝试将Tomcat Web服务移动到Wildfly10。我认为应该将其拖放到Wildfly的部署文件夹中，并且一切都应该没问题，但似乎并非如此。这是我的MariaDB数据源定义standalone.xml：<datasource jndi-name="java:jboss/MariaDBDS" pool-name="MariaDBDS"> <connection-url>jdbc:mariadb://db_ip/db_name</connection-url> <driver>mariad...
2024-01-10
Vue3.0核心源码解读| 组件渲染：vnode 到真实 DOM 是如何转变的？
纸上得来终觉浅，绝知此事要躬行。原文地址：http://www.eggcake.cn/posts/2020-12-21-vue3-core-source-code-1在 Vue.js 中，组件是一个非常重要的概念，整个应用的页面都是通过组件渲染来实现的，但是你知道当我们编写这些组件的时候，它的内部是如何工作的吗？从我们编写组件开始，到最终真实的 DOM 又是怎样...
2024-01-10HM-10 iBeacon：为什么AT + MEAS命令没有得到应答？
我试图用AT+MEAS?查询HM-10 iBeacon测量功率，但没有成功。模块根本没有响应。HM-10 iBeacon：为什么AT + MEAS命令没有得到应答？我检查了我的HM-10软件版本，使用AT+VERS?，它回答了HMSoft V540。该数据表说，AT+MEAS命令被添加到V519版本，所以这应该不是问题（除了他们删除它，但数据表没有说任何关于删除AT+MEAS...
2024-01-10
如何在Debian 10上安装Mono
Mono是一个用于基于ECMA/ISO标准开发和运行跨平台应用程序的平台。 它是Microsoft .NET框架的免费开源实现。本文提供有关如何在Debian 10上安装Mono的信息。先决条件假定您以root用户或用户的sudo特权身份登录。在Debian上安装MonoMono在标准Debian存储库中不可用。 我们将从官方Mono的存储库中安装Mono软件包。 这...
2024-01-10
如何修复Win11或10中的NZXT CAM蓝屏错误BSOD
您在使用NZXT Cam软件时是否遇到过神秘的蓝屏问题？别担心——你并不孤单！除此之外，一些用户还面临着计算机冻结和挂起的问题，这通常是由于软件冲突造成的。在这篇文章中，我们将为您提供一些可能的Windows中Nzxt Cam蓝屏错误的解决方案。Windows中Nzxt cam蓝屏错误或BSOD的解决方案以下是修复 Windows 中 NZXT Cam 蓝屏错误 BSOD 的方法 –方式一...
2024-02-21
