[原创]手把手教学之前端0基础到就业——day11( Javascript )

news2024/11/24 12:10:13

文章目录

  • day11(Javascript)
    • 01Javascript
      • ①Javascript是什么
      • ②JavaScript组成
      • ③ Javascript的书写位置
        • 1. 行内式 (不推荐)
        • 2 . 内部位置使用 ( 内嵌式 )
        • 3. 外部位置使用 ( 外链式 )
    • 02变量
      • 1. 什么是变量
      • 2. 定义变量及赋值
      • 3. 注意事项
      • 4. 命名规范
    • 03输入和输出
      • 1) 输出形式1
      • 2) 输出形式2
      • 3) 输出形式3
      • 4) 选择输入框
      • 5) 用户输入框
    • 04数据类型
      • ①简单数据类型
        • 1) 数值类型(number)
        • 2) 字符串类型 (string)
          • a) 被引号包裹的所有内容
          • b) 注意
        • 3) 布尔类型 (boolean)
        • 4) null类型
        • 5) undefined类型
      • ② 复杂数据类型
    • 05数据类型相互转换(重点)
      • ①强制转换
        • 1转换成number类型
          • Number
          • ParseInt()或parseFloat()
        • 2 转换成string类型
        • 3 转换成boolean类型
      • ②隐式转换
    • 06运算符
      • 3) 赋值运算符
      • 4) 比较运算符
      • 5) 逻辑运算符
      • 6) 短路逻辑
      • 7) 一元运算符
    • 作业

day11(Javascript)

01Javascript

①Javascript是什么

是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。

②JavaScript组成

 ECMA 欧洲计算机制造商协会
ECMA-262  ECMA下辖的一个小机构  专门负责JS标准的制定
ECMAScript 具体的标准 简称ES
JavaScript 是这个标准的具体实现 
  1. ECMASCRIPT: 定义了javascript的语法规范,描述了语言的基本语法和数据类型

  2. BOM (Browser Object Model): 浏览器对象模型

    • 有一套成熟的可以操作浏览器的 API,通过 BOM 可以操作浏览器。比如: 弹出框、浏览器跳转、获取分辨率等
  3. DOM (Document Object Model): 文档对象模型

    • 有一套成熟的可以操作页面元素的 API,通过 DOM 可以操作页面中的元素。比如: 增加个 div,减少个 div,给 div 换个位置等
    • 在这里插入图片描述

③ Javascript的书写位置

分为 行内式, 内嵌式,外链式

1. 行内式 (不推荐)

写在标签上的 js 代码需要依靠事件(行为)来触发

<!-- 写在 a 标签的 href 属性上 -->
<a href="javascript:alert('我是一个弹出层');">点击一下试试</a>

<!-- 写在其他元素上 -->
<div onclick="alert('我是一个弹出层')">点一下试试看</div>

<!-- 
  注:onclick 是一个事件(点击事件),当点击元素的时候执行后面的 js 代码
-->
2 . 内部位置使用 ( 内嵌式 )

内嵌式的 js 代码会在页面打开的时候直接触发

<!-- 在 html 页面书写一个 script 标签,标签内部书写 js 代码 -->
<script type="text/javascript">
  alert('我是一个弹出层')
</script>
 
<!-- 注:script 标签可以放在 head 里面也可以放在 body 里面 -->
3. 外部位置使用 ( 外链式 )
  • 外链式 js 代码只要引入了 html 页面,就会在页面打开的时候直接触发

  • 新建一个 .js 后缀的文件,在文件内书写 js 代码,把写好的 js 文件引入 html 页面

// 我是 index.js 文件
alert('我是一个弹出层')
<!-- 我是一个 html 文件 -->
<!-- 通过 script 标签的 src 属性,把写好的 js 文件引入页面 -->
<script src="index.js"></script>

<!-- 一个页面可以引入多个 js 文件 -->
<script src="index1.js"></script>
<script src="index2.js"></script>
<script src="index3.js"></script>

02变量

1. 什么是变量

  • 变量指的是在程序中保存数据的一个容器
  • 变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据
  • 也就是说,我们向内存中存储了一个数据,然后要给这个数据起一个名字,为了是我们以后再次找到他
  • 语法: var 变量名 = 值

