首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏史上最简单的Spring Cloud教程

    javascript入门笔记9-认识DOM

    认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 将HTML代码分解为DOM节点层次图: ? HTML文档可以说由节点构成的集合,DOM节点有: 元素节点:上图中、、 等都是元素节点,即标签。 DOM操作: ? 节点属性 在文档对象模型 (DOM) 中,每个节点都是一个对象。 以下常用的几种结点类型 元素类似 节点类型 元素 1 属性 2 文本 3 注释 8 文档 9 访问子结点childNodes 访问选定元素节点下的所有子节点的列表,返回的值可以看作是一个数组,他具有length

    1.6K50发布于 2017-12-29
  • 来自专栏用户7873631的专栏

    dom9 定时器大详解

    <!DOCTYPE html> <html> <head> <title></title> </head> <body> <button id="start">开始</button> <button id="close">结束</button> <script type="text/javascript"> //js定时器分为重复执行与一次执行。 /*let startBtn = document.querySelector("#start"); let id=null; startBtn.οnc

    44810发布于 2020-10-28
  • 来自专栏JavaPark

    JavaScript 教程「9」:DOM 元素获取、属性修改

    再来看看 DOM 树的概念,DOM 树又叫文档树,指的是将 HTML 文档以树状结构直观呈现出来,从而将 HTML 中标签与标签之间的关系直观体现出来。 以下是一个获取 DOM 对象的实例。 <! 对象之外,还提供了一些用于获取 DOM 元素的方法。 我们还可以实现对元素样式的控制,主要可以通过以下三种方式: 通过 style 属性操作 CSS 通过类名 className 操作 CSS 通过 classList 操作类控制 CSS 通过 style 属性操作 CSS 语法结构如下 body> </html> 通过类名 className 操作 CSS 当设计修改的样式较多时,如果直接通过 style 属性修改比较麻烦,此时就可以通过操作 CSS 类名的方式来进行批量修改,其语法结构如下

    3.7K41编辑于 2022-05-23
  • 来自专栏小白的搬运文章

    DOM的基本操作与结构

    节点的类型 元素节点 —— 1 属性节点 —— 2 文本节点 —— 3 注释节点 —— 8 document —— 9 DocumentFragment —— 11 获取节点类型 Comment节点的文本内容,可读写 nodeType 该节点的类型,只读 attributes Element 节点的属性集合 节点的一个方法 Node.hasChildNodes(); 复制代码 DOM 结构DOM基本操作 1.getElementById方法定义在Document.prototype上,即Element节点上不能使用。

    71820编辑于 2022-11-21
  • 来自专栏Hank’s Blog

    (9)Python循环结构

    44710发布于 2020-09-16
  • 来自专栏技术墨客

    React学习(9)—— 高阶应用:虚拟Dom差异比对算法

    差异匹配算法实现的前提 我们先来看看第一个值得关注的我问题: render() 方法的作用是创建React元素的树形结构,当state或props发生更新后, render() 会返回一个与之前有差异的结构树 然后到构建完成之后新的Dom会替换原来的Dom。此时组件的componentWillMount()和componentDidMount()会依次被调用。旧树Dom上的所有状态都会丢失。 然后, render() 方法会被调用并返回一个Dom,差异算法会递归比对之前返回Dom的差异。 递归子元素 默认情况下,在递归子元素的Dom节点时,React同时对2个子元素列表进行迭代比对,如果发现差异都会产生一个突变(关于突变的概念请见React学习第六篇性能优化介绍不可变数据结构部分)。 当所有的子元素都有一个key值,React直接使用key值来比对树形结构中的所有子节点列表。

    81320发布于 2018-08-15
  • 来自专栏CSDN搜“看,未来”

    数据结构9)-- 跳表

    文章目录 跳表 跳表的搜索 跳表的插入 抛硬币 跳表的删除 跳表的代码实现 跳表数据结构 初始化跳表 插入节点 删除节点 销毁跳表 为什么Redis要用跳表来实现有序集合? 跳表(skip list) 对应的是平衡树(AVL Tree),是一种 插入/删除/搜索 都是 O(log n) 的数据结构。它最大的优势是原理简单、容易实现、方便扩展、效率更高。 节点,发现17比其大,向后搜索,发现6后面的节点指向了Nil(第4层),那么搜索的层数降低1层, 从此节点的第3层开始搜索,发现下个节点是25,大于17,那么再降低一层,从2层开始搜索,发现第2层是9, 小于17,继续搜索,发现9节点的下一个数是17,搜索完成。 ---- 跳表的代码实现 跳表数据结构 如上图中的E节点,表示的是头节点,一般跳表的实现,最大有多少层(MAX_LEVEL)是确定的。所以e的个数是固定的。

    50730发布于 2021-09-18
  • 来自专栏风吹杨柳

    opencv 9 -- 轮廓 层次结构

    同时,我们得到的结果包含 3 个数组, 第一个图像,第二个是轮廓,第三个是层次结构。 但是我们从来没有用过层次结构 层次结构是用来干嘛的呢? 层次结构与轮廓提取模式有什么关系呢? 2 OpenCV 中层次结构 不管层次结构是什么样的,每一个轮廓都包含自己的信息: 谁是父,谁 是子等。 而对象内部中空洞的轮廓为 第 2 级组织结构, 空洞中的任何对象的轮廓又是第 1 级组织结构。 空洞的组织 结构为第 2 级。 想象一下一副黑底白字的图像,图像中是数字 0。 0 的外边界属于第一级 组织结构,0 的内部属于第 2 级组织结构。 我们可以以下图为例简单介绍一下。我们已经用红色数字为这些轮廓编号, 并用绿色数字代表它们的组织结构。 现在我们考虑轮廓 0,它的组织结构为第 1 级。 其中有两个空洞 1 和 2, 它们属于第 2 级组织结构

    1.3K20发布于 2019-07-08
  • 来自专栏Java呓语

    9章、语言结构

    MySQL使用type关键字,并且这些结构分别生成 DATE, TIME和 DATETIME值,如果指定,则包括尾随小数秒部分。

    88430发布于 2018-08-21
  • 来自专栏腾讯玄武实验室的专栏

    IE 浏览器 DOM结构概览(下)

    作者:秦策 接《IE 浏览器 DOM结构概览(上)》 四、DOM 流的修改 现代浏览器中,为了更好的用户体验,页面经常需要根据不同情况动态进行变化,DOM 流也需要相应的进行修改。 对 DOM结构进行操作还需要有一个重要的结构 CTreePosGap,该结构用于指示两个 CTreePos 之间的内容,在对流进行插入和删除操作时都需要用到CTreePosGap结构来指示需要操作的区间 CMarkupPointer(v6, v7); CMarkupPointer::CMarkupPointer(v8, v7); result = CElement::GetMarkupPtrRange(v9, 五、总结 IE 的这种 DOM结构是由于历史原因形成的一种特殊情况,随着浏览器功能的越来越丰富,这种 DOM 组织方式出现越来越多的问题。 在 Edge 中微软已经抛弃了 DOM 流的设计,转而构建了一个真正意义上的 DOM 树。 IE 中与 DOM 相关的内容还有很多,这里仅仅列出了一点微小的工作,还有很多复杂的结构需要进一步分析。

    1.9K00发布于 2017-08-21
  • 来自专栏腾讯玄武实验室的专栏

    IE 浏览器 DOM结构概览(上)

    Step9: 安全探秘 通过Step8,我们都看到密码被PC捕获到了,但为什么会这样子呢。下面来解释下。

    2K00发布于 2017-08-18
  • 来自专栏blog1

    数据结构9)串的顺序存储结构

    串的顺序存储结构 鸽了很久的数据结构篇,最近确实事情好多,为了申请外宿一直和导员斗智斗勇,今天来看一个串这一节,其实就串的基本代码部分不是特别重要,本着复习线性表的目的,我们再来看一遍。

    99520编辑于 2022-12-26
  • 来自专栏前端精读评论

    9. 精读《Immutable 结构共享》

    我们先来预热下其重要特征,结构共享。 1 引言 结构共享不仅仅是 “结构共享” 那么简单,背后包含了 Hash maps tries 与 vector tries 结构的支持,如果让我们设计一个结构共享功能,需要考虑哪些点呢? 因此结构共享的核心思路是以空间换时间。 ,就相当于线性结构)。 3 总结 数据结构共享要达到真正可用,需要借助 Hash maps tries 和 vector tries 数据结构的帮助,在上文中已经详细阐述。

    47720编辑于 2022-03-14
  • 来自专栏李维亮的博客

    PHPCMSV9数据结构

    v9_admin 管理员表 v9_admin_panel 快捷面板 v9_admin_role 角色表 v9_admin_role_priv 管理员权限表 v9_announce 公告表 v9_attachment _1 v9_comment_setting v9_comment_table v9_content_check 内容审核表 v9_copyfrom 来源表 v9_datacall 数据调用 v9_dbsource 数据源 v9_download v9_download_data v9_downservers 镜像服务器表 v9_favorite 用户收藏表 v9_formguide v9_formguide_fields v9_hits 访问统计 v9_ipbanned IP禁止 v9_keylink 关联链接 v9_link v9_linkage 联动菜单表 v9_log 操作日志 v9_member 会员表 v9_ v9_model_field 模型字段表 v9_module 模块表 v9_mood v9_news 文章主表 v9_news_data 文章从表 v9_page 单网页数据表 v9_pay_account

    59720发布于 2021-07-09
  • 来自专栏ops技术分享

    Nginx结构原理全解析(9

    Nginx 架构基础 1 Nginx请求处理流程 image.png 2 Nginx进程结构 image.png 3 Nginx进程管理:信号 3.1 Master进程 监控worker进程 CHLD

    27520发布于 2021-05-11
  • 来自专栏终身学习者

    大型DOM结构是如何影响交互性的

    没有办法绕过这一点:当你构建一个网页时,该页面一定会有一个文档对象模型(DOM)。DOM代表了你页面HTML的结构,并为JavaScript和CSS提供了访问页面结构和内容的途径。 了解DOM元素和DOM节点之间的区别非常重要。DOM元素是指DOM树中的一个特定HTML元素。DOM节点与DOM元素有重叠的含义,但其定义扩展到包括注释、空白和文本。 大型 DOM以几种方式影响页面性能: 在页面的初始渲染期间。当 CSS 应用于页面时,会创建一个类似于 DOM结构,称为 CSS 对象模型(CSSOM)。 -- Contents -->

当你看到这样的模式时,你可能可以通过扁平化你的DOM结构来简化它们。 如果你担心扁平化DOM结构对样式有影响,你可能会从使用更现代(和更快)的布局模式(如flexbox或grid)中受益。

67730编辑于 2023-09-28
  • 来自专栏漏洞知识库

    那些年我们一起学XSS - 9. Dom Xss入门

    全/渗透测试/代码审计/ 关注 Dom Xss入门 [隐式输出] 周末腾讯不上班,我也不工作。 周一啦,继续。 上一篇开始说Dom Xss了,我们说的是显式输出的情况,即我们可以在右键查看源代码的时候,看到我们所输出的内容。而有一些时候,输出操作我们是看不见的。它们通常发生在javascript代码中。 9. 我们首先,F12打开调试工具,点【Resources】,再点Frames, 然后 Ctrl+ F搜索 "sid" 或者 'sid' ? 我们运气很好,一下就定位到了一个sid。 10.

    70710发布于 2019-11-20
  • 来自专栏Web 技术

    【虚拟DOM】浅析 虚拟DOM

    虚拟DOM作为目前流行的DOM操作思想,被广泛用在react中,这套设计的确在用户体验上带来了显著提升。下面我们来浅析一下这个东西,一步步看下去,希望你能有所收获。 设计理念 尽管MVVM将页面逻辑实现的核心转移到数据层面的修改上,但是最终数据层反映到页面上View的层的渲染和改变仍是通过对应的指令进行DOM操作来完成的。 而且,通常一次ViewModel的变化可能会触发液面上多个指令操作DOM的变化,从而造成页面结构层发生大量DOM操作或渲染。 例如: 当你使用MVVM时,就会生成一个列表。 简单而言,ViewModel里的数据就是描述页面View内容的另一种数据结构,不过需要结合特定的MVVM描述语法编译生成完整的DOM结构。 先来看一段定义: VirtualDOM是一个能够直接描述一段HTML DOM结构的Javascript对象,浏览器可以根据其结构按照一定规则创建出确定唯一的HTML DOM结构

    59420编辑于 2023-10-07
  • 来自专栏高爽的专栏

    HTML DOM(一):认识DOM

    这个入口,连同对HTML 元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的(DOM)。在 1998 年,W3C 发布了第一级的 DOM 规范。 所有的浏览器都执行了这个标准,因此,DOM 的兼容性问题也几乎难觅踪影了。DOM 可被 JavaScript 用来读取、改变 HTML、XHTML 以及 XML 文档。 DOM 被分为不同的部分(核心、XML及HTML)和级别(DOM Level 1/2/3):        Core DOM                定义了一套标准的针对任何结构化文档的对象         XML DOM                定义了一套标准的针对 XML 文档的对象         HTML DOM                定义了一套标准的针对 HTML 节点        根据 DOM,HTML 文档中的每个成分都是一个节点。        

    1.9K00发布于 2017-12-28
  • 来自专栏悠扬前奏的博客

    JVM-9.Class类文件结构

    常量池中常量项结构总表1 ? 常量池中常量项结构总表2 4. 访问标志 访问标志(access_flag)用来识别一些类或者接口层次的访问信息: ? 访问标志 5. 方法表结构 ? 方法访问标志 8. ConstantValue属性结构 8.7 InnerClass属性 用于记录内部类和宿主类之间的关系 结构: ? 暂时看不懂 8.10 Signature属性 可选定长属性 出现在类,属性表,方法表结构的属性表中 记录泛型签名信息 表结构: ? BootstrapMethods属性结构 bootstrap_methods结构: ? bootstrap_method属性的结构

    94340发布于 2019-05-28
  • 第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页
    点击加载更多
    领券