JavaScript高级

1、JavaScript面向对象

1.1、面向对象介绍

​ 在 Java 中我们学习过面向对象，核心思想是万物皆对象。在 JavaScript 中同样也有面向对象。思想类似。

​ [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4jzjAKBe-1692461533439)(.\img\面向对象介绍.png)]

1.2、类的定义和使用

  • 结构说明

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5A71i2ke-1692461533439)(.\img\类的定义和使用.png)]

  • 代码实现

    <!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>类的定义和使用</title>
</head>
<body></body>
<script>//定义Person类class Person{//构造方法constructor(name,age){this.name = name;this.age = age;}//show方法show(){document.write(this.name + "," + this.age + "<br>");}//eat方法eat(){document.write("吃饭...");}}//使用Person类let p = new Person("张三",23);p.show();p.eat();
</script>
</html>

    1.3、字面量类的定义和使用

  • 结构说明

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NZNVwJsZ-1692461533440)(.\img\字面量定义类和使用.png)]

  • 代码实现

    <!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>字面量定义类和使用</title>
</head>
<body></body>
<script>//定义personlet person = {name : "张三",age : 23,hobby : ["听课","学习"],eat : function() {document.write("吃饭...");}};//使用persondocument.write(person.name + "," + person.age + "," + person.hobby[0] + "," + person.hobby[1] + "<br>");person.eat();
</script>
</html>

1.3、继承

  • 继承：让类与类产生子父类的关系，子类可以使用父类有权限的成员。

  • 继承关键字：extends

  • 顶级父类：Object

    <!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>继承</title>
</head>
<body></body>
<script>//定义Person类class Person{//构造方法constructor(name,age){this.name = name;this.age = age;}//eat方法eat(){document.write("吃饭...");}}//定义Worker类继承Personclass Worker extends Person{constructor(name,age,salary){super(name,age);this.salary = salary;}show(){document.write(this.name + "," + this.age + "," + this.salary + "<br>");}}//使用Workerlet w = new Worker("张三",23,10000);w.show();w.eat();
</script>
</html>

1.4、小结

  • 面向对象

    把相关的数据和方法组织为一个整体来看待，从更高的层次来进行系统建模，更贴近事物的自然运行模式。

  • 类的定义

    class 类{} 字面量定义

  • 类的使用

    let 对象名 = new 类名(); 对象名.变量名 对象名.方法名()

  • 继承

    让类和类产生子父类关系，提高代码的复用性和维护性。

    子类 extends 父类

    Object 顶级父类

2、JavaScript内置对象

2.1、Number

  • 方法介绍

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-U1YqtI1b-1692461533440)(.\img\Number.png)]

  • 代码实现
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Number</title>
</head>
<body></body>
<script>//1. parseFloat()  将传入的字符串浮点数转为浮点数document.write(Number.parseFloat("3.14") + "<br>");//2. parseInt()    将传入的字符串整数转为整数document.write(Number.parseInt("100") + "<br>");document.write(Number.parseInt("200abc") + "<br>"); // 从数字开始转换，直到不是数字为止</script>
</html>

2.2、Math

  • 方法介绍

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-17Cdei04-1692461533440)(.\img\Math.png)]

  • 代码实现
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Math</title>
</head>
<body></body>
<script>//1. ceil(x) 向上取整document.write(Math.ceil(4.4) + "<br>");    // 5//2. floor(x) 向下取整document.write(Math.floor(4.4) + "<br>");   // 4//3. round(x) 把数四舍五入为最接近的整数document.write(Math.round(4.1) + "<br>");   // 4document.write(Math.round(4.6) + "<br>");   // 5//4. random() 随机数,返回的是0.0-1.0之间范围(含头不含尾)document.write(Math.random() + "<br>"); // 随机数//5. pow(x,y) 幂运算 x的y次方document.write(Math.pow(2,3) + "<br>"); // 8
</script>
</html>

