javascript中的DOM和BOM

目录

JavaScript中的对象

简介：

js对象的基本用法：

创建对象：

访问对象的属性：

设置修改对象的属性：

删除对象的属性：

DOM（文档对象模型）

简介：

DOM对象的属性

DOM对象的方法

1. 查找元素

通过ID查找

通过类名查找

通过标签名查找

通过选择器查找

2. 修改元素内容

修改文本内容

修改HTML内容

3. 修改元素属性

4. 修改元素样式

直接修改样式属性

修改class属性来改变样式

5. 添加和删除元素

创建新元素

添加元素到DOM中

从DOM中删除元素

6. 事件处理

添加事件监听器

移除事件监听器

BOM（浏览器对象模型）

简介：

1. window对象

2. location对象

3. navigator对象

4. history对象

5. screen对象

window对象

location对象

history对象

screen对象

JavaScript中的对象

简介：

        在JavaScript中，对象是一种复杂的数据类型，允许我们存储一组值（属性）以及方法。对象可以看作是一种数据的集合，其中包含键值对，其中键是字符串或符号，而值可以是任何数据类型，包括其他对象。

        或者说对象是一些属性的无序集合，其中每一个属性都对应一个名称和值(键/值对)。如数组是一堆值的集合，其中的每一个值都有一个数字的索引(从0到n-1)，对象也类似与数组，不同的是其中的索引是我们自己定义的(名称)，如：city(城市)，scale(规模).....等等JavaScript 对象 | 菜鸟教程 (runoob.com)

js对象的基本用法：

创建对象：

        在js中我们可以使用{}(花括号)来创建对象，{}里面定义了对象的属性。其中每个属性都是由一个个的 键:值对 这样的组合而成，其中的键(也就是属性的名字)它是字符串类型，而其中的值(也就是属性的值)它可以是任意的类型，如字符串，数组，函数，亦或者是对象等等，不同的属性之间要使用,逗号隔开，示例如下：

var goods={
    name:"手机",
    plate:"杂牌",
    price:666,
    PurchaseChannel:function(){
        document.write("地摊上遇到的");
    }
}

其结果为： 

 

         在上述代码中，我创建了一个goods(物品)的对象，此对象中包含了四个属性，其中第一个是name(名字)它的值为"手机"是字符串类型，第二个为plate(品牌)它的值为"杂牌"是字符串类型，第三个为price(价格)它的值为666时数值类型，最后一个为PurchaseChannel(购买途径)它的值为一个函数是函数类型。

        需要注意的是：虽然属性的名是字符串类型，但它不需要使用引号来定义，如果属性名为js中的保留字就需要使用引号，或者属性名中包含空格或特许字符(除字母，数字，_和$以外的任何字符)或以数字开头都需要使用引号。如下：

var goods={
    "var":23,
    "5price":555,
    "Purchase Channel":function(){
        document.write("地摊上遇到的");
    }
}

如下所示：

访问对象的属性：

        在js中我们如果要获取对象属性的值，可以使用对象名.属性名，或者对象名[""]的方式，在一般情况下使用对象名.属性名的方式访问对象比较方便，但如果属性名如果是那种特殊的属性名(如使用了保留字，数字开头....)，这个时候就不能使用对象名.属性名的方式来访问对象属性，就需要使用对象名["属性名"]的方式才可以，我们在使用对象名["属性名"]的方式访问对象时，我们还可以给属性名赋值给变量，然后再通过这个变量来访问属性的值。如下示例：使用的示例对象如下：

var goods={
    name:"手机",
    plate:"杂牌",
    price:666,
    PurchaseChannel:function(){
        document.write("地摊上遇到的");
    }
}

使用对象名.属性名的方式：

 

使用对象名["属性名"]的方式：

设置修改对象的属性：

        我们如果要修改对象中的属性的值的话可以使用对象名.属性名或者对象名["属性名"]的形式来修改对象属性的值，如下所示：

var goods = {
    name: "手机",
    plate: "杂牌",
    price: 666
}
for (var print in goods) {
    document.write(print + ":" + goods[print] + "<br>");
}
goods.name = "鼠标";
goods["plate"] = "大牌";
for (var print in goods) {
    document.write(print + ":" + goods[print] + "<br>");
}

