【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
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公钥不可用：NO_PUBKEY F76221572C52609D
对于以下docker文件：FROM microsoft/aspnetcore-build:1.0.1ENV DOTNET_SKIP_FIRST_TIME_EXPERIENCE 1# This is FROM openjdk:8-jdk RUN apt-get update && apt-get install -y --no-install-recommends \ bzip2 \ unzip \ xz-utils \ apt-tra...
2024-01-10
DJI Action 2对比GoPro 10哪款相机胜出？
说到运动相机，人们会想到两个最好的名字，那就是 DJI 和 GoPro。在考虑整个运动相机行业时，后者几乎是一个动词，但 DJI 正在继续巩固其优势并发布有竞争力的产品以蚕食GoPro 的市场份额。没有比 DJI Action 2 和GoPro 10更能体现这一点的了，因为这两款运动相机是该领域的巅峰之作，随时可以随身携带，捕捉任何东西。那么，这两款相机如何匹配，哪一款更适合您？让我们来看看...
2024-03-05详解如何在 CentOS 7 上安装和安全配置 MariaDB 10
MariaDB 是 MySQL 数据库的自由开源分支，与 MySQL 在设计思想上同出一源，在未来仍将是自由且开源的。在这篇博文中，我将会介绍如何在当前使用最广的 RHEL/CentOS 和 Fedora 发行版上安装 MariaDB 10.1 稳定版。目前了解到的情况是：Red Hat Enterprise Linux/CentOS 7.0 发行版已将默认的数据库从 MySQL 切换到 MariaDB。...
2024-01-10VBS基础篇 - 循环(for、Do、While)
经常地，当编写代码时，我们希望将一段代码执行若干次，我们可以在代码中使用循环语句来完成这项工作。循环可分为三类：一类在条件变为 False 之前重复执行语句，一类在条件变为 True 之前重复执行语句，另一类按照指定的次数重复执行语句。For...Next：指定循环次数，使用计数器重复运行语句D...
2024-01-10
Domino中使用JAVA代理
Domino中使用JAVA代理一定要小心，特别是R5的版本。1、及时地对所用到Notes Object（session,agentContext,db,view,document. 等等）进行Recycle()处理。可以参考IBM网站上的这篇文章：http://www-1.ibm.com/support/docview.wss?uid=swg21097861;2、对于jar包的调用，最好放在notes.ini文件中，而不是在编写Java Agent的过程中处理，我们可以...
2024-01-10
Vue3 DOM Diff 核心算法解析
观感度：????????????????????口味：辣炒花蛤烹饪时间：10min想要搞明白 Vue3 的 DOM Diff 核心算法，我们要从一道 LeetCode 真题说起。我们先来一起读读题：LeetCode 真题 300. 最长上升子序列给定一个无序的整数数组，找到其中最长上升子序列的长度。示例：说明：可能会有多种最长上升子序列的组合，...
2024-01-10