2.3、Date

  • 方法说明

    • 构造方法

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wLkftdh3-1692461533440)(.\img\Date.png)]

    • 成员方法

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-O4N7GduM-1692461533441)(.\img\Date-2.png)]

  • 代码实现

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Date</title>
</head>
<body></body>
<script>//构造方法//1. Date()  根据当前时间创建对象let d1 = new Date();document.write(d1 + "<br>");//2. Date(value) 根据指定毫秒值创建对象let d2 = new Date(10000);document.write(d2 + "<br>");//3. Date(year,month,[day,hours,minutes,seconds,milliseconds]) 根据指定字段创建对象(月份是0~11)let d3 = new Date(2222,2,2,20,20,20);document.write(d3 + "<br>");//成员方法//1. getFullYear() 获取年份document.write(d3.getFullYear() + "<br>");//2. getMonth() 获取月份document.write(d3.getMonth() + "<br>");//3. getDate() 获取天数document.write(d3.getDate() + "<br>");//4. toLocaleString() 返回本地日期格式的字符串document.write(d3.toLocaleString());
</script>
</html>

2.4、String

  • 方法说明

    • 构造方法

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-V9jIbewb-1692461533441)(.\img\String.png)]

    • 成员方法

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hlKy3eA9-1692461533441)(.\img\String-2.png)]

  • 代码实现

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>String</title>
</head>
<body></body>
<script>//1. 构造方法创建字符串对象let s1 = new String("hello");document.write(s1 + "<br>");//2. 直接赋值let s2 = "hello";document.write(s2 + "<br>");//属性//1. length   获取字符串的长度document.write(s2.length + "<br>");//成员方法//1. charAt(index)     获取指定索引处的字符document.write(s2.charAt(1) + "<br>");//2. indexOf(value)    获取指定字符串出现的索引位置document.write(s2.indexOf("l") + "<br>");//3. substring(start,end)   根据指定索引范围截取字符串(含头不含尾)document.write(s2.substring(2,4) + "<br>");//4. split(value)   根据指定规则切割字符串，返回数组let s3 = "张三,23,男";let arr = s3.split(",");for(let i = 0; i < arr.length; i++) {document.write(arr[i] + "<br>");}//5. replace(old,new)   使用新字符串替换老字符串let s4 = "你会不会跳伞啊？让我落地成盒。你妹的。";let s5 = s4.replace("你妹的","***");document.write(s5 + "<br>");
</script>
</html>

2.5、RegExp

正则表达式：是一种对字符串进行匹配的规则。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-91QlrKCB-1692461533441)(.\img\RegExp.png)]

  • 方法说明

    • 构造方法&成员方法

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UbwIbhR1-1692461533441)(.\img\RegExp-2.png)]

    • 规则

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VGoIBP1M-1692461533441)(.\img\RegExp-3.png)]

  • 代码实现

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>RegExp</title>
</head>
<body></body>
<script>//1.验证手机号//规则：第一位1，第二位358，第三到十一位必须是数字。总长度11let reg1 = /^[1][358][0-9]{9}$/;document.write(reg1.test("18688888888") + "<br>");//2.验证用户名//规则：字母、数字、下划线组成。总长度4~16let reg2 = /^[a-zA-Z_0-9]{4,16}$/;document.write(reg2.test("zhang_san123"));
</script>
</html>

2.6、Array

  • 成员方法

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-u6LLhESC-1692461533441)(.\img\Array.png)]

  • 代码实现
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Array</title>
</head>
<body></body>
<script>let arr = [1,2,3,4,5];//1. push(元素)    添加元素到数组的末尾arr.push(6);document.write(arr + "<br>");//2. pop()         删除数组末尾的元素arr.pop();document.write(arr + "<br>");//3. shift()       删除数组最前面的元素arr.shift();document.write(arr + "<br>");//4. includes(元素)  判断数组中是否包含指定的元素document.write(arr.includes(2) + "<br>");//5. reverse()      反转数组元素arr.reverse();document.write(arr + "<br>");//6. sort()         对数组元素排序arr.sort();document.write(arr + "<br>");</script>
</html>