结果如下： 可以看到其中name和plate被的值被修改了。

删除对象的属性：

在js中我们可以使用delete来删除对象中的某个属性，如下：

var goods = {
    name: "手机",
    plate: "杂牌",
    price: 666
}
for (var print in goods) {
    document.write(print + ":" + goods[print] + "<br>");
}

delete goods.price;

for (var print in goods) {
    document.write(print + ":" + goods[print] + "<br>");
}

结果如下： 删除之后再输出可以看到其中price没有输出。

DOM（文档对象模型）

简介：

        DOM，全称Document Object Model（文档对象模型），是一个表示文档结构的接口，用于描述和修改HTML或XML等标记语言文档的内容和结构。在Web开发中，DOM是HTML和XML文档的编程接口，它定义了文档的结构化表示以及通过从程序中对其进行修改和访问的方法。

        简单来说，DOM将HTML或XML文档转换成了一个由对象构成的模型，这些对象可以通过JavaScript等编程语言进行操作和修改。通过DOM，开发者可以动态地创建、修改、删除HTML元素，改变元素属性，添加事件等。

        DOM树是一个节点的层次结构，其中每个节点都代表文档中的一个部分。每个节点都有各自的特点、数据和功能。比如，元素节点表示HTML元素，文本节点包含文本，而属性节点则表示元素的属性。

        使用DOM，我们可以轻松地实现一些动态交互效果，如点击按钮后改变页面内容、动态添加或删除元素等。这使得Web页面更加生动和具有交互性。

        需要注意的是，虽然DOM提供了强大的功能，但过度使用或不当使用可能会导致性能问题或代码难以维护。因此，在使用DOM时需要谨慎并遵循最佳实践。HTML DOM 教程 | 菜鸟教程 (runoob.com)

        在JavaScript中，DOM（Document Object Model）对象表示文档的结构，并允许程序和脚本动态地访问和更新文档的内容、结构和样式。以下是一些常用的DOM对象的属性和方法：

DOM对象的属性

  1. nodeType：表示节点的类型，例如，元素节点的nodeType值为1，属性节点的nodeType值为2，文本节点的nodeType值为3。
  2. nodeName：节点的名称，例如，元素节点的nodeName是其标签名，属性节点的nodeName是属性的名称，文本节点的nodeName是#text。
  3. nodeValue：节点的值。对于文本节点，nodeValue是其包含的文本内容；对于属性节点，nodeValue是属性的值。对于元素节点，nodeValue通常为null。
  4. textContent：获取或设置指定节点的文本内容，以及其后代节点的文本内容。
  5. innerHTML：获取或设置指定元素的HTML内容。
  6. outerHTML：获取或设置描述元素的（包括其后代元素的）序列化HTML片段。
  7. childNodes：返回包含指定元素的所有子节点的NodeList。
  8. firstChild：返回节点的第一个子节点。
  9. lastChild：返回节点的最后一个子节点。
  10. parentNode：返回节点的父节点。
  11. nextSibling：返回位于相同树层级中某个节点之后的节点。
  12. previousSibling：返回位于相同树层级中某个节点之前的节点。
  13. className：获取或设置元素的class属性。
  14. id：获取或设置元素的id。
  15. style：用于获取或设置元素的行内样式。
  16. tagName：返回元素的标签名。