2. 定义变量及赋值

/*
var : 定义变量的关键字, 告诉浏览器, 我要定义一个变量了
空格 : 必须写, 区分 关键 和 变量名 的
变量名 : 你自己起的一个名字
= : 赋值符号, 把右边的内容, 给到左边的变量
值 : 你给你定义的变量赋的是什么值
*/

// 定义一个变量
var num;

// 给一个变量赋值
num = 100;

// 定义一个变量的同时给其赋值
var num2 = 200;

3. 注意事项

  1. 一个变量名只能存储一个值
  2. 当再次给一个变量赋值的时候,前面一次的值就没有了
  3. 变量名称区分大小写(JS 区分大小写)

4. 命名规范

  • 规则: 必须遵守的,不遵守就是错
    1. 一个变量名称可以由 数字字母英文下划线(_)美元符号($) 组成
    2. 严格区分大小写
    3. 不能由数字开头,不要使用中文汉字命名
    4. 不能是 保留字 或者 关键字
    5. 不要出现空格
  • 规范: 建议遵守的(开发者默认),不遵守不会报错
    1. 变量名尽量有意义(语义化)
    2. 遵循驼峰命名规则,由多个单词组成的时候,从第二个单词开始首字母大写,例如 myAge

03输入和输出

1) 输出形式1

以弹窗的形式展示给用户

// 以弹出层的形式展示给我们
alert('你好 世界')

2) 输出形式2

在页面中展示给用户

// 直接展示到我们的页面上
document.write('hello world')

3) 输出形式3

// 在控制台展示出来
console.log('大家好');

4) 选择输入框

// 这个选择框返回的是一布尔值
var name = confirm('你是程序员吗')
// 打印我们拿到的结果(也就是布尔值)
console.log(name)

5) 用户输入框

// 这个输入框返回的是用户输出的内容
var name = prompt('请输入你的姓名')
// 我们拿到的结果就是用户输入的结果
console.log(name)

04数据类型

①简单数据类型

是指我们存储在内存中的数据的类型

我们通常分为两大类 *基本数据类型**复杂数据类型(引用数据类型)*

先讲基本数据类型 , 仅仅基本

在这里插入图片描述

1) 数值类型(number)
  • 包含一切数字和数值相关内容
    • 整数 : 100, -100, 234
    • 浮点数 : 100.234, -0.456
    • 科学记数法 : 10e5
    • 其他进制表示
    • 二进制 : 0b100
    • 八进制 : 0o100
    • 十六进制 : 0x100
    • 无穷 : Infinity
    • 非数字 : NaN
// 整数
var n1 = 100
var n2 = -100
// 浮点数
var n3 = 100.2
var n4 = -100.2
// 科学记数法
// e5 => 指 10 的 5 次方
// 10e5 => 指 10 * 10的5次方
var n5 = 10e5
// 其他进制表示
var n6 = 0b100
var n7 = 0o100
var n8 = 0x100
2) 字符串类型 (string)
a) 被引号包裹的所有内容

​ 单引号 ( ‘’ )

​ 双引号 ( “” )

​ 反引号 ( `` )

ar s1 = 'hello world'
var s2 = "hello world"
var s3 = `hello world`
console.log(s1)
console.log(s2)
console.log(s3)
b) 注意

​ 无论哪种引号, 必须成对出现

​ 各种引号之前可以互相嵌套, 但是不能自己嵌套自己

​ 反引号定义的字符串可以换行书写, 并且可以在字符串内直接使用 ${} 的形式解析变量

// 1. 可以换行书写
var str = `
  hello
  world
  你好 世界
`
console.log(str)

// 2. 可以直接在字符串内解析变量
var age = 18
// 单引号 和 双引号 不具备解析变量的能力
var s1 = '我是小千, 我今年 ${ age } 岁了'
console.log(s1)

var s2 = `我是小千, 我今年 ${ age } 岁了`
console.log(s2)	
3) 布尔类型 (boolean)

​ 表示肯定或否定时在计算机中对应的是布尔类型数据

​ 只有两个(true 或者 false)