2.7、Set

JavaScript 中的 Set 集合，元素唯一，存取顺序一致。

  • 方法说明

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zXegMgdQ-1692461533442)(.\img\Set.png)]

  • 代码实现
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Set</title>
</head>
<body></body>
<script>// Set()   创建集合对象let s = new Set();// add(元素)   添加元素s.add("a");s.add("b");s.add("c");s.add("c");// size属性    获取集合的长度document.write(s.size + "<br>");    // 3// keys()      获取迭代器对象let st = s.keys();for(let i = 0; i < s.size; i++){document.write(st.next().value + "<br>");}// delete(元素) 删除指定元素document.write(s.delete("c") + "<br>");let st2 = s.keys();for(let i = 0; i < s.size; i++){document.write(st2.next().value + "<br>");}
</script>
</html>

2.8、Map

JavaScript 中的 Map 集合，key 唯一，存取顺序一致。

  • 方法说明

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iHjK6bcH-1692461533442)(.\img\Map.png)]

  • 代码实现
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Map</title>
</head>
<body></body>
<script>// Map()   创建Map集合对象let map = new Map();// set(key,value)  添加元素map.set("张三",23);map.set("李四",24);map.set("李四",25);// size属性     获取集合的长度document.write(map.size + "<br>");// get(key)     根据key获取valuedocument.write(map.get("李四") + "<br>");// entries()    获取迭代器对象let et = map.entries();for(let i = 0; i < map.size; i++){document.write(et.next().value + "<br>");}// delete(key)  根据key删除键值对document.write(map.delete("李四") + "<br>");let et2 = map.entries();for(let i = 0; i < map.size; i++){document.write(et2.next().value + "<br>");}
</script>
</html>

2.9、Json

  • JSON(JavaScript Object Notation)：是一种轻量级的数据交换格式。

    • 它是基于 ECMAScript 规范的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。
    • 简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于计算机解析和 生成，并有效的提升网络传输效率。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZZ5UtS5L-1692461533442)(.\img\json-2.png)]

  • 方法说明

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BeDJmwTq-1692461533442)(.\img\json-常用方法.png)]

  • 代码实现
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JSON</title>
</head>
<body></body>
<script>//定义天气对象let weather = {city : "北京",date : "2088-08-08",wendu : "10° ~ 23°",shidu : "22%"};//1.将天气对象转换为JSON格式的字符串let str = JSON.stringify(weather);document.write(str + "<br>");//2.将JSON格式字符串解析成JS对象let weather2 = JSON.parse(str);document.write("城市：" + weather2.city + "<br>");document.write("日期：" + weather2.date + "<br>");document.write("温度：" + weather2.wendu + "<br>");document.write("湿度：" + weather2.shidu + "<br>");
</script>
</html>

2.10、表单校验

  • 案例说明

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zl5L3qdZ-1692461533442)(.\img\案例-表单校验.png)]

  • 代码实现
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>表单校验</title><link rel="stylesheet" href="css/style.css"></link>
</head>
<body><div class="login-form-wrap"><h1>黑马程序员</h1><form class="login-form" action="#" id="regist" method="get" autocomplete="off"><label><input type="text" id="username" name="username" placeholder="Username..." value=""></label><label><input type="password" id="password" name="password" placeholder="Password..." value=""></label><input type="submit" value="注册"></form></div>
</body>
<script>//1.为表单绑定提交事件document.getElementById("regist").onsubmit = function() {//2.获取填写的用户名和密码let username = document.getElementById("username").value;let password = document.getElementById("password").value;//3.判断用户名是否符合规则  4~16位纯字母let reg1 = /^[a-zA-Z]{4,16}$/;if(!reg1.test(username)) {alert("用户名不符合规则，请输入4到16位的纯字母！");return false;}//4.判断密码是否符合规则  6位纯数字let reg2 = /^[\d]{6}$/;if(!reg2.test(password)) {alert("密码不符合规则，请输入6位纯数字的密码！");return false;}//5.如果所有条件都不满足，则提交表单return true;}</script>
</html>