DOM对象的方法

  1. getElementById(id)：返回对拥有指定 id 的第一个对象的引用。
  2. getElementsByTagName(name)：返回带有指定标签名的对象的HTMLCollection。
  3. getElementsByClassName(name)：返回文档中所有具有指定类名的元素集合，作为NodeList对象。
  4. querySelector(selector)：返回文档中匹配指定CSS选择器的第一个Element元素。
  5. querySelectorAll(selector)：返回文档中匹配指定CSS选择器的所有Element元素的NodeList（静态的）。
  6. createElement(element)：创建一个新的元素节点。
  7. createTextNode(data)：创建一个新的文本节点。
  8. appendChild(node)：将一个节点添加到指定父节点的子节点列表的末尾。
  9. insertBefore(newNode, referenceNode)：在参考节点之前插入一个新的子节点。
  10. removeChild(node)：从子节点列表中删除某个节点。
  11. replaceChild(newNode, oldNode)：替换子节点列表中的某个节点。
  12. cloneNode(deep)：创建节点的精确副本。如果deep为true，则同时复制该节点的所有子孙节点，如果为false，则仅复制节点本身。
  13. normalize()：合并相邻的文本节点，并删除空的文本节点。
  14. contains(node)：检查一个节点是否是当前节点的后代节点或者就是当前节点本身。
  15. addEventListener(type, listener[, options])：在指定元素上添加一个事件监听器。
  16. removeEventListener(type, listener[, options])：从元素中删除事件监听器。

这些属性和方法可以帮助你操作DOM，实现网页的动态交互效果。

        在Web开发中，DOM（Document Object Model）对象模型允许程序和脚本动态地访问和更新文档的内容、结构和样式。以下是一些DOM对象的基本使用方法：

        在Web开发中，DOM（Document Object Model）对象模型允许程序和脚本动态地访问和更新文档的内容、结构和样式。以下是一些DOM对象的基本使用方法：

1. 查找元素

通过ID查找
var element = document.getElementById('myElementId');
通过类名查找
var elements = document.getElementsByClassName('myClassName');
通过标签名查找
var elements = document.getElementsByTagName('div');
通过选择器查找
var element = document.querySelector('.myClassName'); // 返回第一个匹配的元素 
var elements = document.querySelectorAll('.myClassName'); // 返回所有匹配的元素

2. 修改元素内容

修改文本内容
var element = document.getElementById('myElementId'); 
element.textContent = 'New text content'; // 设置文本内容
修改HTML内容
var element = document.getElementById('myElementId'); 
element.innerHTML = '<b>New HTML content</b>'; // 设置HTML内容

3. 修改元素属性

var element = document.getElementById('myImageId'); 
element.src = 'new-image.jpg'; // 修改图片的源地址

4. 修改元素样式

直接修改样式属性
var element = document.getElementById('myElementId'); 
element.style.color = 'red'; // 修改文本颜色为红色
修改class属性来改变样式
var element = document.getElementById('myElementId'); 
element.className = 'newClass'; // 更改元素的class属性

5. 添加和删除元素

创建新元素
var newElement = document.createElement('div'); // 创建一个新的div元素
添加元素到DOM中
var parentElement = document.getElementById('parentElementId'); 
var newElement = document.createElement('div'); 
parentElement.appendChild(newElement); // 将新元素添加到父元素中
从DOM中删除元素
var elementToRemove = document.getElementById('elementToRemoveId'); 
elementToRemove.parentNode.removeChild(elementToRemove); // 从DOM中删除元素

6. 事件处理

添加事件监听器
var button = document.getElementById('myButtonId'); 
button.addEventListener('click', function() { 
alert('Button clicked!'); 
});
移除事件监听器
function handleClick() { 
alert('Button clicked!'); 
} 


var button = document.getElementById('myButtonId'); 
var listener = function() { handleClick(); }; 
button.addEventListener('click', listener); 


// 稍后移除事件监听器 
button.removeEventListener('click', listener);

        这些是DOM对象的一些基本使用方法。通过这些方法，你可以动态地操作网页上的元素，实现丰富的交互效果。

BOM（浏览器对象模型）

简介：

        在JavaScript中，BOM（Browser Object Model）是指浏览器对象模型，它提供了与浏览器交互的接口和方法。BOM允许JavaScript代码与浏览器窗口及其组件进行交互，如浏览器窗口的大小、导航、历史记录、位置等。

        与DOM（Document Object Model）不同，BOM主要用于处理浏览器窗口和与浏览器交互，而DOM主要用于处理HTML文档的结构和内容。

