JavaScript 入门

目录

第一个知识点:引入js文件

内部引用:

外部引用:

第二个知识点:javascript的基本语法

定义变量:

条件控制(if - else if - else)

第三个知识点:javascript里的数据类型、运算符:

数字类型

字符串类型

布尔类型

逻辑运算符

比较运算符

此外还要说的一点是null、undefined

数组

对象

第四个知识点:严格检查模式

第五个知识点:javascript里的流程控制

if-else:与java里的一样

while:与java里的一样

dowhile:与java里的一样

for:用 let 或者 var 定义for循环里的变量

foreach:

for***in:

第六个知识点:Map与Set集合

Map:不可重复的键值对集合,放键值对

Set:无序不重复集合,放键

第七个知识点:迭代器

遍历数组:

遍历map集合:

遍历set集合:

第八个知识点:函数

如何定义函数?

讲完了函数的定义与调用,我们来说说javascript的一些关键字:

arguments:将函数的所有参数看作一个数组里的元素

rest:将除了x,y剩余的参数传入rest数组

变量的作用域:

var:

let:

const:

方法的定义与调用

第九个知识点:内部对象

Date对象:

Json对象:一种数据传输的格式

第十个知识点:继承

第十一个知识点:操控BOM对象

window:操作浏览器窗口

screen:内含屏幕尺寸

location:当前页面URL信息

document:当前页面信息

history:浏览器的历史纪录

第十二个知识点:Dom

获取dom节点

改变dom节点内容:

删除dom节点:

创建节点:

插入节点:

第十三个知识点:用javascript获取表单的内容

第十四个知识点:用md5加密秘密

第十五个知识:JQuery

初识JQuery:

JQuery里的选择器:

用JQuery操控dom元素:


第一个知识点:引入js文件

引入js文件有两种方式:

  1. 内部标签引用

  2. 外部引用

内部引用:
<script>
    js代码    
</script>
外部引用:

假设我们写了一个a.js

我们就通过代码:

<script src="a.js"></script>

具体代码演示:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>天玄地号商铺</title>
    <script src="ShopSaying.js"></script>//外部引入
</head>
<body>
​
</body>
</html>
alert("欢迎来到天地玄号商铺");//js文件
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>天玄地号商铺</title>
    <!--<script src="ShopSaying.js"></script>外部引用-->
    <script>
        alert("欢迎来到天玄地号商铺");//内部引入
    </script>
</head>
<body>
​
</body>
</html>

第二个知识点:javascript的基本语法

定义变量:
  • 在JavaScript里面,没有int,string 之类的数据类型,只有 var

var num = 1; var string = "天玄地号";

在javascript中,写完一句语句之后可以不加分号,但这样计算机编译/打包时就会把不同行的代码放到同一行。

说完怎么定义常量,我们来说说javascript里面的条件控制:

条件控制(if - else if - else)
  • 在javascript里,条件控制大体与java里的条件控制相似

var score;
if(score > 60){
    alert("a");
}else if(score <60){
    alert("b");
}else{
    alert("c");
}

说完这两个小知识点,我们再来说说怎么调试javascript,毕竟,bug是程序员的必修课(狗头护体)

假设我们写了一段这样的javascript代码:

<script>
      var score = -1;
      if(score > 60){
        alert("a");
      }else if(0 <score <60){
        alert("b");
      }else{
        aler("c");  //alert少了一个t
      }
</script>

浏览器运行为:

我们可以发现,ideal成功地运行了,没有任何地报错

这时,我们就需要对自己的网页进行检查:鼠标右键 + 检查网页

打断点: 用于检查网页

网页报错:元素没有写对


第三个知识点:javascript里的数据类型、运算符:

数字类型
123 //整数
123.1 //浮点数
1.123e3 //科学计数法
-10 //负数
NaN //not a number
Infinity    //无限大

以上的类型在javascript里都是数字类型


字符串类型

在开始之前,我需要先说明白两个知识点:

  • console.log()是啥?

  • let 与 var 的区别是啥?