​ 表示肯定的数据用 true,计算机中存储的就是1

​ 表示否定的数据用 false,计算机中存储的就是0

/*
  布尔 Boolean
    + true 表示真, 在计算机内存储的时候按照 1 存储
    + false 表示假, 在计算机内存储的时候按照 0 存储
*/

var b1 = true
var b2 = false
console.log(b1)
console.log(b2)
4) null类型

​ 只有一个,就是 null,null值表示一个空对象指针:

​ 有值,但是是一个空值。

​ 使用时需要给变量赋值为null,才能得到null

5) undefined类型

​ undefined也叫未定义是比较特殊的类型,本该有个值,但是没有 ,就是undefined

​ 只声明变量,不赋值的情况下,变量的默认值为 undefined,一般很少【直接】为某个变量赋值为 undefined

​ 只有一个,就是 undefined,表示没有值的意思

undefined和Null的区别:

  • Undefined: 只有一个值
    => undefined, 表示 没有
    => 这里本该有一个值, 但是没有的时候, 叫做 undefined
    => 一个变量声明为赋值, 就是 undefined
  • Null: 只有一个值
    => null, 表示 有一个空
    => 这里真的有一个值, 这个值是一个空值
    => 你需要给一个变量赋值为 null 才是 null
   var u
// 需要拿到 u 变量的值来使用
// u 本该给我一个值, 让我显示, 但是没有
console.log(u)

var n = null
// n 变量给我的值就是一个 空值
console.log(n)

② 复杂数据类型

​ 对象类型(object)

​ 函数类型(function)

对象类型
对象是由键值(属性和方法)对组成
你可以先大概理解函数就是方法 , 属性就是除了函数之外的 比如说这里的 name: “小芳”,
想了解更多点我

var gf = {
        name: "小芳",
        age: 30,
        cook: function () {
          //实现某种功能
        },
      };

05数据类型相互转换(重点)

要转换数据类型, 要先知道是属于什么数据类型

检测变量类型:
typeof

// 第一种使用方式
var n1 = 100;
console.log(typeof n1);
//结果是number

// 第二种使用方式
var s1 = 'abcdefg';
console.log(typeof(s1));
//结果是string

注意

​ typeof 的结果必然是一个字符串类型

​ 当你需要检测两个内容的运算结果的时候, 必须要使用 () 包裹

var r1 = typeof 100 + 200
var r2 = typeof(100 + 200)
console.log(r1)
console.log(r2)

​ 当你多个typeof连用的时候,返回值必然是一个’string’
因为第一次使用typedef时候 , 返回值就是string
isNaN()

可以使用 isNaN 这个方法来判断一个变量是不是一个合法的数字

isNaN :is not a number

语法:

​ isNaN(要检测的数据)

​ 返回值:布尔值

// 如果变量是一个数字
var n1 = 100;
console.log(isNaN(n1)); //=> false

// 如果变量不是一个数字
var s1 = 'Jack'
console.log(isNaN(s1)); //=> true

//如果变量是这样的一个数据
var r1 = '123javas
console.log(isNaN(r1)); //=>false

Number.isNaN()

Number.isNaN() 方法用于判断传递的值是否为 NaN

并且检查其类型是否为 Number

如果值为 NaN 且类型为 Number,则返回 true,否则返回 false

console.log(Number.isNaN(123)); // false
console.log(Number.isNaN(0/0)); // true

①强制转换

1转换成number类型
Number

在这里插入图片描述

不能被转换的值:‘hello(非数字)’、undefined 转换为 NaN
不存在的值:null、false 转换为 0

//1.1Number()将其他类型转数值
      console.log(Number("123")); //123
      console.log(Number("abc123")); //NaN 数值类型,不与任何值相等,NaN==1 false  NaN==NaN false
      console.log(Number("")); //0
      console.log(Number(" ")); //0
      console.log(Number(true)); //1
      console.log(Number(false)); //0
      console.log(Number(undefined)); //NaN
      console.log(Number(null)); //0
ParseInt()或parseFloat()

Number和parseInt的区别:
Number函数将字符串转为数值,要比parseInt函数严格很多。基本上,只要有一个字符无法转成数值,整个字符串就会被转为NaN