BOM的主要对象和接口包括：

  1. Window：代表浏览器窗口或标签页，是所有全局JavaScript对象的顶层对象。它提供了许多属性和方法，如alert()、confirm()、prompt()等弹窗方法，以及location、history、document等子对象。

  2. Location：提供了与当前URL相关的信息和方法，如hostname、pathname、search等属性，以及reload()、replace()等方法。

  3. History：允许你与浏览器的历史记录进行交互，提供了back()、forward()、go()等方法。

  4. Navigator：包含了关于浏览器的信息，如浏览器名称、版本、操作系统等。

  5. Screen：提供了关于客户端屏幕的信息，如屏幕的宽度和高度。

  6. Document（虽然主要是DOM的一部分，但也可以通过BOM的window.document访问）：代表了当前窗口或标签页中加载的HTML文档，提供了许多用于操作HTML元素的方法和属性。

        需要注意的是，BOM并没有一个标准的规范，因此不同的浏览器可能会有些许差异。在编写涉及BOM的JavaScript代码时，建议进行充分的测试以确保跨浏览器的兼容性。

下面是一个简单的例子，展示了如何使用BOM来改变当前页面的URL：

// 使用BOM的location对象来改变URL  
window.location.href = "https://www.example.com";

        在这个例子中，window.location.href 属性被用来设置当前页面的URL，从而导致浏览器跳转到新的网址。

        BOM（Browser Object Model）是指浏览器提供的一组与浏览器窗口交互的对象。以下是BOM中一些主要对象的属性和方法的概述：

1. window对象

属性：

  • window.innerHeight 和 window.innerWidth：分别返回浏览器窗口的内部高度和宽度（以像素计，不包括工具栏和滚动条）。
  • window.outerHeight 和 window.outerWidth：分别返回浏览器窗口的外部高度和宽度（包括工具栏和滚动条）。

方法：

  • window.alert(message)：显示一个警告框，包含一个OK按钮。
  • window.confirm(message)：显示一个确认框，包含确定和取消按钮，此方法将返回一个布尔值。
  • window.prompt(text, defaultText)：显示一个提示框，用于接收用户输入，并返回用户输入的文本。
  • window.open(URL, name, features)：打开一个新的浏览器窗口或标签页，并返回对新窗口的引用。
  • window.close()：关闭当前窗口。
  • window.setInterval(function, delay)：每隔指定的延迟时间（以毫秒计）执行一次函数。返回一个间隔ID，可用于clearInterval()函数来停止执行。
  • window.setTimeout(function, delay)：在指定的延迟时间后执行一次函数。返回一个超时ID，可用于clearTimeout()函数来取消执行。

2. location对象

属性：

  • location.href：设置或返回当前文档的URL。
  • location.hostname：返回当前页面的主机名。
  • location.pathname：返回当前页面的路径和/或页面名称。
  • location.protocol：返回当前页面的协议（如：http: 或 https:）。

方法：

  • location.assign(URL)：加载新的文档。
  • location.reload(forceReload)：重新加载当前文档。如果forceReload参数设置为true，则无论当前文档是否在缓存中，都会强制重新加载。
  • location.replace(URL)：用新的文档替换当前文档，并且该操作不会在历史记录中生成新的记录。这意味着用户不能用“后退”按钮返回。

3. navigator对象

属性：

  • navigator.appName：返回浏览器的名称。
  • navigator.appVersion：返回浏览器的版本信息。
  • navigator.userAgent：返回用户代理头的字符串表示，这个字符串通常包含了浏览器的名称、版本、渲染引擎以及操作系统等信息。

4. history对象

方法：

  • history.back()：加载历史列表中的前一个URL，等同于点击浏览器的后退按钮。
  • history.forward()：加载历史列表中的下一个URL，等同于点击浏览器的前进按钮。
  • history.go(n)：加载历史列表中的一个特定页面，通过使用一个相对于当前页面的索引来指定。比如，-1表示前一个页面，1表示下一个页面，0表示当前页面。

5. screen对象

属性：

  • screen.width 和 screen.height：分别返回屏幕的宽度和高度（以像素计）。
  • screen.availWidth 和 screen.availHeight：分别返回屏幕的可用宽度和高度（减去如任务栏、Dock栏等占用的空间后的尺寸）。

        这些是BOM中一些主要对象的常用属性和方法的概述。请注意，不同的浏览器可能会有所差异，因此在使用这些属性和方法时，最好进行充分的测试以确保兼容性。