console.log()是控制台输出语句

举个例子:

console.log("你好,what");

我们打开浏览器-->鼠标右键+检查窗口 --> console面板(控制台)

let与var,在刚入门时,暂且认为let声明的是局部变量,var声明的是全局变量吧

然后让我们开始讨论数据类型:

  1. 单行的字符串常用单引号或者双引号包裹

  2. 多行字符串常用飘点来包裹

例子:

<script>
  var oneLine = '我是单行字符串符号';
  var oneLine2 = "我也是单行字符串符号";
  var manyLine3 = `我是
  多行字符串
  符号`;
</script>
  1. 转义字符

\'
\n
\t
\u4e2d  \u#### Unicode字符
\x41            Ascll字符

转义字符除了这些还有许多,我在这里知识举了几个例子。

  1. 模拟字符串

  let m = "what";
  let s = `你好,${m}`;//模拟字符串省略了+号,跟c语言里对变量的使用相似
  console.log(s);
  1. 字符串长度

let str = 'helloworld';
console.log(str.length);//调用内置string类的方法
  1. 字符串不可变性

当我们定义了一个字符串,那么他的内容就是不可变的了

var str = "helloworld";
console.log(str[1]);

此时浏览器会返回e

我们试着将字符串内容改变:

str[2] = "i";
console.log(str);

此时浏览器仍旧返回e

由此我们可以知道字符串自从定义以后他的内容就不会在后续中改变了

  1. 字符串里的方法

  • toUpperCase() //将字符串大写

  • toLowerCase() //将字符串小写

  • substring() //截取字符串

我们这里来说说截取字符串:

var str = "helloworld";
console.log(str.substring(1,3));//截取[1,3)这个范围的字符
console.log(str.substring(1));  //截取下标1之后的字符

布尔类型
true 或者 false

逻辑运算符
&&  两个都为真结果为真
||  一个为真则结果为真
!   真变假,假变真

比较运算符
=   赋值
==  等于(值一样则判断为true)
=== 绝对等于(类型与值都一样则判断为true)

判断时一般不用==,因为他有缺陷

