DOM 文档对象模型
DOM 文档对象模型
1. Web API 的概念
api
:应用程序接口。是基于编程语言构建的结构,使开发人员更容易地创建复杂的功能
Web API
:是 Web
的应用程序编程接口,浏览器 API
可以扩展 Web
浏览器的功能,服务器 API
可以扩展 Web
服务器的功能
js
组成:ECMAScript
、DOM
、BOM
ECMAScript
:定义了JavaScript
的语法规范BOM
:浏览器对象模型,提供用于处理文档之外的所有内容的其他对象DOM
:文档对象模型,提供用于处理文档的对象
2. DOM 基础知识
2-1 window 对象
- 所有浏览器都支持
window
对象,它代表浏览器的窗口,不同窗口对应着不同的window
对象 - 在
javascript
中,window
为全局对象,全局函数和全局变量为window
对象的属性,document
对象也是window
对象属性
var user = "jsx";
console.log(window.user); // jsxfunction username() {console.log('hello dom')
}
window.username()// 获取浏览器窗口高度
console.log(window.innerHeight)
2-2 文档对象模型
文档对象模型 DOM
是 HTML
和 XML
文档的编程接口
- 提供了对文档的结构化的表述,
- 定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构,样式和内容
DOM
将文档解析为一个由节点和包含属性和方法的对象组成的结构集合
可以通过 document
对象去访问改变文档结构、样式和内容
console.log(window.document);
window.onload = function() {// 给body标签添加样式document.body.style.background = '#2ecc71'
}
2-3 DOM 自动修正
浏览器遇到格式不正确的 HTML
,它会在形成 DOM
时自动更正它
html
根标签即使它不存在于文档中 — 它也会出现在DOM
中- 在生成
DOM
时,浏览器会自动处理文档中的错误,关闭标签等 </body>
标签后的所有元素,DOM
都会修正添加到<body>
标签内- 表格必须具有
<tbody>
标签,忽略时浏览器在创建DOM
时,自动地创建了<tbody>
<ul><li>修复未闭合标签</ul>
// 补充闭合标签
<ul> <li>修复未闭合标签</body></ul><table><tr><td>自动补充tbody标签</tr>
</table>
// 补充tbody标签
<table><tbody><tr><td>自动补充tbody标签</td></tr></tbody>
</table>
2-4 控制台交互
Stylel
样式 — 我们可以看到按规则应用于当前元素的CSS
规则Computed
计算属性 — 按属性查看应用于元素的CSS
:对于每个属性,我们可以都可以看到赋予它的规则包括CSS
继承等Event Listeners
事件监听 — 查看附加到DOM
元素的事件侦听器
- 在控制台中获取节点,可以通过点击左上角的小图标按钮可以让我们使用鼠标从网页中选择一个节点
- 也可以在元素
Elements
选项面板中选择元素节点 - 也可以通过
document
对象来获取元素节点 - 按下
Esc
— 它将在元素Elements
选项面板下方打开控制台Console
- 最后选中的元素可以通过
$0
来进行操作,先前选择的是$1
等
3. DOM 节点类与树结构
3-1 DOM 节点类
EventTarget
:该类的对象从未被创建,由可以接收事件、并且可以创建侦听器的对象实现,提供addEventListener
、removeEventListener
等事件支持方法Element
元素节点、document
文档节点和window
对象部署了该类XMLHttpRequest
,AudioNode
,AudioContext
也部署了该类
Node
:是所有DOM
节点的基础(包含所有节点类型)Node
类的对象从未被创建,提供firstChild
、parentNode
等节点操作方法
Element
:是DOM
元素的基本类(包含所有元素节点)- 提供
getElementsByTagName
、querySelector
等方法
- 提供
HTMLElement
:是所有HTML
元素的基本类(包含所有HTML
元素节点)- 提供
childNodes
、nodeType
、nodeName
、className
、nodeName
等方法
- 提供
SVGElement
:是所有SVG
元素的基本类(包含所有SVG
元素节点)XMLElement
:是所有XML
元素的基本类(包含所有XML
元素节点)
console.dir(window)
// window对象包含了所有节点类
console.log(window.Node);
console.log(window.Element)
console.log(window.HTMLElement)
console.log(HTMLElement.__proto__ === Element); // true
console.log(Element.__proto__ === Node) // true
console.log(Node.__proto__ === EventTarget) // true
console.log(EventTarget.__proto__.__proto__.__proto__) // true
3-2 DOM 树
DOM
树:将 HTML
表示为标签的树形结构
根据文档对象模型,每个 HTML
元素都是一个节点对象,嵌套的元素是闭合元素的子元素,元素内的文本也是一个文本节点对象
document
文档节点:document
是DOM
操作的起始节点element
元素节点:HTML
元素被称为元素节点,<html>
为根节点,<head>
和<body>
为相对于<html>
内的子节点attribute
属性节点:HTML
元素中元素的属性attributes
则为属性节点text
文本节点:HTML
元素内的文本被称为文本节点- 一个文本节点只包含一个字符串
- 换行符和空格在
HTML
元素中不会被忽略都是有效字符,它们会形成文本节点
comment
注释节点:在HTML
中注释<!-- -->
为注释节点
<!DOCTYPE html>
<html lang="en"><!-- 根节点 -->
<head><meta charset="UTF-8"><title>DOM树</title>
</head>
<body><!-- 注释节点 -->文本内容 <!-- 文本节点 --><div class="box">属性节点</div><!-- 属性节点 -->
</body>
</html>
3-2 常用节点
需要保证浏览器已经渲染了内容才可以读取的节点对象,不然无法读取到节点对象
document
:DOM
操作的起始节点document.documentElement
:文档节点即html
元素节点document.body
:body
元素节点document.head
:head
元素节点document.links
:超链接集合document.anchors
:所有锚点集合document.forms
:form
表单集合document.images
:图片集合
<body><!-- 链接 --><a href="javascript:;">超链接</a><!-- 锚点 --><a href="#box">锚点</a><a name="box" class="box">锚点</a><!-- img --><img src="https://lf-cdn-tos.bytescm.com/obj/static/xitu_extension/static/gold.981a5510.svg" alt=""><!-- form表单 --><form action=""><input type="text" value="form表单"></form><script>// document 操作文档起点// document.documentElement html根元素节点console.log(document.documentElement)// document 还能获取title标签 URL 域名 来源地址console.log(document.title);console.log(document.URL); // http://127.0.0.1:5500/05-JavaScript/23-DOM/07-%E5%B8%B8%E7%94%A8%E8%8A%82%E7%82%B9.html#boxconsole.log(document.domain); // 127.0.0.1console.log(document.referrer);// http://127.0.0.1:5500/05-JavaScript/23-DOM/07-%E5%B8%B8%E7%94%A8%E8%8A%82%E7%82%B9.html// 节点对象需要浏览器渲染了html才能读取console.log(document.body); // body元素节点console.log(document.head); // head元素节点console.log(document.links); // 所有超链接的集合console.log(document.anchors); // 获取所有锚点console.log(document.images); // 获取所有图片console.log(document.forms); // 获取所有图片</script>
</body>
4. 节点属性
4-1 nodeType 属性
nodeType
属性提供以数值形式获取 DOM
节点类型
- 对于元素节点
elem.nodeType == 1
, - 对于元素属性节点
elem.nodeType == 2
- 对于文本节点
elem.nodeType == 3
, - 对于注释节点
elem.nodeType == 8
- 对于
document
对象elem.nodeType == 9
nodeType | 说明 |
---|---|
1 | 元素节点 |
2 | 属性节点 |
3 | 文本节点 |
8 | 注释节点 |
9 | document对象 |
<body><div class="container">hello DOM</div><!-- hello dom --><script>let body = document.bodylet container = document.querySelector('.container')console.log(body.nodeType); // 1 body节点属性let attr = container.attributes.class;console.log(attr.nodeType); // 2 属性节点console.log(body.firstChild.nodeType); // 3 文本属性console.log(body.childNodes[3].nodeType); // 8 节点注释节点let doc = document;console.log(document.nodeType); // 9 document对象</script>
</body>
4-2 nodeName & tagName 属性
nodeName
:获取指定任何节点类型的名称,获取值为大写形式(为任意 Node
节点定义的)
nodeType | nodeName |
---|---|
1 |
元素名称 大写 DIV
|
2 | 属性名称 |
3 | #text |
8 | #comment |
9 | #documnet |
<body><!-- 注释 --><h3 class="box" id="box">hello dom</h3><script>let h3 = document.querySelector('.box');let body = document.body;// nodeNmae 获取任意节点的名称 值为大写console.log(document.nodeName); // #documentconsole.log(body.nodeName); // BODYconsole.log(h3.firstChild.nodeName); // #textconsole.log(body.childNodes[1].nodeName); // #commentconsole.log(h3.attributes.class.nodeName); // class</script>
</body>
tagName
:获取 Element
所有元素节点的名称,获取的值为大写的标签名(为任意tagName
元素节点定义)
tagName
存在于Element
类的原型中document
文档节点、文本节点、属性节点、注释节点值都为undefined
<body><!-- 注释 --><h3 class="box" id="box">hello dom</h3><script>let h3 = document.querySelector('.box');let body = document.body;// tagName 获取元素节点的名称 值为大写console.log(document.tagName); // undefinedconsole.log(body.tagName); // BODYconsole.log(h3.firstChild.tagName); // undefinedconsole.log(body.childNodes[1].tagName); // undefinedconsole.log(h3.attributes.class.tagName); // undefined</script>
</body>
4-3 nodeValue & data 属性
nodeValue
属性对于文本节点、注释节点来说,nodeValue
返回该节点的文本内容与注释。对于 attribute
节点来说,,返回该属性的属性值
nodeType | nodeValue |
---|---|
1 |
null
|
2 | 属性的属性值 |
3 | 文本内容 |
8 | 注释内容 |
9 |
null
|
<body><!-- hello dom --><div class="box">hello world</div><script>let body = document.body;let box = document.querySelector('.box')console.log(body.nodeValue); // nullconsole.log(box.firstChild.nodeValue); // hello worldconsole.log(body.childNodes[1].nodeValue); // hello dom console.log(box.attributes.class.nodeValue); // boxconsole.log(document.nodeValue); // null</script>
</body>
data
属性可以获取文本节点与注释节点的内容,其它节点返回 undefined
<body><!-- hello dom --><div class="box">hello world</div><script>// data获取文本节点和注释节点console.log(body.data); // nullconsole.log(box.firstChild.data); // hello worldconsole.log(body.childNodes[1].data); // hello dom console.log(box.attributes.class.data); // boxconsole.log(document.data); // null</script>
</body>
4-4 textContent 纯文本
textContent
属性会将元素的 <tags>
去掉,返回纯文本内容
使用 textContent
,我们将其作为文本插入,所有符号都按字符串形式处理
<body><div class="box">hello dom</div><script>let box = document.querySelector('.box');console.log(box.textContent); // hello domconsole.log(box); // div节点对象// 通过textContent插入内容时,符号会按照字面意思写入box.textContent = '<p>hello jsx</p>';// <p>hello jsx</p>// 此时符号为字符串</script>
</body>
4-5 hidden 是否可见
hidden
属性(attribute)和 DOM
属性(property)指定元素是否可见
<div style="display: none"></div>
document.querySelector('div').hidden = true;<body><div class="container"></div>
</body>
<script>let container = document.querySelector('.container')console.log(container.hidden); // falsecontainer.hidden = trueconsole.log(container.hidden); // true
</script>
5. 元素与节点集合
5-1 HTMLCollection 元素集合
HTMLCollection
是元素的集合,还提供了用来从该集合中选择元素的方法和属性
getElementsBy...
方法返回的是 HTMLCollection
,唯独 getElementsByName
方法返回的是 NodeList
length
属性:返回HTMLCollection
集合当中元素的个数item()
:返回HTMLCoolent
对象中指定索引的元素namedItem()
:根据Id
或根据字符串所表示的name
属性来获取元素
<body><ul><li name="jsx">1</li><li name="jsx">2</li><li id="js" name="jsx1">3</li><li name="jsx">4</li><li name="jsx">5</li></ul>
</body>
<script>// 元素集合// getElementsByName返回的是nodeList及节点集合let list = document.getElementsByName('jsx')console.log(list);// NodeList(5) [li, li, li, li, li]let htmllist = document.getElementsByTagName('li');console.log(htmllist);// HTMLCollection(5) [li, li, li, li, li, jsx: li]// length属性console.log(htmllist.length); // 5// 元素集合不是数组而是类数组console.log(Array.isArray(htmllist)); // false// item() 返回指定索引的元素console.log(htmllist.item(0));htmllist.item(0).style.color = "#ff0000";// namedItem() 根据id返回指定元素,根据字符串所表示的name属性来匹配console.log(htmllist.namedItem('js')) // <li id="js" name="jsx1">3</li>console.log(htmllist.namedItem('jsx1'))// <li id="js" name="jsx1">3</li>
</script>
5-2 NodeList 节点集合
NodeList
是节点的集合,通常是由 Node.childNodes
和document.querySelectorAll
返回的
length
属性:返回NodeList
集合中包含的节点个数item()
:返回NodeList
对象中指定索引的节点
<body><ul><li name="jsx">hello</li><li name="jsx">2</li><li name="jsx">3</li><li name="jsx">4</li><li name="jsx">5</li></ul><script>// 节点集合// Node.childNodeslet list = document.querySelector('body').childNodesconsole.log(list);// NodeList(8) [text, ul, text, comment, text, script, text, script]// querySelectorAlllet list1 = document.querySelectorAll('li');console.log(list1); // NodeList(5) [li, li, li, li, li]// length属性console.log(list1.length); // 5// item() 选择节点console.log(list1.item(0)); // <li name="jsx">hello</li></script>
</body>
5-3 动态静态集合
HTMLCollent
和 NodeList
不是一个数组,是一个类似数组的对象
- 通过
getElementsByName
获取的Nodelist
集合与getElementsBy...
获取的HTMLCollection
集合是动态的,在操作动态集合时会实时更新集合 - 使用
querySelectorAll
返回的是静态集合,在操作静态集合时不会影响集合
<body><ul><li name="jsx">1</li><li name="jsx">2</li><li name="jsx">3</li><li name="jsx">4</li><li name="jsx">5</li></ul><div class="box"><button class="btn live">live 动态</button><button class="btn static">static 静态</button><button class="btn liveChangeStatic">将动态集合保存为静态集合</button></div><script>// 动态集合 操作数组时会实时更新let live = document.getElementsByTagName('li');let static = document.querySelectorAll('li');// 将动态集合保存静态集合let liveChangeStatic = Array.prototype.slice.call(live);console.log('live-->', live)console.log('static-->', static)let button1 = document.querySelector('.live');let button2 = document.querySelector('.static');let button3 = document.querySelector('.liveChangeStatic');button1.addEventListener('click', () => {document.querySelector('li').insertAdjacentHTML('beforebegin', '<li name="jsx">新元素</li>')console.log('live-->', live.length)console.log('live-->', live)})button2.addEventListener('click', () => {document.querySelector('li').insertAdjacentHTML('beforebegin', '<li name="jsx">新元素</li>')console.log('static-->', static.length)console.log('static-->', static)})button3.addEventListener('click', () => {document.querySelector('li').insertAdjacentHTML('beforebegin', '<li name="jsx">新元素</li>')console.log('liveChangeStatic-->', liveChangeStatic.length)console.log('liveChangeStatic-->', liveChangeStatic)})</script>
</body>
6. 节点关系与元素导航
节点是父子级嵌套与前后兄弟关系,使用 DOM
提供的 API
可以获取这种关系的元素
节点是根据 HTML
内容产生的,所以也存在父子、兄弟、祖先、后代等节点关系
- 节点:是所有节点类型
- 元素节点:是
HTML
、XML
、SVG
元素节点HTML
元素节点:是所有HTML
标签元素的节点
6-1 获取父节点
parentNode
返回指定的节点在 DOM
树中的父节点
如果当前节点刚刚被建立,还没有被插入到 DOM
树中,则该节点的 parentNode
属性也返回 null
document
是顶级节点, html
标签的父节点是 document
<body><div class="parent"><div class="child"><div class="Sibling"></div><div class="Sibling"></div></div></div><script>// parentNode 返回指定节点在dom树中的父节点let child = document.querySelector('.child');console.log(child.parentNode); // <div class="parent"></div>// document 顶级节点console.log(document.documentElement.parentNode === document); // true</script>
</body>
实现当前节点的所有父节点集合
// 获取所有父节点
function parentNodes(node) {let nodes = [];while ((node = node.parentNode)) nodes.push(node)return nodes;
}
console.log(parentNodes(child));
// [div.parent, body, html, document]// 递归 + 扩展运算符
function parentNodes(node) {const nodes = new Array(node.parentNode)if (node.parentNode) nodes.push(...parentNodes(node.parentNode))return nodes
}
6-2 获取子节点
**Tips:**文本和注释也是节点
firstChild
:返回树中节点的第一个子节点,如果节点是无子节点,则返回null
lastChild
:返回当前节点的最后一个子节点,如果节点是无子节点,则返回null
childNotes
:返回包含指定节点的子节点的集合,该集合为即时更新的集合(动态集合)
<body><div class="parent"><div class="child"><div class="Sibling1"></div><div class="Sibling2"></div></div><div class="child2"></div></div><script>// 获取子节点// firstChild dom树中第一个节点// lastChild dom树中最后一个子节点// childNodes 返回包含指定节点的所有子节点let parent = document.querySelector('.parent');console.log(parent.firstChild); // text 文本节点console.log(parent.lastChild); // text 文本节点// 返回所有子节点console.log(parent.childNodes); // NodeList(5) [text, div.child, text, div.child2, text]</script>
</body>
hasChildNodes()
方法检测指定节点是否有子节点
// elem.hasChildNodes() 检测指定节点是否有子节点
console.log(document.documentElement.hasChildNodes()); // true
6-3 获取兄弟节点
**Tips:**文本和注释也是节点
nextSibling
:返回当前节点的后一个兄弟节点,如果指定的节点为最后一个节点,则返回null
prevousSibling
:返回当前节点的前一个兄弟节点,没有则返回null
<body><div class="parent"><div class="child"><div class="Sibling1"></div><div class="Sibling2"></div></div><div class="child2"></div></div><script>// 获取兄弟节点// nextSibling 获取当前节点的下一个兄弟节点let siblings = document.querySelector('.Sibling1');console.log(siblings.nextSibling.nextSibling); // <div class="Sibling2"></div>let child2 = document.querySelector('.child2');console.log(child2.previousSibling.previousSibling); // <div class="child"></script>
</body>
6-4 元素节点导航
对于很多任务来说,我们并不想要文本节点或注释节点,而是需要获取代表元素的和形成页面结构的元素节点
DOM API
也提供了只获取元素节点的属性
parentElement
属性返回的是元素类型的父节点,而parentNode
返回的是任何类型的父节点根节点
document.documentElement
的父节点是document
,但document
不是一个元素节点,所以parentNode
返回了document
,parentElement
返回的是null
节点属性 | 说明 |
---|---|
parentElement
|
获取父元素 |
children
|
获取所有子元素 |
childElementCount
|
子元素的数量 |
firstElementChild
|
第一个子元素 |
lastElementChild
|
最后一个子元素 |
previousElementSibling
|
上一个兄弟元素 |
nextElementSibling
|
下一个兄弟元素 |
<body><div class="parent"><div class="child1"><div class="Sibling1"></div><div class="Sibling2"></div></div><div class="child2"></div></div><script>// 元素节点导航// 只获取元素节点的属性// 获取父元素let child1 = document.querySelector('.child1');console.log(child1.parentElement)// <div class="parent"></div>// 获取所有子元素let parent = document.querySelector('.parent');console.log(parent.children)// HTMLCollection(2) [div.child1, div.child2]// 获取子元素的数量console.log(parent.childElementCount); // 2// 第一个子元素console.log(parent.firstElementChild)// <div class="child1"></div>// 最后一个子元素console.log(parent.lastElementChild)// <div class="child2"></div>// 获取上一个兄弟元素let Sibling2 = document.querySelector('.Sibling2')console.log(Sibling2.previousElementSibling)// <div class="Sibling1"></div>// 获取下一个兄弟元素console.log(child1.nextElementSibling)// <div class="child2"></div></script>
</body>
7. 节点遍历
7-1 for…of
Nodelist
与 HTMLCollection
是类数组的可迭代对象所以可以使用 for...of
进行遍历
<body><div class="container"><p>hello html</p><p>hello css</p><p>hello js</p><p>hello vue</p></div><script>let elem = document.querySelector('.container').children;console.log(elem)for (const item of elem) {console.log(item)}</script>
</body>
7-2 forEach
虽然 NodeList
不是一个数组,但是可以使用 forEach()
来迭代,但 HTMLCollection
则不可以
// HTMLCollector 不能使用forEach遍历节点
let elem = document.querySelectorAll('p');
console.log(elem)
elem.forEach((item) => {console.log(item)
})
7-3 call/apply
节点集合对象原型中不存在 map
方法,但可以借用 Array
的原型 map
方法实现遍历
let elem = document.querySelector('.container').children;
console.log(elem);
[].map.call(elem, (node, index) => {console.log(node, index)
})
7-4 Array.from
Array.from
用于将类数组转为真数组,并提供第二个迭代函数,所以可以借用Array.from
实现遍历
// 通过Array.from将类数组转为数组
// 第二个参数是一个回调函数,每一个元素都会指向这个回调
let elem = document.querySelector('.container').children;
console.log(elem);
Array.from(elem, function(item) {console.log(item)
})
7-5 展开语法
使用...
展开语法转换节点为数组
// 通过...将类数组转为数组然后使用map方法
let elem = document.querySelector('.container').children;
console.log(elem);
[...elem].map((item) => {console.log(item)
})
DOM 文档对象模型相关推荐
- BOM 浏览器对象模型和DOM 文档对象模型
浏览器对象模型BOM 1. 浏览器对象模型介绍 BOM(Browser Object Model) 是指浏览器对象模型,是用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的.可 ...
- 前端(五)DOM 文档对象模型
注:变量声明尽量用const,const语义化更好,发现变量需要修改(修改值,而非地址)时再改为let(可以重新赋值),var很少用.简单数据类型.(值经常改变时用let) 下面假装我们javascr ...
- APl DOM文档对象模型
文章目录 一.DOM简介 1.什么是DOM 2.DOM 树 二.获取元素的方法 1.根据ID获取 2.根据标签名获取 3.通过 HTML5 新增的方法获取(注意兼容) 4.获取特殊元素(body,ht ...
- web前端学习day_03:JavaScript:如何使用/ 语法/ 方法/ NaN/ js对象分类/ BOM浏览器相关/ 事件/ DOM文档对象模型
JavaScript 给页面添加动态效果 JavaScript是一门编程语言,和Java没有关系,为了蹭热度. 语言特点: 属于脚本语言,不需要编译直接解析执行. 基于面向对象 属于弱类型语言, 强类 ...
- 文档对象模型DOM(获取元素节点、设置节点属性)
练习题: 制作一个表格,显示班级的学生信息. 要求: 1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2,移开鼠标时则恢复为原背景色 #fff 2. 点击添加按钮,能动态在最后添加一行 3. 点 ...
- dom文档对象手册_DOM总结
一.DOM是一棵树,树上有Node,Node分为 Document.Element(元素)和 Text(文本),以及其他不重要的. 二.浏览器原生提供document节点,代表整个文档, 文档的第一层 ...
- javascript-----DOM文档对象模型
1.DOM分类 DOM:文档对象模型,提供了添加.移动.该变.或移除的结构文档的方法和属性 DOM Core:锁定一批标签,看成dom对象,进行业务分析 HTML DOM :把标签和属性看成是一个DO ...
- JavaScript编程:文档对象模型DOM
5.文档对象模型DOM JS里的DOM和XML里的DOM不同,但是解析方式是一样的. document.getElementByID("id")根据ID获得元素节点. 创建和操作节 ...
- javaScript文档对象模型DOM
文档对象模型DOM 文档对象模型(document object model) 有一个表格,点击添加按钮添加事件 DOM中的属性和方法的理解 DOM中属性的操作: 属性映射表 文档对象模型(docum ...
最新文章
- iphonex黑屏开不了机_iphonexr黑屏,iphonexr突然开不了机
- 拿到大厂产品经理offer的应届生都是什么水平?
- BZOJ3163 [Heoi2013]Eden的新背包问题
- 不再内卷!视觉字幕化新任务合集
- 平安iq测试没通过的话影响入职吗_从外包测试到阿里巴巴,一位三本女生逆袭之路...
- 鸿蒙系统天气,墨迹天气携手鸿蒙系统 以精细化气象服务助力全场景生态建设...
- gluon_带有Gluon Ignite和Dagger的JavaFX中的依赖注入
- 荣耀magic3会用鸿蒙,赵明:荣耀Magic3芯片领先行业,大家看到以后会换掉手机!...
- IDEA将项目打包为指定class文件的jar
- 可视化工具Navicat for MySQL-操作三
- 数字图像处理 第四章 图像增强
- Java 中的日期与时间
- 关于maven打包成.exe
- 如何在本机使用正式版的SAP Business One的Common库的Lisence服务
- php怎么输出汉字大写的时间,php汉字转首字母大写的方法是什么
- RDLC之自定義數據集二
- 操作系统服务:time时间模块+datetime模块
- 23个平台短视频去水印解析下载接口
- jetson-nano编译qt5.15.2带opengl,xcb
- 超级计算机排名太湖之光,神威•太湖之光继续“称霸”超级计算机排行榜 美国无缘前三...