下面是一些BOM（Browser Object Model）对象的基本使用示例代码：

window对象

// 弹出警告框 
window.alert("这是一个警告框！"); 


// 弹出确认框，并根据用户的选择执行不同的操作 
if (window.confirm("你确定要继续吗？")) { 
alert("用户点击了确定按钮"); 
} else { 
alert("用户点击了取消按钮"); 
} 


// 弹出输入框，并将用户输入的内容显示在控制台 
var userName = window.prompt("请输入你的名字：", "匿名用户"); 
console.log("用户输入的名字是：" + userName); 


// 使用setTimeout设置一个定时器，在2秒后执行一个函数 
window.setTimeout(function() { 
alert("2秒后弹出的警告框！"); 
}, 2000); 


// 使用setInterval设置一个周期性执行的定时器，每秒打印当前时间 
var intervalId = window.setInterval(function() { 
console.log("当前时间：" + new Date()); 
}, 1000); 


// 5秒后清除定时器 
window.setTimeout(function() { 
window.clearInterval(intervalId); 
}, 5000);

location对象

// 获取当前页面的完整URL 
var currentUrl = window.location.href; 
console.log("当前页面的URL是：" + currentUrl); 


// 跳转到新的页面 
window.location.href = "https://www.example.com"; 


// 重新加载当前页面 
window.location.reload();
// 获取浏览器信息 
console.log("浏览器名称：" + navigator.appName); 
console.log("浏览器版本：" + navigator.appVersion); 
console.log("用户代理字符串：" + navigator.userAgent); 


// 检查Cookie是否启用 
if (navigator.cookieEnabled) { 
console.log("Cookie已启用"); 
} else { 
console.log("Cookie未启用"); 
}

history对象

// 相当于点击浏览器的后退按钮 
window.history.back(); 


// 相当于点击浏览器的前进按钮 
window.history.forward(); 


// 跳转到历史记录中的前一个页面 
window.history.go(-1);

screen对象

// 获取屏幕的宽度和高度 
console.log("屏幕宽度：" + window.screen.width); 
console.log("屏幕高度：" + window.screen.height); 


// 获取屏幕的可用宽度和高度（减去任务栏等占用的空间） 
console.log("可用屏幕宽度：" + window.screen.availWidth); 
console.log("可用屏幕高度：" + window.screen.availHeight);

        请注意，这些代码示例需要在浏览器的JavaScript环境中运行，例如在浏览器的开发者工具的控制台中，或者嵌入到HTML页面的<script>标签中。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/598526.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

【毕业设计】基于微信小程序的校园快递平台系统设计与实现

【毕业设计】基于微信小程序的校园快递平台系统设计与实现

1.项目介绍 如今社会上各行各业&#xff0c;都喜欢用自己行业的专属软件工作&#xff0c;互联网发展到这个时候&#xff0c;人们已经发现离不开了互联网。新技术的产生&#xff0c;往往能解决一些老技术的弊端问题。因为传统校园快递平台系统信息管理难度大&#xff0c;容错率…
阅读更多...
性能测试常见风险以及消减措施

性能测试常见风险以及消减措施

性能测试过程中会遇到各种各样的风险&#xff0c;常见风险以及消减措施有哪些&#xff1f; 一&#xff1a; 时间 一&#xff09;时间相关风险 时间相关风险不仅限于最终用户满意度,尽管这是大多数人首先想到的。时间也是某些与业务和数据相关的风险因素。性能测试可以解决的…
阅读更多...
链表+环-链表是否有环的判断

链表+环-链表是否有环的判断

链表是否有环的判断 在数据结构中&#xff0c;链表是一种常见的数据结构&#xff0c;它允许我们在不需要预先知道数据总量的情况下进行数据的动态存储。然而&#xff0c;由于链表的特性&#xff0c;有时我们可能会遇到链表中出现环的情况&#xff0c;即链表的某个节点指向了链…
阅读更多...
NXP i.MX8系列平台开发讲解 - 1.1 导读前言