另外,还有两种特殊的问题需要注意:

  1. NaN === NaN问题

    • 因为NaN与包括自己在内的所有的数值都不相等,所以我们需要通过isNaN(NaN)来判断一个数是否是NaN

  2. 浮点数问题

    • ((1/3) === (1-(2/3)) 会判断为false

    • Math.abs(1/3-(1-2/3))<0.0000001 会判断为true

我们通过Math.abs()来判断浮点数问题


此外还要说的一点是null、undefined
  • null 表示为 空

  • undefined 表示为未定义


数组

在javascript中如何定义数组?

var arr = [1,'why me?',true,null] //在javascript里定义一个数组

我们可以看到在javascript数组中,各个元素类型可以不相同

当数组下标越界则会返回:undefined

接着我们来说说数组的一些方法:

length()方法:

arr.length; //获取数组长度

我们可以通过给它赋值来改变数组的长度:

arr.length = 10 ; //将arr数组的长度变为10,如果只放了两个元素,则其他空间为undefined
arr.length = 2; //假设arr数组里原来有10个元素,则保留两个元素,其余元素丢失

indexOf:

arr.indexOf(2); //获取值为2的元素的下标

slice():

arr.slice(1,3) //截取下标1到3的元素

slice()与substring有些相似

push()、pop():

arr.push("1");//将元素"1"压入arr数组末尾
arr.pop();    //将数组末尾的元素弹出

unshift()、shift():

arr.unshift(1);//将1压入到arr数组头部
arr.shift();//将数组arr头部元素弹出

sort():

arr.sort();//将arr里的元素用升序排序

reverse():

arr.reverse();//将数组元素顺序翻转

concat():

arr.concat([1,2,3]);//将[1,2,3]放入arr末尾并将其看成一个新的数组

join():

arr.join("-");//将"-"作为连接符放入arr数组元素之间
假如:arr 是 "1 2"
那么:arr.join("-");便是"1-2"

除了单维数组,javascript中还有多维数组,在这里就不讲多了,学到这里我觉得大家也应该都知道多维数组是咋操作的了。


对象

如何在javascript里定义一个对象?

var 对象名 ={
    属性名:属性值
    属性名:属性值
}
var function = {
    name = '天玄地号';
    age = 1000;
}

javascript里的对象都是以键值对的方式存在的,我们定义的属性名全为string类型,但属性值则可以是任意类型

如何使用对象的值?

function.name

在javascript里,我们还可以动态修改对象的属性:

  • 添加属性:

function.hahaha = "新的属性值";
  • 删除属性:

delete function.hahaha

判断一个属性是否存在于对象中:

fuction.hasOwnProperty("age");

另外还有一种方法:

age in function;

但是这种方法搜索的范围是这个类与他的父类,也就是说将父类拥有的属性用来判断也会返回true

var function = {
    age = 1;
    name = 'abc';
}//此时function只有两个属性
//我们用父类的属性来测试:
'toString' in function //此时控制台会返回true

所以一般我们在判断属性时一般使用的是hasOwnProperty()方法。


第四个知识点:严格检查模式

  • 在javascript首行写上"use strict"

具体作用表现在哪儿呢?

  • 他让我们的代码变得更加规范

不添加"use strict"可以不用var声明变量,但是会在一些时候与其他地方的 i 起冲突

添加了"use strict"之后就必须用var声明变量了,不然代码运行时会报错


第五个知识点:javascript里的流程控制

if-else:与java里的一样

if(){
    
}else if(){
    
}else{
    
}

while:与java里的一样

while(){}

dowhile:与java里的一样

do{
    
}while();

for:用 let 或者 var 定义for循环里的变量

for(let i;i <10;i++){
    函数体
}

foreach:

let arr = [1,2,1,3,1,14];
arr.foreach(ahhah(value){
            console.log(value);
            })

foreach循环是调用数组类下的函数,ahhah(value)为函数的参数,我们通过value值获取数组元素

for***in:

let arr = [1,2,1,3,1,14];
for(let i in arr){
    console.log(arr[i]);
}

for in循环是返回数组arr的下标

第六个知识点:Map与Set集合

Map:不可重复的键值对集合,放键值对

//创建一个集合
var map = new Map([['tom',100],['me',20],['tian',15]])
//通过 键 获取 值
var name = map.get('tom');
//添加或修改的键值对
map.set('is',100);
//删除
map.delete("me");

Set:无序不重复集合,放键

//添加
set.add('1');
//删除
set.delete("1");
//检查是否包含某个元素
set.has("1");

第七个知识点:迭代器

  • 在Javascript中,我们使用迭代器来迭代Map、Set集合,迭代数组也是可以滴

  • 一般用for-of 或者 for-in迭代,但是for-in有一定的缺陷,所以使用for-of即可

遍历数组:

var arr = [3,4,5];
for(let x of arr){
    console.log(x);//这里返回数组元素
}

遍历map集合:

var map = new Map([['tian',0],['xuan',1]]);
for(let x of map){
    console.log(x);//这里返回一个键值对
}

遍历set集合:

var set = new Set(['a','b','c']);
for(let x of set){
    console.log(x);//这里返回集合的值
}

第八个知识点:函数

如何定义函数?

//绝对值函数
第一种方法:
function abs(x){
    if(x>0){
        return x;
    }else if(x<0){
        return -x;
    }
}
第二种方法:
var abs = function(x){
    if(x>0){
        return x;
    }else if(x<0){
        return -x;
    }
}
调用函数:
abs(10);
abs(-10);

讲完了函数的定义与调用,我们来说说javascript的一些关键字:

arguments:将函数的所有参数看作一个数组里的元素

我们在浏览器控制台输入给函数输入参数,计算机就将输入的参数放入了arguments中。

rest:将除了x,y剩余的参数传入rest数组


变量的作用域:

  • 用var、let、const定义的变量拥有自己的作用域,出了自己的作用域就不管用了。

var:
  • 在函数中用var声明的变量在函数外就不管用了。

function example(){
    var x = 1;
    x = x + 1; //函数内
    console.log(x);
}
x = x + 2;     //函数外

  • 也就是说我们在两个函数里声明两个一样的变量是不冲突的

举个例子:

function example(){
    var x = 1;
}
function example(){
    var x = 2;
}
  • 另外,我们还会遇到外函数-内函数问题:

<script>
  function AreaTest(){//外部函数
    var outer = 1;//
    function InnerTest(){//内部函数
      var inner = 2;
      console.log("从内部引用inner:" + inner);
      console.log("从内部引用outer:" + outer);
    }
    console.log("从外部引用outer:" + outer);
    //console.log("从外部引用inner:" + inner); inner un defined
    InnerTest();//调用内部类
  }
  AreaTest();
</script>

我们将AreaTest看作外函数,InnerTest看作是内函数,那么内部可访问外部函数变量,外部则不可访问内部函数变量

let:
  • 用let定义的变量出了当前大括号就不管用了

const:
  • 我们一般用const来定义常量 --- 不可改变的变量

由上面写的代码可知,JAVA作为常量,那么在后续中就不能够改变了

方法的定义与调用

  • 由于对象的属性成键值对形式出现,且属性的值可以是任意类型,所以我们给age赋值一个方法

<script>
  var tianxuan = {
    name:'天地玄号',
    birth: 2020,
    age: function (){
         var now = new Date().getFullYear();
         return now - this.birth;
    }//给age属性赋值一个方法
  }
  console.log(tianxuan.age());
  console.log(tianxuan.name);
</script>
我们也可以将该方法抽取出来:

<script>
  var tianxuan = {
    name:'天地玄号',
    birth: 2020,
    age: getAge//通过age调用方法
  }
function  getAge(){
      var now = new Date().getFullYear();
      return now - this.birth;//当前对象
  }
  console.log(tianxuan.age());//对象调用方法必须要加上括号
  console.log(tianxuan.name);
</script>

这里的this关键字指的是当前对象,在上述代码中我们通过tianxuan这个对象调用方法,那么this指代的就是tianxuan

第九个知识点:内部对象

Date对象:

<script>
  var date = new Date();
  date.getFullYear();//年
  date.getMonth();//月
  date.getDate();//日
  date.getDay();//星期几
  date.getHours();//时
  date.getMinutes();//分
  date.getSeconds();//秒
  date.getTime();//获取时间戳,时间戳时全球统一,从1970.1.1.00:00:00 分开始算毫秒数
  var date2 = new Date(1707205294710);//1707205294710毫秒
  date2.toLocaleString();//将时间戳化成具体时间
</script>

其实就是创建对象 --> 调用方法

Json对象:一种数据传输的格式

var user = {
    username : 123456,
    password : 'abcd'
}
//将对象转换为json字符串,用于存储数据
var jsonUser = Json.stringfy(user);
//将json字符串转换回对象
var obj = Json.parse(jsonUser);

第十个知识点:继承

在ES6之后,javascript引入了类的概念,也就是说与java相同,我们可以在js文件中创建类与对象,然后通过extend继承

<script>
  class Father {
    constructor(name) {//父类构造器
      this.name = name;
    }
    speak(){//父类方法
      console.log('我是father');
    }
  }
  class Son extends Father{
    constructor(name,age) {//子类构造器
      super(name);//引用父类构造器 this.name = name
      this.age = age
    }
  }
  var son = new Son('nihao',12);
  console.log(son.speak());
</script>

与java不相同的时,javascript提到一个prototype的概念,这个概念表示为原型,假设我们两个类之间存在继承关系,那么父类就是子类的原型。然后,这个还涉及到一个叫原型链的概念,这里我们先不谈

第十一个知识点:操控BOM对象

BOM:浏览器对象模型 --- B/S、Object、Model

  • window

  • navigator

  • screen

  • location

  • document

  • history

window:操作浏览器窗口

//我们可以通过一些指令控制浏览器
window.alert();//弹窗
window.innerwidth;//获取浏览器页面宽度
···
navigator.appName;//浏览器名字
navigator.appVersion;//浏览器版本
···

screen:内含屏幕尺寸

screen width;
screen height;

location:当前页面URL信息

host:"www.baidu.com"
protocol:"http"
···

document:当前页面信息

document.title
···

history:浏览器的历史纪录

history.back();//返回上一个页面
history.forward();//进入刚刚打开的页面

第十二个知识点:Dom

  • Dom --> document object model 文档对象模型

  • 我们编写的HTML代码中,有许多标签,body、h1、p、div……都可以成为节点。

  • 我们操控dom节点就是使用javascript去操控html里的每一个标签

那么我们该怎么操作dom节点呢?

获取dom节点

  • 首先我们应该获取dom节点

var h1 = document.getElementsByTagName("h1");//通过标签名获得节点
var x = document.getElementById("x");//通过id获得节点
var y = document.getElementsByClassName("y");//通过class获得节点
​
var father = document.getElementById('father');//获得父亲姐弟啊
var childern = father.children;//通过父亲节点获得所有子节点

改变dom节点内容:

father.innerText = '你好,我是div';
father.style.background = 'orange';

删除dom节点:

<div id="father">
      <h1>你好,java</h1>
      <h2 id="x">用id得到节点</h2>
      <h3 class="y">用class得到节点</h3>
</div>
<script>
      //删除节点
      var father = document.getElementById('father');
      var son = document.getElementById('x');
      father.removeChild(son);
</script>

创建节点:

   <div id="father">
            <h1>你好,java</h1>
            <h2 id="x">用id得到节点</h2>
            <h3 class="y">用class得到节点</h3>
            <h4 id="h4">第四个节点</h4>
        </div>
         <script>
            //创建一个新节点
            var hello = document.createElement('p');
            hello.id = 'hello';
            hello.innerText = 'hello world';
            var father = document.getElementById('father');
            var h1 = father.children[0];
            father.insertBefore(hello,h1);
         </script>
//此外创建如script、body这样的节点,我们需要给他说明类型:
        <script>
            var sc = document.createElement('script');
            sc.setAttribute('type','text/javascript');
        </script>
​

整体步骤就是:

  1. 使用createElement创建新节点

  2. 给新节点赋予属性(id、type···)

插入节点:

<p id="z">我是新来的节点</p>
        <div id="father">
            <h1>你好,java</h1>
            <h2 id="x">用id得到节点</h2>
            <h3 class="y">用class得到节点</h3>
            <h4 id="h4">第四个节点</h4>
        </div>
         <script>
            //在某个节点之前插入一个节点
            var new_node = document.getElementById('z');//新节点
            var x = document.getElementById('x');
            var father = document.getElementById('father');
            father.insertBefore(new_node,y);
         </script>

整体步骤就是:

  1. 拿到新节点

  2. 找到父节点

  3. 拿到目标节点

  4. 将新节点用insertbefore放在目标节点前面

第十三个知识点:用javascript获取表单的内容

<body>
  <form action="#" method="post">//写一个表单
    <span>用户名:</span><input type="text"   id="username" name="username">
    <span>密码:</span><input type="password"   id="password" name="password">
    <button type="submit" onclick="A()">提交</button>             //onclick---点击调用函数提交
  </form>
<script>
    function A(){//用js获取用户名,密码,说明不加密之前账号容易泄露
        //获取用户名节点
      var user = document.getElementById('username');
        //获取密码节点
      var pass = document.getElementById('password');
      console.log(user.value);//在控制台输出用户名的值,方便观察
      console.log(pass.value);//在控制台输出密码的值,方便观察
      pass.value = 'abc';
      return true;
    }
</script>
</body>

然后我们来说说,在提交了表单以后,我们可以在浏览器-->网络-->负载 里面去看自己传入的username、password(各个浏览器观察的位置不一样)

第十四个知识点:用md5加密秘密

这里我们需要引入一个别人写好的js文件,用这个文件来给密码加密:

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script>//别人的md5.js
</head>
<body>
  <form action="#" method="post">
    <span>用户名:</span><input type="text"   id="username" name="username">
    <span>密码:</span><input type="password"   id="password" name="password">
    <button type="submit" onclick="A()">提交</button>
  </form>
<script>
    function A(){
      var count = document.getElementById('username');
      var pwd = document.getElementById('password');
      pwd.value = md5(pwd.value);//调用md5方法执行加密
      console.log(pwd.value);
    }
</script>
</body>

然而这样加密别人依旧可以通过一些操作获取你的密码,于是乎现在我们再介绍一种更有效保密的方法:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    //使用别人的md5.js
    <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script>
</head>
<body>
       //将onclick变为onsubmit,将绑定按钮变为绑定表单
  <form action="#" method="post" onsubmit="return A()">
    <span>用户名:</span><input type="text"   id="username" name="username">
    <span>密码:</span><input type="password"   id="password">
    <input type="hidden" name="password" id="md5pwd">
    <button type="submit">提交</button>
  </form>
<script>
    function A(){
      var count = document.getElementById('username');
      var pwd = document.getElementById('password');
      var md5pwd = document.getElementById('md5pwd');
        //相当于把pwd视为密码地中转站,md5pwd才是重点,这样更加安全
      md5pwd.value = md5(pwd.value);
      return true;//用于判断,在后续判断密码是否正确有用
    }
</script>
</body>
</html>

第十五个知识:JQuery

初识JQuery:

<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script src="lib/jquery-3.7.1.js"></script>//引入jquery
</head>
<body>
  <a href="https://www.baidu.com" id="baidu">点我</a>
  <script>
    $('#baidu').click(function (){
        alert('你用jquery写了一行代码');
    })
  </script>
</body>

我们通过一个公式:$(selector).action() 来使用JQuery,selector表示选择器---id、class、标签名都是选择器,就像document.getElementById……一样

JQuery里的选择器:

  • 与之前的document.getElementById相同,却更加简洁

$('#id').click(function (...))//id选择器
$('.class').click(function (...))//类选择器
$('p').click(function (...))//标签选择器
···

JQuery里的事件:所谓事件其实就是函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script src="lib/jquery-3.7.1.js"></script>
  <style>
    #b{
      height: 500px;
      width: 500px;
      border: 3px solid black;
    }
  </style>