从第一位开始检查,是数字就转换,直到一个不是数字的内容就结束了
开头就不是数字,那么直接返回NaN
不认识小数点,只能保留整数

parseInt()取一个字符串中以整数开头的部分,如果字符串不是以整数开头,得到NaN 和parseFloat()可以取到小数
      console.log(parseInt("abc123")); //NaN
      console.log(parseInt("123abc")); //123
      console.log(parseInt("123.456abc")); //123
      console.log(parseInt("")); //NaN
      console.log(parseInt(" ")); //NaN

      console.log(parseInt(10.123)); //10 取整
2 转换成string类型

只要给它加上"" 或者’'或者``
就可以转换成字符串

3 转换成boolean类型

在这里插入图片描述

Boolean()
      console.log(Boolean(0), Boolean(NaN)); //除了这俩转false。其余都是true
      console.log(Boolean(""), Boolean(" "), Boolean("0")); //除了空字符串转false。其余都是true
      console.log(Boolean(undefined), Boolean(null)); //false

代表空、否定的值 \color{red}{空、否定的值}空、否定的值会被转换为false,如:’ '、0、NaN、null、undefined 其余值都会转换为true

方法二
两次非运算
为任意的数据类型做两次非运算(隐式类型转换)
var a = “hello”;
a = !!a; // true

②隐式转换

<script>
      //1. + 如果参与运算的值有一个是字符串,另一个也会转字符串,进行拼接,如果两个都不是字符串,转数值进行求和
      // - * / %  无论参与运算的是什么类型 都转成数值
      console.log("123" + 456); //"123456"
      console.log(true + 5); //6
      console.log(undefined + false); //NaN
      console.log(5 * true); // 5
      console.log(1 - null); //1

      //2. 对于比较运算,如果两个值都是字符串按位比较,否则转数值进行比较
      console.log("12" > 2); //"12"->12 12>2  true
      console.log("12" > "2"); //"1"和 "2"先比   false
    </script>

主要记住 数值类型和字符串类型的相互转换

<script>
    // 一、隐式转换:
    //  1. 将数值类型转为字符串

    // var num = 10;
    // console.log(typeof num); //'number' ===> 数值类型
    // console.log("" + num);
    // console.log(typeof ("" + num));//'string'===>字符串

    //  2. 将纯数字字符串类型转为数值类型  减号   除(除1)  乘(乘1)
    var str = "10";
    // console.log(typeof (str)); // 'string'
    // console.log(str-0); //蓝色的 10
    // console.log(typeof(str-0)); //"number"

    console.log(typeof (str)); // 'string'
    console.log(typeof (str / 1)); //"number"
    console.log(str / 1); //蓝色的 10


</script>

06运算符

  1. 加号

    • 只有符号两边都是数字或者布尔值的时候才会进行加法运算

    • 只要符号任意一边是字符串类型,就会进行字符串拼接

      // 数学运算符
      console.log(100 + 100); // 200 数字+数字 
      console.log(100 + true); // 101 数字+布尔值
      console.log(100 + false); // 100 数字+布尔值
      console.log(100 + '435'); // '100435' 数字+字符串
      
  2. 减号

    • 会执行减法运算

    • 会自动把两边都转换成数字进行运算

      // 数学运算符(-)
      console.log(10 - 5); // 5
      console.log(10 - true); // 9
      console.log(10 - false); // 10
      
  3. 乘号

    • 会执行乘法运算

    • 会自动把两边都转换成数字进行运算

      // 数学运算符(*)
      console.log(10 * 5); // 50
      console.log(10 * true); // 10
      console.log(10 * false); // 0
      
  4. /

    • 会执行除法运算

    • 会自动把两边都转换成数字进行运算

      // 数学运算符(/)
      console.log(10 / 5); // 2
      console.log(10 / true); // 10
      console.log(false / 10); // 0
      
  5. %

    • 会执行取余运算

    • 会自动把两边都转换成数字进行运算

      // 数学运算符(%)
      console.log(10 % 3); // 1
      
  6. **

    • 幂(**)运算符返回第一个操作数取第二个操作数的幂的结果

      // 数学运算符(**)
      console.log(3 ** 4); // 81
      