NXP i.MX8系列平台开发讲解 - 1.1 导读前言

专栏文章目录传送门&#xff1a;返回专栏目录 文章目录 目录 1. 本专辑介绍 2. 学习本专辑作用 3.关于作者 1. 本专辑介绍 本专辑将会介绍Linux 驱动开发&#xff0c;Android BSP 驱动涉及HAL层调试&#xff0c;适用于嵌入式软件开发人员&#xff0c;和有兴趣向该方向发展…
阅读更多...
怎么制作地图位置二维码？扫码获取地图信息的方法

怎么制作地图位置二维码？扫码获取地图信息的方法

随着互联网的不断发展&#xff0c;二维码在工作和生活中的应用不断的增多&#xff0c;可以针对不同的用途展示内容。比如现在很多的商家或者店铺会将定位定制生成二维码&#xff0c;印刷到传单或者宣传海报上&#xff0c;就可以让用户通过扫码获取位置&#xff0c;方便精准定位…
阅读更多...
（论文阅读-分析引擎）Modin

（论文阅读-分析引擎）Modin

一、简介 目标是在不改变的Dataframe语义的情况下支持可扩展的dataframe操作。 什么是机会主义评价&#xff1f;Opportunistic Evaluation&#xff1f; Exploratory data analysis&#xff08;EDA&#xff09;&#xff1a;总结、理解并从数据集中获取价值的过程。 MPI&#…
阅读更多...
如何使用dockerfile文件将项目打包成镜像

如何使用dockerfile文件将项目打包成镜像

要根据Dockerfile文件来打包一个Docker镜像&#xff0c;你需要遵循以下步骤。这里假设你已经安装了Docker环境。 1. 准备Dockerfile 确保你的Dockerfile文件已经准备就绪&#xff0c;并且位于你希望构建上下文的目录中。Dockerfile是一个文本文件&#xff0c;包含了用户可以调…
阅读更多...
Omnity 进展月报 | 2024.4.1-4.30

Omnity 进展月报 | 2024.4.1-4.30

Omnity 大事摘要 1、Octopus 官宣升级为 Omnity。 2、Omnity 4月28号正式上线&#xff0c;实现BTC 和 ICP 之间跨链转账 Runes 资产。 3、为庆祝上线&#xff0c;以符文 HOPE•YOU•GET•RICH 为资产&#xff0c;发红包快速触达大量用户&#xff0c;体验跨链服务。 4、Omni…
阅读更多...
layui的treeTable组件，多层级上传按钮失效的问题解决

layui的treeTable组件，多层级上传按钮失效的问题解决

现象描述: layui的treeTable 的上传按钮在一层能用&#xff0c;展开后其他按钮正常点击&#xff0c;上传按钮无效。 具体原因没有深究&#xff0c;大概率是展开的子菜单没有被渲染treeTable的done管理到&#xff0c;导致没有重绘上传按钮。 解决方案: 不使用layu的上传组件方法…
阅读更多...
深入解析：企业级OV SSL证书的技术价值与应用实践

深入解析：企业级OV SSL证书的技术价值与应用实践

JoySSL官网 注册码230918 在互联网安全日益受到重视的今天&#xff0c;SSL证书已成为保护网站数据传输安全的基石。其中&#xff0c;企业级OV&#xff08;Organization Validation&#xff09;SSL证书凭借其增强的安全特性和对企业身份的严格验证&#xff0c;在众多类型的SSL证…
阅读更多...
Phi-3：手机上就能运行的强力语言模型

Phi-3：手机上就能运行的强力语言模型

导语 phi-系列模型是微软研究团队推出的轻量级人工智能模型&#xff0c;旨在实现“小而精”的目标&#xff0c;能够实现在低功耗设备上例如智能手机和平板电脑上部署运行。截止目前&#xff0c;已经发布到了phi-3模型&#xff0c;本系列博客将沿着最初的phi-1到phi-1.5&#x…
阅读更多...
HarmonyOS实战开发-如何通过Text实现部分文本高亮和超链接。

HarmonyOS实战开发-如何通过Text实现部分文本高亮和超链接。