</head>
<body>
  
  mouse_position:<span id="a"></span>
  <div id="b">
  </div>
​
  <script>
    $(function () {
        $('#b').mousemove(function (e) {//用id来获取span节点,对标签内容进行操作,mousemove是jQuery库里的方法
        $('#a').text('x:'+ e.pageX +'y:'+e.pageY);//用id来获取div节点,text也是jquery库里的方法
        })
    })
​
  </script>
</body>
</html>

用JQuery操控dom元素:

  • 操作dom其实就是找到节点位置,然后对节点进行改变

$('#p1').text();//获取id为p1的标签的内容
$('#p1').text('天玄地号');//改变id为p1的标签的内容

对于列表:

$('#test-ul li[name=x]').text();//获取列表中li元素节点内容
$('#test-ul li[name=x]').css({"background","red"});//改变li下name为x的节点的背景颜色

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

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

相关文章

Numpy数学计算函数,精简备忘

文章目录 简单的数学函数unwraptrapz 简单的数学函数 下面这张表列出了Numpy中几乎所有常用的 数学函数&#xff0c;这些函数都有着明确的数学概念&#xff0c;其主要的输入输出均符合来自数学公式的直觉&#xff0c;大部分数组操作则支持通过axis来调整作用的坐标轴&#xff…