2.11、小结

  • 内置对象是 JavaScript 提供的带有属性和方法的特殊数据类型。
  • 数字日期 Number Math Date
  • 字符串 String RegExp
  • 数组集合 Array Set Map
  • 结构化数据 JSON

3、JavaScript BOM

  • BOM(Browser Object Model)：浏览器对象模型。
  • 将浏览器的各个组成部分封装成不同的对象，方便我们进行操作。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XmAuXNSe-1692461533443)(.\img\BOM介绍.png)]

3.1、Windows窗口对象

  • 定时器
    • 唯一标识 setTimeout(功能，毫秒值)：设置一次性定时器。
    • clearTimeout(标识)：取消一次性定时器。
    • 唯一标识 setInterval(功能，毫秒值)：设置循环定时器。
    • clearInterval(标识)：取消循环定时器。
  • 加载事件
    • window.onload：在页面加载完毕后触发此事件的功能。
  • 代码实现
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>window窗口对象</title><script>//一、定时器function fun(){alert("该起床了！");}//设置一次性定时器//let d1 = setTimeout("fun()",3000);//取消一次性定时器//clearTimeout(d1);//设置循环定时器//let d2 = setInterval("fun()",3000);//取消循环定时器//clearInterval(d2);//加载事件window.onload = function(){let div = document.getElementById("div");alert(div);}</script>
</head>
<body><div id="div">dddd</div>
</body>
<!-- <script>//一、定时器function fun(){alert("该起床了！");}//设置一次性定时器//let d1 = setTimeout("fun()",3000);//取消一次性定时器//clearTimeout(d1);//设置循环定时器//let d2 = setInterval("fun()",3000);//取消循环定时器//clearInterval(d2);//加载事件let div = document.getElementById("div");alert(div);
</script> -->
</html>

3.2、Location地址栏对象

  • href 属性

    就是浏览器的地址栏。我们可以通过为该属性设置新的 URL，使浏览器读取并显示新的 URL 的内容。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5BPFYh7k-1692461533443)(.\img\Location-注册成功.png)]

  • 代码实现

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>location地址栏对象</title><style>p{text-align: center;}span{color: red;}</style>
</head>
<body><p>注册成功！<span id="time">5</span>秒之后自动跳转到首页...</p>
</body>
<script>//1.定义方法。改变秒数，跳转页面let num = 5;function showTime() {num--;if(num <= 0) {//跳转首页location.href = "index.html";}let span = document.getElementById("time");span.innerHTML = num;}//2.设置循环定时器，每1秒钟执行showTime方法setInterval("showTime()",1000);
</script>
</html>

3.3、案例-动态广告

  • 案例分析和实现
<!-- 广告图片 -->
<img src="img/ad_big.jpg" id="ad_big" width="100%"/>
  • 在 css 样式中，display 属性可以控制元素是否显示
style="display: none;"
  • 设置定时器，3 秒后显示广告图片
//1.设置定时器，3秒后显示广告图片
setTimeout(function(){let img = document.getElementById("ad_big");img.style.display = "block";
},3000);
  • 设置定时器，3 秒后隐藏广告图片
//2.设置定时器，3秒后隐藏广告图片
setTimeout(function(){
let img = document.getElementById("ad_big");
img.style.display = "none";
},6000);

3.4、小结

  • **BOM(Browser Object Model)：**浏览器对象模型。
  • 将浏览器的各个组成部分封装成不同的对象，方便我们进行操作。
    • Window：窗口对象
    • Location：地址栏对象
    • Navigator：浏览器对象
    • History：当前窗口历史记录对象
    • Screen：显示器屏幕对象
  • Window 窗口对象
    • setTimeout()、clearTimeout()：一次性定时器
    • setInterval()、clearInterval()：循环定时器
    • onload 事件：页面加载完毕触发执行功能
  • Location 地址栏对象 href 属性：跳转到指定的 URL 地址

