开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

初探JavaScript（一）——也谈元素节点、属性节点、文本节点

Javascript大行其道的时候，怎么能少了我来凑凑热闹^_^ 　　基本上自己对于js的知识储备很少，先前有用过JQuery实现一些简单功能，要论起JS的前世今生，来龙去脉，我就一小白。抱起一本

07

day03_js学习笔记_03_js的事件、js的BOM、js的DOM

day03_js学习笔记_03_js的事件、js的BOM、js的DOM ============================================================================= ============================================================================= 涉及到的知识点有：五、js的事件 1、js的常用事件 onclick

01

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

是的

没有找到

JavaScript之firstChild属性、lastChild属性、nodeValue属性学习

1.数组元素childNodes[0]有更直观易读的优点,这边在介绍一个有同样功能的属性,且更加语义化-------->firstChild属性假设我们需要目标元素节点下的所有子元素中的第一个子元素我们可以这样做: 目标元素节点下的子元素节点数组.firstChild 这句代码等价于目标元素节点下的子元素节点数组[0]; 目标元素节点.childNodes[0] 这句代码等价于目标元素节点.firstChild; 与此类推当我们需要目标元素节点下的所有子元素节点中的最后一个元素我们可以这样做: 目标

09

JS-节点属性（常用！）

（开始很生疏，不想看的知识点，后来DOM中用的特别多，才发现很重要。还有几个点，是比较容易忽略的，值得注意！） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JS-节点属性</title> </head> <body>

节点属性

在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性：
1. nodeName : 节点的名称
2. nodeValue

05

前端day13-JS(WebApi)学习笔记(attribute语法、DOM节点操作)

小技巧：如果API写的是Emement复数的形式，也就是后面加了s（Emements）那么它返回的就是一个伪数组否则就是单个对象，一般只有id才会是单个对象，其他方式获取（标签名类名）都是伪数组.

01

百行代码实现 Vue 2 响应式

如果他本来就是引用数据类型，通过上图可以看出在获取more.link的时候并没有触发获取值这个操作，说明并没有监听到，还有就是在赋值时，类型为引用类型时就会发现没有响应式，所以这里可以使用递归进行处理，修改如下:

02

JavaScript学习（二）---案列JavaScript图片库

02

Vue.js 双向数据绑定基本实现认知

对每个人而言，真正的职责只有一个：找到自我。然后在心中坚守其一生，全心全意，永不停息。所有其它的路都是不完整的，是人的逃避方式，是对大众理想的懦弱回归，是随波逐流，是对内心的恐惧 ——赫尔曼·黑塞《德米安》

02

用JS压缩上传的图片

现在网上的高清原图尺寸也有好几M甚至更大，而且现在手机像素高了拍出来的照片也特别大，所以有时候需要对用户上传图片时进行压缩处理。

02

w3c标准 – Dom

b. XML DOM – 针对 XML 文档的标准模型 (XML DOM 定义了所有 XML 元素的对象和属性，以及访问它们的方法)

03

JavaScript DOM基础

DOM（Document Object Model）即文档对象模型，针对HTML和XML文档的API（应用程序接口）。一．DOM介绍 DOM中的三个字母，D（文档）可以理解为整个Web加载的网页文档；O（对象）可以理解为类似window对象之类的东西，可以调用属性和方法，这里我们说的是document对象；M（模型）可以理解为网页文档的树型结构。 DOM有三个等级，分别是DOM1、DOM2、DOM3，并且DOM1在1998年10月成为W3C标准。DOM1所支持的浏览器包括IE6+、Firefox、Safa

09

vue双向数据绑定原理

目前几种主流的mvc(vm)框架都实现了单向数据绑定，而我所理解的双向数据绑定无非就是在单向绑定的基础上给可输入元素（input、textare等）添加了change(input)事件，来动态修改model和 view，并没有多高深。所以无需太过介怀是实现的单向或双向绑定。实现数据绑定的做法有大致如下几种：

02

2.XML之编程解析示例笔记

描述:在采用JavaScript解析XML时候常常采用AJAX 技术与 XML 的融合,即XML解析器把 XML 文档转换为 XML DOM 对象 - 可通过 JavaScript 操作的对象。

01

2.XML之编程解析示例笔记

描述:在采用JavaScript解析XML时候常常采用AJAX 技术与 XML 的融合,即XML解析器把 XML 文档转换为 XML DOM 对象 - 可通过 JavaScript 操作的对象。

01

深度解析 Vue MVVM 原理实现

ViewModel：视图模型层，用来连接Model和View，是Model和View之间的通信桥梁

02

JavaScript图片库

将图片放到网上的方法有很多,你可以简单地把所有的图片都放到网页上。但是，如果你打算发布的图片过多,这个页面很快会变的过于庞大,而且加上这些图片后用户要下载的的数据量就会变得相当可观。我们必须面对这样一个现实:没有人会等待很长长时间去下载一个网页;所以利用JavaScript来创建一个图片库将是最佳的选择；说下步骤: 第一步：把整个图片库的链接都加载到图片库的主页里；第二步：当用户点击对应的超链接时,拦截网页的默认行为,即(超链接点击跳转行为); 第三步：当用户点击对应的超链接后,把"占位符"图片替换成那