BeginCTF 2024(新生赛道)WP-P1sc3s007

1. xor 算法不复杂&#xff0c;就是大量的异或&#xff0c;慢慢还原就好 a1 6329079420771558 a2 7679621386735000 a3 flag前16 a4 flag后16 a3和a2逐位异或 a4和a1逐位异或 a3 a1 a4 a2 a3和a2倒序异或 a4 a1 a3 a1 a4 a2a5前…

CTFshow web(命令执行29-36)

?ceval($_GET[shy]);&shypassthru(cat flag.php); #逃逸过滤 ?cinclude%09$_GET[shy]?>&shyphp://filter/readconvert.base64-encode/resourceflag.php #文件包含 ?cinclude%0a$_GET[cmd]?>&cmdphp://filter/readconvert.base64-encode/…

数据结构——顺序表详解

目录 前言 一.线性表 1.概念 二.顺序表 1.概念 2.分类 2.1静态顺序表 2.2动态顺序表 前言 数据结构是计算机存储、组织数据的方式. 一.线性表 1.概念 线性表&#xff08;linear list&#xff09;是n个具有相同特性的数据元素的有限序列.线性表是一种在实际中广泛使用的…

Windows Server 2019 DHCP服务器搭建

系列文章目录 目录 系列文章目录 文章目录 前言 一、DHCP服务器是什么&#xff1f; 二、配置服务器 1.实验环境搭建 1)实验服务器配置和客户端 2)实验环境 2.服务器配置 ​编辑 文章目录 Windows Server 2003 Web服务器搭建Windows Server 2003 FTP服务器搭建Windows S…