介绍 本示例通过自定义Span类型&#xff0c;在Text组件中使用ForEach遍历&#xff0c;根据不同的Span类型生成不同样式和功能的Span组件&#xff0c;实现部分文本高亮和超链接。 效果图预览 使用说明 点击超链接&#xff0c;根据链接类型出现相应提示弹窗。长按消息卡片出现…
阅读更多...
不必追求深度，浅尝辄止为宜

不必追求深度，浅尝辄止为宜

近日笔者撰文称&#xff0c;有幸应《百度-百家号》相邀&#xff0c;在其发起的《征文任务》栏目中写作深度文章&#xff0c;便试着开头写了一篇《万科有“活下去”的可能性吗&#xff1f;》的时评文章&#xff0c;于5月3日发表&#xff0c;舆情反映不错&#xff0c;不到三天时间…
阅读更多...
重生奇迹mu套装大全

重生奇迹mu套装大全

1.战士 汉斯的皮套装&#xff1a;冰之指环,皮护腿,皮盔,皮护手,皮靴,皮铠,流星槌 汉斯的青铜套装&#xff1a;青铜护腿,青铜靴,青铜铠 汉斯的翡翠套装&#xff1a;雷之项链,翡翠护腿,翡翠盔,翡翠铠,远古之盾 汉斯的黄金套装&#xff1a;火之项链,黄金护腿,黄金护手,黄金靴,…
阅读更多...
(双指针) 有效三角形的个数 和为s的两个数字 三数之和 四数之和

(双指针) 有效三角形的个数 和为s的两个数字 三数之和 四数之和

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 目录 文章目录 前言 一、有效三角形的个数&#xff08;medium&#xff09; 1.1、题目 1.2、讲解算法原理 1.3、编写代码 二、和为s的两个数字 2.1、题目 2.2、讲解算…
阅读更多...
动手开发基于Springboot的基础开发框架-01

动手开发基于Springboot的基础开发框架-01

本系列专题虽然是按教学的深度来定稿的&#xff0c;但在项目结构和代码组织方面是按生产系统的要求来书定的。在本章中主要介绍下基础开发框架的内容。后续所有章节的项目全是在本基础框架的基础上演进的。 工程结构介绍 SpringbootSeries&#xff1a;父工程&#xff0c;定义一…
阅读更多...
【信息熵理论-01】最大熵的分布

【信息熵理论-01】最大熵的分布

文章目录 一、说明二、如何认识所谓的“熵”三、熵最大化问题3.1 设置最大化3.2 利用变分微积分 四、更广泛的影响和见解 一、说明 我觉得用最大熵来获取概率分布的方法很给力。您采用一些已知或约束&#xff0c;然后在这些条件下最大化信息熵&#xff0c;瞧&#xff01;你有一…
阅读更多...
前端基础学习html(2)

前端基础学习html(2)

目录 表格标签&#xff1a; 列表标签&#xff1a; 表格标签&#xff1a; <!-- 表格基本架构 --><!-- tr表示一行&#xff0c;td表示一行内单元格 --><!--th为第一行表头加粗居中显示 --><table border"1"><thead><tr><th&g…
阅读更多...
【Linux】17. 进程间通信 --- 管道

【Linux】17. 进程间通信 --- 管道

1. 什么是进程间通信(进程间通信的目的) 数据传输&#xff1a;一个进程需要将它的数据发送给另一个进程 资源共享&#xff1a;多个进程之间共享同样的资源。 通知事件&#xff1a;一个进程需要向另一个或一组进程发送消息&#xff0c;通知它&#xff08;它们&#xff09;发生了…
阅读更多...
sqlmodel实现唯一性校验3，检查多列同时重复

sqlmodel实现唯一性校验3，检查多列同时重复

之前的方案虽然能够解决重复性问题&#xff0c;但是没有覆盖到多列同时重复的情况。 比如&#xff0c;我们可以认为用户名是可以重复的。但是用户名和年龄不能同时重复&#xff0c;那么这种情况该怎么解决呢&#xff1f; 之前的代码如下&#xff1a; from sqlalchemy import…
阅读更多...
最新文章

Copyright @ 2022~2023