3) 赋值运算符

  1. =

    • 就是把 = 右边的赋值给等号左边的变量名

    • var num = 100

    • 就是把 100 赋值给 num 变量

    • 那么 num 变量的值就是 100

    • 注意:

      同一个变量只能赋值一次

      也就说给同一个变量第一次赋值以后就不能再次赋值了

      如果给同一个变量再次赋值会把前面的值覆盖掉

    • 变量值的交换

    • 借助第三个变量来做交换

      // 交换变量
      // 声明变量
      var x = 5
      var y = 6
      console.log(x) 
      console.log(y) 
      
      // 声明第三个变量
      var tmp
      // 把x的值赋值给tmp
      tmp = x
      // 把y的值赋值给x 
      x = y
      // 把tmp的值赋值给y
      y = tmp
      
      console.log(x) 
      console.log(y) 
      
  2. +=

    • 就是赋值符号和加号的合作符号

    • 就是在自己的原来的基础上再加上多少

      var a = 10;
      a += 10;
      console.log(a); //=> 20
      
    • a += 10 等价于 a = a + 10

    • 不能写成 a = 10 + a

  3. -=

    • 就是赋值符号和减号的合作符号

    • 就是在自己的原来的基础上再减去多少

      var a = 10;
      a *= 10;
      console.log(a); //=> 100
      // `a -= 10` 等价于 `a = a - 10`
      
  4. *=

    • 就是赋值符号和乘号的合作符号

    • 就是在自己的原来的基础上再乘上多少

      var a = 10;
      a *= 10;
      console.log(a); //=> 100
      // `a *= 10` 等价于 `a = a * 10`
      
  5. /=

    • 就是赋值符号和除号的合作符号

    • 就是在自己的原来的基础上再除上多少

    var a = 10;
    a /= 10;
    console.log(a); //=> 1
    // `a /= 10` 等价于 `a = a / 10`
    
  6. %=

    • 就是赋值符号和取余符号的合作符号

    • 就是把自己和某个数取余后的结果在赋值给自己

      var a = 10;
      a %= 3;
      console.log(a); //=> 1
      // `a %= 3` 等价于 `a = a % 3`
      

4) 比较运算符

  1. 含义

    计算机除了能够处理数据的加减乘除运算外

    还能对数据进行比较,如大小比较、类型比较等

    比较运算的结果一定为布尔类型

    比较运算符也叫关系运算符

  2. ==

    比较符号两边的值是否相等,不管数据类型

    console.log(1 == 1); // true
    console.log(1 == '1'); // true
    console.log(1 == 2); // false
    console.log(1 == '2'); // false
    
  3. ===

    比较符号两边的值和数据类型是否都相等

    console.log(1 === 1); //true
    console.log(1 === '1'); // false
    
  4. !=

    比较符号两边的值是否不等,如果是返回true不管数据类型

    console.log(1 != 1);// false
    console.log(1 != '2'); // true
    console.log(1 != '1'); // false
    
  5. !==

    比较符号两边的数据类型和值是否不等,如果都满足返回true

    console.log(1 !== 1); // false
    console.log(1 !== '1');// true
    console.log(1 !== 2); // true
    console.log(1 !== '2'); // true
    
  6. ‘>=’

    比较左边的值是否 大于或等于 右边的值

    console.log(2 >= 1); // true
    console.log(2 >= 2); // true
    console.log(2 >= 3); // false
    
  7. <=

    比较左边的值是否 小于或等于 右边的值

    console.log(1 <= 1); // true
    console.log(1 <= 2); // true
    console.log(3 <= 2); // false
    
  8. “>”

    比较左边的值是否 大于 右边的值

    console.log(1 > 2); // false
    console.log(3 > 2); // true
    console.log(2 > 2); // false
    
  9. “<”

    比较左边的值是否 小于 右边的值

    console.log(1 < 2); // true
    console.log(3 < 2); // false
    console.log(2 < 2); // false
    