【iOS ARKit】人形遮挡

人形遮挡简介 在 AR系统中&#xff0c;计算机通过对设备摄像头采集的图像进行视觉处理和组织&#xff0c;建立起实景空间&#xff0c;然后将生成的虚拟对象依据几何一致性原理嵌入到实景空间中&#xff0c;形成虚实融合的增强现实环境&#xff0c;再输出到显示系统中呈现给使用…

CoreSight学习笔记

文章目录 1 Components1.1 ROM Table 2 使用场景2.1 Debug Monitor中断2.1.1 参考资料 2.2 Programming the cross halt2.2.1 编程实现2.2.2 参考资料 2.3 CTI中断2.3.1 编程实现2.3.1.1 准备工作2.3.1.2 触发中断2.3.1.3 中断响应 2.3.2 参考资料 1 Components 1.1 ROM Table…

人体生物钟程序设计(C语言)

前几年在本站发布过博文介绍人体生物钟程序的制作方法。后来发现上传后显示的博文有错漏&#xff0c;计算符号脱漏。这会误导读者。今修订整理重新发布&#xff0c;展示一下漂亮的界面设计。 人体生物钟也就是人体生物节律。人体生物节律是自然进化赋予生命的基本特征之一&…

Docker(2)

Docker Docker数据卷挂载常用命令 注意&#xff1a;容器与数据卷的挂载要在创建容器时配置&#xff0c;对于创建好的容器&#xff0c;是不能设置数据卷的。而且创建容器的过程中&#xff0c;数据卷会自动创建。建容器并指定数据卷&#xff0c;注意通过 -v 参数来指定数据卷&am…