06

浅谈DOM中的类型

node类型是DOMLevel 1中定义的，除了ie浏览器所有的浏览器都可以访问这个类型，在js中，所有的节点类型都继承node类型。

02

vue双向绑定原理

Vue双向绑定的原理一、在讲vue双向绑定之前我们需要来了解下MVVM模式 MVVM（Model-View-ViewModel）是对 MVC（Model-View-Control）和 MVP（Model-View-Presenter）的进一步改进。

02

用JS读取XML的例子

刚开始学XMLHTTP，试写的一个读取XML的JS脚本，没什么技术含量，主要用来读取一个类似于通讯录的XML文件。

01

JavaScript---网络编程(6)-Dom和Bom模型概念讲解(节点获取,window对象)

本节讲Dom和Bom模型概念讲解(节点获取,window对象)。 out.js: 写了2个输出到页面的函数。

01

Typecho 评论迁移至 cusdis 的记录

最近把博客从 Typecho 搬到了 Next.js + Vercel 驱动、Notion 为 CMS 的架构（使用 nobelium 搭建），其中评论区转到了 cusdis 作为后端。原博客有文章 112 篇，评论总量大约 1.2k 条，文章迁移手动操作还行，但评论数据的迁移经历了一些小坎坷，断断续续花了两个周末才弄完，也写一写其中踩过的坑，还有一些小小的心得。

02

跟着写一遍就会了，手写一个mini版本的React（1.createElement）

在React17之前，我们写React代码的时候都会去引入React，不引入代码就会报错，而且自己的代码中没有用到React，这是为什么呢？带着这个问题我们向下学习；

00

JavaScript | 笔记