5) 逻辑运算符

  1. 含义

    逻辑运算符一般是将多个表达式的值组合起来,再次运算产生的新的表达式的值,逻辑运算主要分3种情形

    逻辑与(且) &&

    逻辑或 ||

    逻辑非(取反)!

  2. 逻辑与 ( 且 ) &&

    • 进行 且 的运算

    • 必须符号两边同时为 true,才会返回 true

    • 只要有一边不是 true,那么就会返回 false

    • 同真为真,一假则假

    console.log(true && true); // true
    console.log(true && false); // false
    console.log(false && false); // false
    
  3. 逻辑或 ||

    • 进行 或 的运算

    • 符号两边任意一边为 true,都会返回 true

    • 只有两边都是 false 的时候才会返回 false

    • 一真为真,同假则假

    console.log(true || true); // true
    console.log(true || false); // true
    console.log(false || false); // false
    
  4. 逻辑非 ( 取反 ) !

  • 进行 取反 运算

  • 本身是 true 的,会变成 false

  • 本身是 false 的,会变成 true

console.log(true); // true
console.log(!true); // false
console.log(false); // false
console.log(!false); // true

6) 短路逻辑

  1. 逻辑且(与)&&

    当运算符左边为 false 的时候, 右边的代码不执行

    只有左边的代码为 true 的时候, 右边的代码才执行

    false && console.log('你好 世界');
    true && console.log('你好 世界');
    
  2. 逻辑或 ||

    当运算符 左边为 true 的时候, 右边的代码不执 行

    只有左边的代码为 false 的时候, 右边的代码才执行

    true || console.log('hello world');
    false || console.log('hello world');
    

7) 一元运算符

  1. 含义

    一个数据带一个运算符就能完成的运算就叫一元运算

  2. ++

    • 进行自增运算

    • 分成两种,前置++ 和 后置++ 不管是前置还是后置,都是让自身的值+1,只能+1

    • 前置++,会先把值自动 +1,在返回之后参与运算

    var a = 10;
    console.log(++a);
    // 会返回 11,并且把 a 的值变成 11
    
    • 后置++,会先把值拿来参与运算,运算结束以后在自动+1
    var a = 10;
    console.log(a++);
    // 会返回 10,然后把 a 的值变成 11
    
    • 练习 - 求 n 和 res 的值
    var n = 10
    var res = n++ + ++n + ++n + ++n + n++
    console.log(n) 
    console.log(res) 
    
    • 进行自减运算

    • 分成两种,前置-- 和 后置–

    • 和 ++ 运算符道理一样

    • 求 n 和 res 的值

    var n = 10
    var res = --n + ++n + n++ + n++ + n-- - --n
    console.log(n) 
    console.log(res)
    

作业

  • 为抵抗洪水,战士连续作战89小时,编程计算共多少天零多少小时?

  • 89 / 24 = 3.xxxxxxx

  • parseInt() 就能拿到小数点前面的数字

  • 89 - (3 * 24) || 89 % 24

  • 小明要到美国旅游,可是那里的温度是以华氏度为单位记录的。

    • 它需要一个程序将华氏温度(80度)转换为摄氏度,并以华氏度和摄氏度为单位分别显示该温度。
    • 提示:摄氏度与华氏度的转换公式为:摄氏度 = 5/9.0*(华氏度-32)保留3位小数
  • 保留三位小数

  • 1.23456789 * 1000 = 1234.56789

  • parseInt(1234.56789) = 1234

  • 1234 / 1000 = 1.234

  • 保留三位小数

  • 1.23456789 * 1000 = 1234.56789

  • Math.round(1234.56789) = 1235

  • 1235 / 1000 = 1.235

  1. var k=0; console.log(k++ + ++k +k +k++)
  2. 掌握逻辑运算的意义
  3. 掌握八进制、十六进制的写法
  4. 掌握NaN的含义
  5. 掌握Number函数的转换结果

计算两个文本框的加减乘除

文本框 + 文本框 按钮(=) 文本框(结果)

要求:

  1. 使用parseInt方法类型转换

  2. 计算结果使用Math.round方法四舍五入

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【C++笔记】C++三大特性之继承