【iOS ARKit】人形提取

为解决人形分离和深度估计问题&#xff0c;ARKit 新增加了 Segmentation Buffer&#xff08;人体分隔缓冲区&#xff09;和Estimated Depth Data Buffer&#xff08;深度估计缓冲区&#xff09;两个缓冲区。人体分隔缓冲区作用类似于图形渲染管线中的 Stencil Buffer&#xff0…

洛谷C++简单题小练习day9—[AHOI2017]寻找探监点

day9--[AHOI2017]寻找探监点--2.7 习题概述 题目描述 一个nn 的网格图&#xff08;标号由 1,1 开始&#xff09;上有 m 个探测器&#xff0c;每个探测器有个探测半径 r &#xff0c;问这 nn 个点中有多少个点能被探测到。 输入格式 第一行 3 个整数 n,m,r。 接下来 m 行&…

国内首个openEuler师训营圆满结营! 麒麟信安助力培养国产操作系统高质量师资人才

2024年1月22日&#xff0c;全国首个openEuler师训营圆满结营&#xff01;旨在深化产教融合&#xff0c;加速开源教育走进高校&#xff0c;提高师资队伍openEuler专业能力及实践教学水平。 本次师训营由长沙市大数据产业链、长沙市新一代自主安全计算系统产业链指导&#xff0c…