4、JavaScript封装

封装思想

  • **封装：**将复杂的操作进行封装隐藏，对外提供更加简单的操作。

  • 获取元素的方法

    • document.getElementById(id值)：根据 id 值获取元素
    • document.getElementsByName(name值)：根据 name 属性值获取元素们
    • document.getElementsByTagName(标签名)：根据标签名获取元素们

  • 代码实现

    <!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>封装</title>
</head>
<body><div id="div1">div1</div><div name="div2">div2</div>
</body>
<script src="my.js"></script>
<script>let div1 = getById("div1");alert(div1);// let div1 = document.getElementById("div1");// alert(div1);// let divs = document.getElementsByName("div2");// alert(divs.length);// let divs2 = document.getElementsByTagName("div");// alert(divs2.length);
</script>
</html>

    js封装

    function getById(id){return document.getElementById(id);
}function getByName(name) {return document.getElementsByName(name);
}function getByTag(tag) {return document.getElementsByTagName(tag);
}

我们之前的操作都是基于原生 JavaScript 的，比较繁琐。 JQuery 是一个前端框架技术，针对 JavaScript 进行了一系列的封装，使得操作变得非常简单！ 期待吧……

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

十问华为云 Toolkit：开发插件如何提升云上开发效能

十问华为云 Toolkit：开发插件如何提升云上开发效能

众所周知&#xff0c;桌面集成开发环境&#xff08;IDE&#xff09;已经融入到开发的各个环节&#xff0c;对开发者的重要性和广泛度是不言而喻的&#xff0c;而开发插件更是建立在IDE基础上的功能Buff。 Huawei Cloud ToolKit作为华为云围绕其产品能力向开发者桌面上的延伸&a…
阅读更多...
快速实现SAP的移动化和流程优化

快速实现SAP的移动化和流程优化

热门议题&#xff1a; 1、企业如何快速解决人员移动办公的需求&#xff0c;比如在苹果安卓手机&#xff0c;平板电脑&#xff0c;MAC登录SAP。2、企业如何解决用户经常抱怨的流程复杂&#xff0c;操作繁琐&#xff0c;难以使用等问题 公司介绍&#xff1a; Synactive,Inc. 是…
阅读更多...
8. 实现业务功能--用户注册

8. 实现业务功能--用户注册

目录 1. 顺序图 2. 参数要求 3. 接口规范 4. 创建扩展 Mapper.xml 5. 修改 DAO 6. 创建 Service 接口 7. 实现接口 8. 测试接口 9. 实现 Controller 9.1 密码加密处理 10. 实现前端界面 业务实现过程中主要的包和目录及主要功能&#xff1a; model 包&#xff1a;实体对象 d…
阅读更多...
vue 弹出框 引入另一个vue页面

vue 弹出框 引入另一个vue页面

为什么要这么做,适用于在一个页面逻辑比较多的时候,可以搞多个页面,防止出错 index页面点击解约按钮,弹出框 进入jieyue.vue 核心代码 <el-buttonsize"mini"type"text"icon"el-icon-edit"v-if"scope.row.delFlag 0"click"j…
阅读更多...
探索人工智能 | 模型训练 使用算法和数据对机器学习模型进行参数调整和优化

探索人工智能 | 模型训练 使用算法和数据对机器学习模型进行参数调整和优化

前言 模型训练是指使用算法和数据对机器学习模型进行参数调整和优化的过程。模型训练一般包含以下步骤&#xff1a;数据收集、数据预处理、模型选择、模型训练、模型评估、超参数调优、模型部署、持续优化。 文章目录 前言数据收集数据预处理模型选择模型训练模型评估超参数调…
阅读更多...
websocker无法注入依赖

websocker无法注入依赖