【C笔记】C三大特性之继承 &#x1f525;个人主页&#xff1a;大白的编程日记 &#x1f525;专栏&#xff1a;C笔记 文章目录 【C笔记】C三大特性之继承前言一.继承的概念及定义1.1 继承的概念1.2继承的定义1.3继承基类成员访问方式的变化1.4继承类模板 二.基类和派生类间的转…

Colorful/七彩虹iGame G-ONE Plus 12代处理器 Win11原厂OEM系统 带COLORFUL一键还原

安装完毕自带原厂驱动和预装软件以及一键恢复功能&#xff0c;自动重建COLORFUL RECOVERY功能&#xff0c;恢复到新机开箱状态。 【格式】&#xff1a;iso 【系统类型】&#xff1a;Windows11 原厂系统下载网址&#xff1a;http://www.bioxt.cn 注意&#xff1a;安装系统会…

【LeetCode】分发糖果 解题报告

135. 分发糖果 - 题目链接 n个孩子站成一排。给你一个整数数组ratings表示每个孩子的评分。 你需要按照以下要求&#xff0c;给这些孩子分发糖果&#xff1a; 每个孩子至少分配到1个糖果。相邻两个孩子评分更高的孩子会获得更多的糖果。 请你给每个孩子分发糖果&#xff0c;…

ArcGIS从Excel表格文件导入XY数据并定义坐标系与投影的方法

本文介绍在ArcMap软件中&#xff0c;从Excel表格文件中批量导入坐标点数据&#xff0c;将其保存为.shp矢量格式&#xff0c;并定义坐标系、转为投影坐标系的方法。 已知我们有一个Excel表格文件&#xff08;可以是.xls、.xlsx、.csv等多种不同的表格文件格式&#xff09;&#…

爬虫 - 二手交易电商平台数据采集 (一)

背景: 近期有一个需求需要采集某电商网站平台的商品数据进行分析。因此&#xff0c;我计划先用Python实现一个简单的版本&#xff0c;以快速测试技术的实现可能性&#xff0c;再用PHP实现一个更完整的版本。文章中涉及的技术仅为学习和测试用途&#xff0c;请勿用于商业或非法用…

「C/C++」C++标准库 之 #include<iostream> 标准输入输出

✨博客主页何曾参静谧的博客&#x1f4cc;文章专栏「C/C」C/C程序设计&#x1f4da;全部专栏「VS」Visual Studio「C/C」C/C程序设计「UG/NX」BlockUI集合「Win」Windows程序设计「DSA」数据结构与算法「UG/NX」NX二次开发「QT」QT5程序设计「File」数据文件格式「PK」Parasoli…

AI出图,在家装行业杀疯了!

家装行业作为一个庞大的产业&#xff0c;长期以来面临着诸多难题&#xff0c;而随着AIGC技术的蓬勃发展&#xff0c;AI促进家装设计行业迎来了新的春天。 在传统家装设计流程中&#xff0c;相信大家对“设计环节充满了繁琐与复杂”有着非常深刻的体验&#xff0c;设计师需要花…

MySQL核心业务大表归档过程

记录一下2年前的MySQL大表的归档&#xff0c;当时刚到公司&#xff0c;发现MySQL的业务核心库&#xff0c;超过亿条的有7张表&#xff0c;最大的表有9亿多条&#xff0c;有37张表超过5百万条&#xff0c;部分表行数如下&#xff1a; 在测试的MySQL环境 &#xff1a; pt-archiv…

深度学习——权重初始化、评估指标、梯度消失和梯度爆炸

文章目录 &#x1f33a;深度学习面试八股汇总&#x1f33a;权重初始化零初始化 (Zero Initialization)随机初始化 (Random Initialization)Xavier 初始化&#xff08;Glorot 初始化&#xff09;He 初始化正交初始化&#xff08;Orthogonal Initialization&#xff09;预训练模型…

Proteus中数码管动态扫描显示不全(已解决)

文章目录 前言解决方法后记 前言 我是直接把以前写的 51 数码管程序复制过来的&#xff0c;当时看的郭天祥的视频&#xff0c;先送段选&#xff0c;消隐后送位选&#xff0c;最后来个 1ms 的延时。 代码在 Proteus 中数码管静态是可以的&#xff0c;动态显示出了问题——显示…