【Docker】Docker Image(镜像)

文章目录 一、Docker镜像是什么&#xff1f;二、镜像生活案例三、为什么需要镜像四、镜像命令详解docker rmidocker savedocker loaddocker historydocker image prune 五、镜像操作案例六、镜像综合实战实战一、离线迁移镜像实战二、镜像存储的压缩与共享 一、Docker镜像是什么…

顺序表、链表相关OJ题(2)

创作不易&#xff0c;友友们给个三连吧&#xff01;&#xff01; 一、旋转数组&#xff08;力扣&#xff09; 经典算法OJ题&#xff1a;旋转数组 思路1&#xff1a;每次挪动1位&#xff0c;右旋k次 时间复杂度&#xff1a;o(N^2) 右旋最好情况&#xff1a;k是n的倍数…

naiveui 上传图片遇到的坑 Upload

我在开发图片上传功能, 需要手动触发上传 但是我调用它内部自定义submit方法, 结果接口一直在报错400 我反反复复的测试了好就, 确定了就是我前端的问题,因为之前一直在做后端的错误排查, 以为是编译问题(因为之前也出现过这个问题) 好 , 我把其中一个参数类型改为String类型, …

c++设计模式之装饰器模式

作用 为现有类增加功能 案例说明 class Car { public:virtual void show()0; };class Bmw:public Car { public:void show(){cout<<"宝马汽车>>"<<endl;} };class Audi:public Car { public:void show(){cout<<"奥迪汽车>>&q…

Java玩转《啊哈算法》解密回文之栈

菩萨清凉月&#xff0c;常游毕竟空&#xff0c;众生心垢净&#xff0c;菩提影现中。 这目录 这开头这代码地址栈案例代码优化建议类似扩展 这开头 各位女士们&#xff0c;先生们好&#xff01;本人最近在看《啊哈算法》&#xff0c;这本书写的确实还可以&#xff0c;很有趣味性…

代码随想录算法训练营第28天 | 93.复原IP地址 ,78.子集 ,90.子集II

回溯章节理论基础&#xff1a; https://programmercarl.com/%E5%9B%9E%E6%BA%AF%E7%AE%97%E6%B3%95%E7%90%86%E8%AE%BA%E5%9F%BA%E7%A1%80.html 93.复原IP地址 题目链接&#xff1a;https://leetcode.cn/problems/restore-ip-addresses/ 思路&#xff1a; 这是切割问题&am…

2024年2月8日 十二生肖 今日运势

小运播报&#xff1a;2024年2月8日&#xff0c;星期四&#xff0c;农历腊月廿九 &#xff08;甲辰年丙寅月壬寅日&#xff09;&#xff0c;法定工作日。 红榜生肖&#xff1a;马、猪、狗 需要注意&#xff1a;龙、蛇、猴 喜神方位&#xff1a;正南方 财神方位&#xff1a;正…

基于swing和cf的推荐相似度SQL实现

对于cf和swing算法的介绍可以参考ItemCF的演进&#xff1a;狭义 VS 广义 基于cf的推荐相似度 这里介绍这样一个场景&#xff0c;我们有了大量的电商购买数据&#xff0c;希望通过cf算法计算不同的类目之间的相似度&#xff0c;以方便对用户购买进行兴趣探索。 使用SQL实现需要…