在公司中准备用websocker统计在线人数&#xff0c;在WebSocketServer使用StringRedisTemplate保存数据到redis中去&#xff0c;但是在保存的时候显示 StringRedisTemplate变量为null 详细问题 2023-08-20 10:37:14.109 ERROR 28240 --- [nio-7125-exec-1] o.a.t.websocket.po…
阅读更多...
NAS个人云存储 - 手把手教你搭建Nextcloud个人云盘并实现公网远程访问

NAS个人云存储 - 手把手教你搭建Nextcloud个人云盘并实现公网远程访问

文章目录 摘要1. 环境搭建2. 测试局域网访问3. 内网穿透3.1 ubuntu本地安装cpolar3.2 创建隧道3.3 测试公网访问 4 配置固定http公网地址4.1 保留一个二级子域名4.1 配置固定二级子域名4.3 测试访问公网固定二级子域名 摘要 Nextcloud,它是ownCloud的一个分支,是一个文件共享服…
阅读更多...
LeetCode ——二叉树篇（三）

LeetCode ——二叉树篇（三）

刷题顺序及思路来源于代码随想录&#xff0c;网站地址&#xff1a;https://programmercarl.com 二叉树的定义及创建见&#xff1a; LeetCode ACM模式——二叉树篇&#xff08;一&#xff09;_要向着光的博客-CSDN博客 目录 116. 填充每个节点的下一个右侧节点指针 117. 填…
阅读更多...
Maven介绍_下载_安装_使用_原理

Maven介绍_下载_安装_使用_原理

文章目录 1 Maven介绍1.1 Maven的介绍1.2 Maven的作用 2 Maven下载与安装2.1 官网下载2.2 文件目录2.3 环境配置 3 Maven基础概念3.1 仓库分类3.2 依赖坐标3.3 坐标组成 4 Maven配置4.1 本地仓库配置4.2 远程仓库的设置4.3 镜像仓库配置4.4 IDEA配置Maven 5 Maven项目创建5.1 M…
阅读更多...
LaWGPT零基础部署win10+anaconda

LaWGPT零基础部署win10+anaconda

准备代码&#xff0c;创建环境 # 下载代码 git clone https://github.com/pengxiao-song/LaWGPT cd LaWGPT # 创建环境 conda create -n lawgpt python3.10 -y conda activate lawgpt pip install -r requirements.txt # 启动可视化脚本&#xff08;自动下载预训练模型约15GB…
阅读更多...
回归预测 | MATLAB实现BiLSTM双向长短期记忆神经网络多输入多输出预测

回归预测 | MATLAB实现BiLSTM双向长短期记忆神经网络多输入多输出预测

回归预测 | MATLAB实现BiLSTM双向长短期记忆神经网络多输入多输出预测 目录 回归预测 | MATLAB实现BiLSTM双向长短期记忆神经网络多输入多输出预测预测效果基本介绍程序设计往期精彩参考资料 预测效果 基本介绍 MATLAB实现BiLSTM双向长短期记忆神经网络多输入多输出预测&#x…
阅读更多...
第二讲：BeanFactory的实现

第二讲：BeanFactory的实现

BeanFactory的实现 1. 环境准备2. 初始化DefaultListableBeanFactory3. 手动注册BeanDefinition4. 手动添加后置处理器5. 获取被依赖注入的Bean对象6. 让所有的单例bean初始化时加载7. 总结 Spring 的发展历史较为悠久&#xff0c;因此很多资料还在讲解它较旧的实现&#xff0c…
阅读更多...
时序预测 | MATLAB实现基于CNN-BiLSTM卷积双向长短期记忆神经网络的时间序列预测-递归预测未来(多指标评价)

时序预测 | MATLAB实现基于CNN-BiLSTM卷积双向长短期记忆神经网络的时间序列预测-递归预测未来(多指标评价)