简单说一下Pinia 和 Vuex的区别

Pinia 和 Vuex 是 Vue.js 生态系统中两种状态管理库&#xff0c;它们都用于管理复杂应用的状态。尽管它们的目标相似&#xff0c;但在设计和使用上有许多不同之处。以下是 Pinia 和 Vuex 的主要区别&#xff1a; 1. 设计理念 Vuex 集中式存储&#xff1a;Vuex 采用单一的集中…

个人博客静态样式部署

首页部分 views/layout/layoutwave.vue <script setup> import router from /router; import { ref, onMounted, onUnmounted } from vue import /assets/img/icons/font_p81061dps7l/iconfont.cssconst canvas ref(null) const canvasFa ref(null) const fish ref(n…

综合文化信息管理系统|基于java和小程序的综合文化信息管理系统设计与实现(源码+数据库+文档)

综合文化信息管理系统 目录 基于java和小程序的打印室预约系统设计与实现 一、前言 二、系统设计 三、系统功能设计 四、数据库设计 五、核心代码 六、论文参考 七、最新计算机毕设选题推荐 八、源码获取&#xff1a; 博主介绍&#xff1a;✌️大厂码农|毕设布道师&…

渗透测试(socket,namp,scapy)

socket:可以用来实现不同虚拟机或者不同计算机之间的通信。 socket常用函数&#xff1a; sock.bind(host,port) //host可接受client范围&#xff0c;以及连接的端口 sock.listen()//sever开启监听连接 sock.accpet()//返回 sock&#xff0c;addr 用来接受和发送数据 addr…

leetcode刷题记录(二十六)——151. 反转字符串中的单词

&#xff08;一&#xff09;问题描述 . - 力扣&#xff08;LeetCode&#xff09;. - 备战技术面试&#xff1f;力扣提供海量技术面试资源&#xff0c;帮助你高效提升编程技能,轻松拿下世界 IT 名企 Dream Offer。https://leetcode.cn/problems/reverse-words-in-a-string/desc…

python中常见的8种数据结构之一数组的应用

在Python中&#xff0c;数组是一种常见的数据结构&#xff0c;用于存储一系列相同类型的元素。在实际应用中&#xff0c;数组可以用于解决各种问题。 以下是数组在Python中的一些常见应用&#xff1a; 1. 存储和访问数据&#xff1a;数组可以用于存储和访问一组数据。可以通过…

JS禁用鼠标滚动条功能且滚动条不消失教程

这个JS功能我找了好久好久才找到的&#xff0c;希望能够帮助到大家&#xff0c;网上有很多教程虽然能够实现禁用滚动条的效果&#xff0c;但是滚动条却直接消失不见了&#xff0c;那么今天我就把禁用滚动条但滚动条不消失的JS代码分享给大家。 实例代码如下&#xff1a; JS禁用…

学习虚幻C++开发日志——定时器

官方文档&#xff1a;虚幻引擎中的Gameplay定时器 | 虚幻引擎 5.5 文档 | Epic Developer Community | Epic Developer Community 定时器 安排在经过一定延迟或一段时间结束后要执行的操作。例如&#xff0c;您可能希望玩家在获取某个能力提升道具后变得无懈可击&#xff0c;…

记录Postman接口测试,配置token为全局变量,配置测试环境

软件测试资料领取&#xff1a;[内部资源] 想拿年薪40W的软件测试人员&#xff0c;这份资料必须领取~ 软件测试面试刷题工具&#xff1a;软件测试面试刷题【800道面试题答案免费刷】 为什么要进行接口测试&#xff1a; 因为不同端&#xff08;前段&#xff0c;后端&#xff0…

单臂路由技术,eNSP实验讲解

单臂路由技术&#xff0c;eNSP实验讲解 一、简要介绍1、概念2、工作原理3、优点4、缺点5、应用场景举例 二、eNSP仿真实验1、步骤一&#xff1a;2、步骤二&#xff1a;3、步骤三&#xff1a;4、步骤四&#xff1a; 三、总结。 一、简要介绍 1、概念 单臂路由&#xff08;Rout…