Element.replaceWith(）的签名接受数量可变的Node或DOMString参数。。。

02

LayUI switch 开关监听获取属性值、更改状态

背景今天在设计页面时，想使用一下 LayUI 的 switch 控件，在需要更改状态的时候进行 ajax请求传输需要获取其中的自定义属性值，同时根据服务器返回数据进行状态的更改通过参考文档及网友

02

jquery+html 压缩图片

https://github.com/kingwsi/compress-pic/blob/master/index.html

00

b站评论过滤脚本

今天乘有空，写了一个油猴脚本，可以屏蔽b站评论区的评论！油猴脚本地址：点击前往，相关的修改方式都有所描述。油猴脚本源代码： // ==UserScript== // @name bili_rebuild // @description b站评论过滤器 // @license MIT // @namespace dreamcenter // @version 0.0.0.1 // @match *://www.bilibili.com/* // @require http://code.jqu

01

一个简单的Emmet-Template-Engine~

制作的的原因制作的的原因还是属于解决自己的遇到的麻烦事, 用于在前端便捷地生成dom结构编辑器的Emmet修改起来还是比较麻烦, 按ctrl+z , 次数有点多 , 还有为了面对后的修改会把emm

09

一个简单的Emmet-Template-Engine~

语法大致和Emmet的一致, 不过只是在导入数据方面我自己增加了一些, 不过只是支持了Emmet基础的语法 , 相比于Emmet少了一些限制可以使用\n\t\r空格来格式化代码

02

JavaScript之共享onload

我们知道,当我们将JS代码脚本放到<head></head>标签之间时,这是的js代码加载要先于DOM加载,而我们往往会在JS代码脚本中写一些获取DOM元素的代码,而此时的DOM是不完整的, 所以我们通常的解决方法是将函数放入到window.onload里面去,window.load事件是网页加载完毕时会触发的一个事件，如果将我们的函数与之绑定,我们的函数也会在页面加载完毕之后执行. 如下代码： <html xmlns="http://www.w3.org/1999/xhtml"> <head> <

08

我是如何把性能优化的颗粒度做的更细

之前我也研究过很多性能相关的文档和博客，发现现在的性能相关的文章 90% 都是之前有过的东西，但是目前的性能优化只能做到如今的样子了吗？

01

玩转 Chrome DevTools，定制自己的调试工具

Chrome DevTools 是我们每天都用的工具，它可以查看元素、网络请求、断点调试 JS、分析性能问题等，是辅助开发的利器。

03

DropDownList下拉框多选

最近弄完个项目、项目需要支持多选功能、找了很多例子没找到合适的，最后自己开发了个控件：

01

再谈BOM和DOM(5):各个大流浪器DOM和BOM里面的那些坑—兼容性

所有浏览器的focus/blur事件都不冒泡，万幸的是大部分浏览器支持focusin/focusout事件，不过可恶的firefox连这个都不支持。

04

HTML DOM

DOM 文档对象模型。节点元素即标签 Element 1 文本文本 Text 3 属性 Attr 2 注释节点 Comment 8 文档节点 Document 9 文档类型节点 DocumentType 10 <!DOCTYPE html> 文档片段节点 DocumentFragment 11 Javascript obj.nodeName obj.nodeValue obj.attributes[0].nodeName

05

DOM「建议收藏」

当创建了一个网页并把它加载到web浏览器中时，DOM就悄然而生。浏览器根据网页文档创建一个文档对象。

02

【React进阶-2】从零实现一个React（上）

这篇文章给大家介绍一下我们如何自己去实现一个类似于React这样的框架，当然，我们并不会去实现React里面所有的内容，只是去将React基础性的功能实现一遍，让大家对React的认识更加的深入。因为篇幅有限，所以我将这篇文章拆分成了上、下两部分，此文是上篇。

03

HTML DOM 属性

可通过 JavaScript （以及其他编程语言）对 HTML DOM 进行访问。

05

JavaScript的使用前言

JavaScript作为使用得最多的脚本语言，可以说是无处不在。所有主流浏览器都支持JavaScript。目前，全世界大部分网页都使用JavaScript。它可以让网页呈现各种动态效果。作为后台程序员的我们，JavaScript也是必备的。接下来就一起来学习一下JavaScript，感受它的魅力！

02

前端学习(47)~DOM简介和DOM操作

DOM：Document Object Model，文档对象模型。DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。

03

JavaScript 学习-26.HTML DOM节点与节点属性

前言 DOM (Document Object Model) 文档对象模型，通过 HTML DOM，JavaScript 能够访问和改变 HTML 文档的所有元素。简介当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 HTML DOM 模型被结构化为对象树：通过这个对象模型，JavaScript 获得创建动态 HTML 的所有力量： JavaScript 能改变页面中的所有 HTML 元素 JavaScript 能改变页面中的所有 HTML 属性 Jav

02

JavaScript学习笔记

【如果大家对程序员，web前端感兴趣，想要学习的，关注一下小编吧。加群：731771211。免费赠送web前端系统的学习资料！！前端学习必备公众号ID：mtbcxx】

02

编写兼容性JS代码

前文介绍了：　1 DOM四个常用的方法　　2 使用DOM核心方法完成属性填充本篇主要介绍在JS中需要注意的几个地方，另外为了减小html与javascript的耦合使用java进行onclick方法编写。　　其实javascript不是一门简单的语言，但是由于入门简单，很多人使用的时候，都是直接复制粘贴，导致网页中充斥着大量的冗余代码。　　但是在编写合格的javascript代码时，需要注意：　　1 平稳退化：保证在不支持js或者低版本的浏览器也能正常访问　　2 分离javasc

09

一篇文章带你了解JavaScript htmldom 导航

在一个HTML文档都是一个节点，The entire document is a document node 每个HTML元素是元素节点在HTML元素的文本是文本节点每一个HTML属性是一个属性节点所有注释都是注释节点。

01

DOM 节点遍历：掌握遍历 XML文档结构和内容的技巧

XML 经常包含节点之间的换行符或空格字符。当文档由简单编辑器（如记事本）编辑时，通常会出现这种情况。

01

python使用dom操作xml

1、xml的内容为del.xml，如下 <?xml version="1.0" encoding="utf-8"?> <catalog> <maxid>4</maxid> <login

03

AJAX

Asynchronous（异步的，不等待的） JavaScript And XML，多个技术联合实现的前端技术产物。在服务器端，Ajax是一门与语言无关的技术。服务器端接受数据必须以浏览器能理解的格式发送，返回数据只能为XML、JSON或HTML。案例：自动补全、地图

03

DOM（文档对象模型）：理解网页结构与内容操作的关键技术

DOM的编程接口由一组标准属性和方法定义。属性通常用于描述节点的特征，而方法通常用于执行与节点相关的操作。

01

前端之HTML DOM操作

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。

04

PHP读取XML文件的方法实例总结【DOMDocument及simplexml方法】

在线XML/JSON互相转换工具： http://tools.zalou.cn/code/xmljson

03

Qt编写控件属性设计器11-导入xml

上一篇文章负责把设计好的控件数据导出到了xml文件，本偏文章负责把导出的xml数据文件导入，然后在画布上自动生成对应的控件，Qt内置的xml数据解析功能，非常强大，都封装在QtXml组件中，Qt有个好处就是，封装了众多的各大操作系统平台的功能，尤其是GUI控件，不愧是超大型一站式GUI超市，虽然网络组件不是很强大，但是应付一些基础应用还是绰绰有余的。在导出xml数据的时候，属性列表和值都按照xml的属性存储的而不是子节点，所以在解析的时候需要遍历节点的属性名称和属性值，QDomNamedNodeMap attrs = element.attributes();然后循环挨个取出名称和值即可，QDomNode n = attrs.item(i);QString nodeName = n.nodeName();QString nodeValue = n.nodeValue();

00

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