时序预测 | MATLAB实现基于CNN-BiLSTM卷积双向长短期记忆神经网络的时间序列预测-递归预测未来(多指标评价) 目录 时序预测 | MATLAB实现基于CNN-BiLSTM卷积双向长短期记忆神经网络的时间序列预测-递归预测未来(多指标评价)预测结果基本介绍程序设计参考资料 预测结果 基本介绍…
阅读更多...
iTOP-RK3568开发板ubuntu环境下安装Eclipse

iTOP-RK3568开发板ubuntu环境下安装Eclipse

eclipse 是使用 Java 语言开发的&#xff0c;一个 Java 应用程序&#xff0c;这意味着 eclipse 只能运行在 Java虚拟机上。倘若没有安装 JDK&#xff08;Java Development Kit&#xff09;&#xff0c;即使在 ubuntu 上安装了 eclipse&#xff0c;也不能运行&#xff0c;所以要…
阅读更多...
正则表达式在PHP8中的应用案例-PHP8知识详解

正则表达式在PHP8中的应用案例-PHP8知识详解

正则表达式在php8中有许多应用案例。以下是一些常见的应用场景&#xff1a;如数据验证、数据提取、数据替换、url路由、文本搜索和过滤等。 1、数据验证 使用正则表达式可以对用户输入的数据进行验证&#xff0c;例如验证邮箱地址、手机号码、密码强度等。 下面是一个用正则表…
阅读更多...
漏洞指北-VulFocus靶场专栏-入门

漏洞指北-VulFocus靶场专栏-入门

漏洞指北-VulFocus靶场01-入门 VulFocus靶场前置条件&#xff1a;入门001 命令执行漏洞step1&#xff1a; 输入默认index的提示step2&#xff1a; 入门002 目录浏览漏洞step1&#xff1a;进入默认页面&#xff0c;找到tmp目录step2 进入tmp目录获取flag文件 VulFocus靶场前置条…
阅读更多...
GuLi商城-前端基础Vue指令-单向绑定双向绑定

GuLi商城-前端基础Vue指令-单向绑定双向绑定

什么是指令? 指令 (Directives) 是带有 v- 前缀的特殊特性。 指令特性的预期值是:单个 JavaScript 表达式。 指令的职责是&#xff0c;当表达式的值改变时&#xff0c;将其产生的连带影响&#xff0c;响应式地作用于DOM 例如我们在入门案例中的 v-on&#xff0c;代表绑定事…
阅读更多...
抓住WhatsApp 营销风口，做全球电商领跑者

抓住WhatsApp 营销风口，做全球电商领跑者

您的电子邮件营销活动效果是否一直不理想&#xff1f;不妨考虑 WhatsApp营销&#xff0c;一种实时通讯营销&#xff0c;可帮助企业接触更广泛的受众&#xff0c;与客户建立个人联系并最终增加销售额。还可以再借助具有强大功能的全渠道客户服务工具&#xff0c;例如SaleSmartly…
阅读更多...
idea插件推荐——mybatis log plugin快速查看运行SQL

idea插件推荐——mybatis log plugin快速查看运行SQL

我们在编写代码的时候一定会编写SQL&#xff0c;简单的SQL我们一般不会出错但是如果遇到了mybatis中的复杂动态SQL&#xff0c;我们可能就会出现一些问题&#xff0c;为了在开发自测阶段及时发现处理问题&#xff0c;我们需要快速查看编译得到的SQL&#xff0c; log4j 的打印的…
阅读更多...
[Go版]算法通关村第十三关青铜——数字数学问题之统计问题、溢出问题、进制问题

[Go版]算法通关村第十三关青铜——数字数学问题之统计问题、溢出问题、进制问题

这里写自定义目录标题 数字统计专题题目&#xff1a;数组元素积的符号思路分析&#xff1a;无需真计算&#xff0c;只需判断负数个数是奇是偶复杂度&#xff1a;时间复杂度 O ( n ) O(n) O(n)、空间复杂度 O ( 1 ) O(1) O(1)Go代码 题目&#xff1a;阶乘尾数0的个数思路分析&am…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023