当前位置：首页 > news >正文

网站专业术语中seo意思是/it培训学校it培训机构

news 文章来源：https://blog.csdn.net/footless_bird/article/details/136800119 2025/3/11 3:33:54

网站专业术语中seo意思是,it培训学校it培训机构,万柏林网站建设,天津seo博客JavaScript 简介 JavaScript，简称 js，是一种基于对象（object-based）和事件驱动（Event Driven）的简单的并具有安全性能的脚本语言。 JavaScript 特性 JavaScript 是解释性语言，而不是编译性语言…

JavaScript 简介

JavaScript，简称 js，是一种基于对象（object-based）和事件驱动（Event Driven）的简单的并具有安全性能的脚本语言。

JavaScript 特性

JavaScript 是解释性语言，而不是编译性语言；

在支持 JavaScript 的浏览器中运行的过程中没有编译过程，而是逐行解释执行。
JavaScript 是一种轻量级的脚本语言（script language）。

不具备开发操作系统的能力，只能用来编写控制其他大型应用程序（比如浏览器）的脚本。
Javascript 是一种嵌入式语言，本身不提供任何 I/O 相关的 API，主要通过调用宿主环境（host）的 API 来工作。
JavaScript 是可插入 HTML 页面的编程代码。插入 HTML 页面后，可由所有的现代浏览器执行。

JavaScript 组成

ECMAScript：JavaScript 的核心，语法格式，使用方法
文档对象模型（DOM，document object model）：DOM（文档对象模型）是 HTML 和 XML 的应用程序接口（API）。

DOM 将把整个页面规划成由节点层级构成的文档 document 对象有一个一个的元素（element）
浏览器对象模型（BOM，browser object model）：对浏览器窗口进行访问和操作

JavaScript 特点：

脚本语言：脚本语言是一种简单的程序，是由一些 ASCII 字符构成，可以使用任何一种文本编辑器编写。

一些程序语言（如 C、C++、Java 等）都必须经过编译，将源代码编译成二进制的可执行文件之后才能运行，而脚本语言不需要事先编译，只要有一个与其相适应的解释器就可以执行。

脚本语言是指在 web 浏览器内有解释器解释执行的编程语言，每次运行程序的时候，解释器会把程序代码翻译成可执行的格式。
基于对象的语言：非面向对象

面向对象有三大特点（封装，继承，多态）缺一不可。

通常"基于对象"是使用对象，但无法利用现有对象模板产生新的对象类型，也就是说"基于对象"没有继承的特点。

注意：目前的 js 脚本已经支持创建自定义类，继承等
事件驱动：在网页中执行了某种操作的动作，被称为"事件"(Event)

比如按下鼠标、移动窗口、选择菜单等都可以视为事件。

当事件发生后，可能会引起相应的事件响应。
简单性 ：变量类型是采用弱类型，并未使用严格的数据类型。
安全性：JavaScript 不能访问本地的硬盘，不能将数据存入到服务器上，不能对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互
跨平台（系统）性：JavaScript 依赖于浏览器本身，与操作平台无关。

只要计算机安装了支持 JavaScript 的浏览器（装有JavaScript 解释器），JavaScript 程序就可以正确执行。

缺点：

部分浏览器兼容性不好！

各种浏览器支持 JavaScript 的程度是不一样的，支持和不完全支持 JavaScript 的浏览器在浏览同一个带有 JavaScript 脚本的网页时，效果会有一定的差距，有时甚至会显示不出来。

JavaScript 的版本

ES6，全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。

ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。

ES6 的语法：传送门

JavaScript 基础语法

js 在 html 中的引入方式

JS 在 html 中两种引入方式：

方式1：内嵌式（内部脚本）：在 html 中创建一个 script 标签，在标签中写 js 代码

格式：
```
<script type="text/javascript">js代码;
</script>
```
方式2：外联式（外部脚本）：在 html 页面中使用 script 标签引入外部的 js 文件

一个 js 文件可以被多个 html 页面同时引入
```
<script type="text/javascript" src="外部js文件的路径"></script>
```

注意：

JavaScript 代码必须位于 <script> 与 </script> 标签之间
一个 HTML 文档中可以出现多个 <script> 标签
JavaScript 代码的出现次序就是 JavaScript 的执行顺序
如果一个 script 标签引入了外部 js 文件，那么这个标签中就不能写 js 代码了，会失去作用

如果想要再写 js 代码，需要重新创建一个 script 标签
理论上 script 标签可以写在 html 页面中的任意位置，在不影响功能的前提下，尽量把 script 标签写在页面的下边，让浏览器先解析出页面，给用户展示，再执行 js 的代码（页面显示速度快）

示例：

主 js 文件

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JS两种引入方式</title><!--1.内嵌式(内部脚本)--><script type="text/javascript">//全局函数alert(数据);可以在页面中弹出一个对话框,输出指定的数据alert(1);</script><!--2.外联式(外部脚本)--><script src="js/1.js"></script>
</head>
<body>
</body>
</html>

1.js文件

alert("你好");

js 在 js 中的导出导入方式

JavaScript 中，模块是一种可重用的代码块，它将一些代码打包成一个单独的单元，并且可以在其他代码中进行导入和使用。

在导入模块时，JavaScript中有两种常用的方式：：import 和 require
- import ：是 ES6 引入的新特性，它允许以声明式的方式导入其他模块中的内容
- require ：是 Node.js 中的特性，它允许使用一个函数来加载和导入其他模块
import 和 require 的区别：
- 导入方式：
  - import 导入的方式是使用关键字 import 加上大括号（如果需要导入的内容是命名导出的话），再加上模块名的方式进行导入。例如：
```
import {func1, func2 } from './myModule';
```
  - require 导入的方式是使用 require 函数，将需要导入的模块路径作为参数传递给该函数。例如：
```
const myModule = require('./myModule');
```
- 文件类型：
  - import 只能导入 ES6 模块或者使用 Babel 等工具转化为 ES6 模块的代码。
  - require 则可以导入 CommonJS 模块、AMD 模块、UMD 模块以及 Node.js 内置模块等多种类型的模块。
- 变量提升：
  - 在 ES6 中，import 语句是静态执行的，意味着它们在模块内部的顶层执行，并且在模块内部创建一个局部作用域。这意味着导入的变量只在模块内部可见，并且不会影响模块外部的变量。因此，使用 import 导入的变量是不会被提升的。
  - require 函数是动态执行的，这意味着它在运行时执行，并且不会在模块内部创建一个局部作用域。因此，使用 require 导入的变量是可以被提升的。
  注：如何理解 import 语句是静态执行的和 require 函数是动态执行的？
  - 理解 import 语句是静态执行的和require函数是动态执行的，需要先了解这两个概念的含义。
    - 静态执行是指在编译阶段就能够确定其执行结果的代码执行方式。
      
      在 JavaScript 中，import 语句属于静态执行的代码，也就是说，当 JavaScript 引擎执行代码时，会在编译阶段对 import 语句进行静态分析，确定所导入的模块，并在运行时加载这些模块。
    - 动态执行是指在运行时才能确定其执行结果的代码执行方式。
      
      在 JavaScript 中，require 函数属于动态执行的代码，也就是说，当 JavaScript 引擎执行代码时，会在运行时动态地确定所需的模块，并加载这些模块。
  - 因此，可以理解为：
    - import 语句是静态执行的，因为在编译阶段就能够确定所导入的模块，从而在运行时快速加载这些模块。
    - require 函数是动态执行的，因为在运行时才能够确定所需的模块，需要动态地加载这些模块。
  注意：由于 import 语句是静态执行的，因此在代码中不能使用变量或表达式作为模块路径，只能使用字符串字面量。而 require 函数则可以接受变量或表达式作为模块路径，从而动态地确定所需的模块。
- 导出方式：
  - import 使用ES6的导出方式，可以使用命名导出和默认导出两种方式进行导出。例如：
```
// 命名导出
export function func1() {}
// 默认导出
export default {}
```
  - 而 require 使用 CommonJS 的导出方式，只能使用默认导出方式进行导出。例如：
```
module.exports = {};
```
    require 除了可以使用 module.exports 导出模块，还可以使用 exports 对象。
    
    实际上，exports 对象是 module.exports 的一个引用。
    
    当使用 exports 导出时，实际上是向 module.exports 对象添加属性和方法。
- 模块作用域：
  
  在 JavaScript 中，每个模块都有自己的作用域，模块之间的变量是互相隔离的，不会相互干扰。这也是模块化编程的一个主要特点。
  - 在使用 import 导入模块时，实际上是在模块内部创建了一个指向被导入模块的引用，而不是直接复制模块中的变量。因此，当不同的文件中使用 import 导入相同的模块时，它们实际上是共享了同一个模块实例，所以可以访问和修改同一个模块中的变量。
  - 在使用 require 导入模块时，实际上是将导入模块中的变量直接复制到（可以理解为浅拷贝）当前模块的作用域中。因此，当不同的文件中使用 require 导入相同的模块时，它们实际上是拥有各自独立的模块实例，彼此之间不会共享模块中的变量。
  需要注意的是，如果使用 require 导入的模块中含有可变状态的对象，那么在不同文件中修改该对象的变量会相互影响。这也是 require 在某些情况下会产生一些难以预测的副作用的原因之一。而使用 import 导入的模块，由于是共享同一个模块实例，相对来说更容易管理和控制。
  - 如果使用 require 导入的模块中含有可变状态的对象，比如一个对象的属性值可以被修改，那么当在不同的文件中修改这个对象中变量时，由于 require 会将导入的模块中的变量直接复制到当前模块的作用域中（类似于浅拷贝，模块中的普通变量（例如字符串、数字等）是非共享的，而对象的变量则是能被修改共用的），因此会导致这个对象的变量在不同文件中的值相互影响。
  - 需要注意的是，这种影响是由于模块之间共享同一个对象的引用造成的，而不是模块本身的问题。因此，在编写模块时，需要谨慎地处理可变状态的对象，尽量避免在不同模块之间共享同一个对象的引用，以避免出现不可预测的副作用。
  - 举个例子，假设有一个 config.js 模块，其中定义了一个可变的对象 config，并且在 main.js 和 app.js 两个文件中使用了 require 导入该模块：
    
    config.js：
```
let config = {env: 'dev',port: 3000
}
module.exports = config;
```
    main.js：
```
const config = require('./config.js');
// 修改config对象的属性值
config.port = 4000;
console.log(`config.port in main.js: ${config.port}`);
```
    app.js：
```
const config = require('./config.js');
console.log(`config.port in app.js: ${config.port}`);
```
    - 当执行 main.js 和 app.js 时，它们都会通过 require 导入 config.js 模块，并且 main.js 中修改了 config 对象的 port 属性值。
    - 那么当 app.js 输出 config.port 时，它实际上输出的是被 main.js 修改后的 port 属性值，而不是 config.js 模块原本定义的值。
    - 这就是因为 require 导入的模块中含有可变状态的对象或变量，在不同文件中修改该对象或变量会相互影响的原因。

js 的三种输出方式

方式1：把数据输出到浏览器的控制台：console.log(“hello”);

注：按 F12 调出控制台
方式2：输出到 html 页面的 body 中：document.writeln(“200”);
方式3：浏览器弹出对话框输出：alert(“你好”);

示例：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JS三种输出方式</title>
</head>
<body><script>//JS三种输出方式//1.把数据输出到浏览器的控制台console.log("hello");//2.输出到html页面的body中document.writeln("200");//3.浏览器弹出对话框输出alert("你好");</script>
</body>
</html>

js 的变量

js 语言：弱类型语言。给变量赋什么类型的值，那么这个变量就是什么类型
定义变量

在使用每种数据的时候，都可以使用关键字 var（es5 特性）或 let（es6 特性）来定义变量
- var：定义全局变量
  - 作用域在这个 script 标签中都有效（作用域大）
  - 可以先使用变量，再定义变量
```
var 变量名; 		 	  // 变量没有赋值，有默认值undefined
var 变量名a, 变量名b;		// 同时声明多个变量
var 变量名 = 数据值;		// 定义变量的同时，给变量进行初始化赋值
```
- let：定义局部变量
  - 只在局部的位置（自己所在的块级）有效
    
    任何一对花括号 { } 中的语句都属于一个块，在花括号里面用 let 定义的所有变量在花括号外都是不可见的，称之为块级作用域
  - 必须先定义后使用
```
let 变量名; 	// 变量没有赋值，有默认值undefined
let 变量名a, 变量名b;		// 同时声明多个变量
let 变量名 = 数据值;
```
定义常量

在 js 中可以使用关键字 const 定义常量（常量的值是不能改变的）
```
const 常量名 = 数据值;
```

常量和变量的命名

以字母，下划线或者 $ 开头，并且以字母，下划线，$，数字组成

不能使用关键字和保留字

<!-- 关键字 -->
break/case/catch/continue/debugger/default/in/do/else/finally/for/function/if/try
/instanceof/new/return/switch/this/throw/typeof/var/void/while/with/delete<!-- 保留字 -->
abstract/enum/int/short/boolean/export/interface/static/byte/extends/long/super/Char
/final/native/synchronized/Class/float/package/throws/Const/goto/private/transient
/debugger/implements/protected/volatile/double/import/public

字母的大小写敏感

js 的运算符

类型运算符：
- typeof：返回变量的类型
- instanceof：返回对象是否对象类型的实例
算数运算符：
- + ：加法。注意：字符串+数字表现为拼接，而不是将字符串类型转换成数字相加
- - ：减法
- * ：乘法
- / ：除法
- % ：取模（余数）
- ++ ：递加
- -- ：递减
赋值运算符：
- = ：将等号左侧的值或变量值赋值给等号右侧的变量，示例：x = y
- += ：先加再赋值左侧，示例：x += y 等价于 x = x + y
- -= ：先减再赋值左侧，示例：x -= y 等价于 x = x - y
- *= ：先乘再赋值左侧，示例：x *= y 等价于 x = x * y
- /= ：先除再赋值左侧，示例：x /= y 等价于 x = x / y
- %= ：先取模再赋值左侧，示例：x %= y 等价于 x = x % y
比较运算符：
- == ：等于
- === ：等值等型
- != ：不相等
- !== ：不等值或不等型
- > ：大于
- < ：小于
- >= ：大于或等于
- <= ：小于或等于
- ? ：三元运算符
注意：
- == 和 === 的区别
  
  等于判断（==）：先判断类型，类型一致则直接比较内容，如果类型不一致，转换为数字类型后再比较内容
  
  等值判断（===）：先判断类型，类型不一致则直接 false，类型一致则继续比较内容，内容一致则 true，不一致则 false
- boolean 类型
  
  参与计算或比较时，true 转换为 1，false 转换为 0
逻辑运算符：
- && ：逻辑与
- || ：逻辑或
- ! ：逻辑非

条件运算符（三目运算符、双元运算符）：

// 语法：
变量名 = (condition) ? value1 : value2
// 示例：
var a = (11 == 5) ? "b" : "c"

js 的布尔运算规则

可以使用一些非布尔类型的值，作为布尔值来使用

boolean 类型： true：真；false：假
undefined 类型：作为 false
null 类型：作为 false
string 类型： “”（空字符串）作为 false，非空的字符串作为 true
number 类型： 0 或 0.0 作为 false 使用，非 0 的数字作为 true
object 类型：所有的对象都可以作为 true

js 的流程控制语句

分支语句：if、switch

if 语句：
- if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
- if…else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
- if…else if…else 语句- 使用该语句来选择多个代码块之一来执行
switch 语句：使用该语句来选择多个代码块之一来执行

格式：
```
var 变量n = 变量值;
switch(变量n):case 值1:逻辑代码break;case 值2:逻辑代码break;...default:逻辑代码break;
```
代码解释：
- 计算一次 switch 表达式
- 把表达式的值与每个 case 的值进行对比
- 如果存在匹配，则执行关联代码
工作原理：
1. 首先设置表达式 n（通常是一个变量）
2. 随后表达式的值会与结构中的每个 case 的值做比较
3. 如果存在匹配，则与该 case 关联的代码块会被执行
4. 请使用 break 来阻止代码自动地向下一个 case 运行
break 关键字的作用
- 如果 js 遇到 break 关键词，它会跳出 switch 代码块。即停止 switch 代码块中更多代码的执行以及 case 测试。
- 如果找到匹配，并完成任务，则随即中断执行（break），无需更多测试。
- break 能够节省大量执行时间，因为它会“忽略” switch 代码块中的其他代码的执行。
- switch 代码块中的最后一个 case 可以省略 break ，因为代码块在此处会自然结束，不必 break 来中断
default 关键字的使用：使用 default 关键词来规定匹配不存在时做的事情

循环语句：while、do-while、for、for-each

while 循环：

如果条件为真的话，就会重复循环执行大括号包裹的代码块

语法：
```
while (条件){代码块
};
```
do-while 循环：

do-while 循环是 while 循环的变体。

该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环

语法：
```
do {需要执行的代码
} while (条件);
```

for 循环：

语法：

for (进入循环前执行的语句; 进入循环的条件; 每次循环后执行的语句){        被执行的代码块        
}// 示例
var arr = [1,2,3,"a","b","c",true,false,1.1,2.2,3.3];
for(var i=0; i<arr.length; i++){console.log(arr[i]);
}

增强 for 循环

for-in 格式：获取的是数组的索引

for(let i in 数组){		  // 使用变量i接收数组的索引值。i是变量名，可自定义let 变量名 = 数组[i]);	// 获取数组元素并赋值给变量
}// 示例：
var arr = [1, 2, 3];
for(let i in arr){console.log(arr[i]);	// 打印数组元素
}

for-of 格式：获取的是数组中的元素

for(let 变量名 of 数组){console.log(变量名);
}// 示例：
var arr = [1, 2, 3];
for(let v in arr){console.log(v);
}

注：也可以用 var 定义变量，但是推荐使用 let，因为 var 定义的是全局变量，let 定义的是局部变量

终止循环：break、continue、return

break 语句：立即跳出整个循环（即终止循环）
continue 语句：立即跳出本次循环，然后开始循环的一次新迭代
return 语句：用于终止函数的执行并指定函数返回的值。return 语句只能出现在函数体内

在函数体内的循环中使用 return 语句，终止了整个函数的执行，当然也就终止了函数体内的循环

js 的函数

JavaScript 使用关键字 function 定义函数。

函数可以通过声明定义，也可以是一个表达式（匿名函数）
声明定义函数

定义格式：
```
function 函数名(参数列表){函数体;return 返回值;
}
```
注意：
- 函数是没有返回值类型的，在函数中写 return 就有返回值，不写 return 没有返回值
- 只写 return ，不写具体的返回值，则 return 的作用就是结束函数
- 函数的参数列表，不能写数据类型，直接写变量名即可
```
(var a, var b) 	// 错误  
(a,b)			// 正确
```
使用格式：
```
// 有返回值的函数:
var 变量 = 函数名(参数);
// 没有返回值的函数：
函数名(参数);
```
匿名函数：没有名字的函数

定义格式：
```
function (参数列表){函数体;return 返回值;
}
```
使用格式：
- 可以把匿名函数赋值给一个变量，变量名就相当于是函数的名字，通过变量名就可以调用函数
- 在 js 中有一些函数的参数需要传递其他的函数，就可以使用匿名函数传递（例如：定时器）

js 的事件

事件概述

js 的事件是 js 不可或缺的组成部分。

几个概念：

事件源：被监听的 html 元素
事件：某类动作，例如点击事件，移入移出事件，敲击键盘事件等
事件与事件源的绑定：在事件源上注册上某事件
事件触发后的响应行为：事件触发后需要执行的代码，一般使用函数进行封装

常用的事件

事件名	描述
onload	某个页面或图像被完成加载
onreset	重置按钮被点击
onsubmit	提交按钮被点击（注意：事件源是表单 form）
onchange	用户改变域中内容
onclick	鼠标点击某个对象
ondblclick	鼠标双击某个对象
onblur	元素失去焦点
onfocus	元素获得焦点
onchange	用户改变域的内容
onmouseover	鼠标移入（鼠标被移到某元素之上）
onmouseout	鼠标移出（鼠标从某元素移开）
onmousemove	鼠标移动
onmousedown	某个鼠标按键被按下
onmouseup	某个鼠标按键被松开
onkeydown	某个键盘的键被按下
onkeypress	某个键盘的键被按下或按住
onkeyup	某个键盘的键被松开
onselect	文本被选定
onerror	当加载图像时发生错误

事件的基本使用

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>js中的事件</title><script>//定义按钮发生鼠标点击事件的响应函数function butOnclick() {//事件的处理逻辑alert("就点你咋地!");}//定义图片鼠标移入事件的响应函数function imgOnmouseover() {alert("鬼子又来抢花姑娘了!");}//定义文本框修改域内容事件的响应函数function textOnchange() {alert("haha");}</script>
</head>
<body><!--按钮发生了点击事件事件源: <input type="button"/> 按钮事件: 鼠标点击事件 onclick把事件和事件源绑定到一起: 在按钮标签上,添加一个onclick属性,属性值调用一个函数事件触发之后的响应行为: 定义一个函数,在函数中处理按钮的鼠标点击事件--><input type="button" value="没事别点我" onclick="butOnclick()"/><!--鼠标移入事件事件源: dev标签事件: 鼠标移入事件 onmouseover把事件和事件源绑定到一起: 在标签上,添加一个onmouseover属性,属性值调用一个函数事件触发之后的响应行为: 定义一个函数,在函数中处理图片鼠标移入事件--><dev width="150px" height="200px" style="border-style:solid" onmouseover="imgOnmouseover()">鼠标移入就弹窗</dev><!--文本框改变域内容事件事件源: 文本框 <input type="text"/>事件: 改变域内容事件 onchange把事件和事件源绑定到一起: 在文本框上,添加一个onfocus属性,属性值调用一个函数事件触发之后的响应行为: 定义一个函数,在函数中处理文本框获取焦点事件--><input typeof="text" placeholder="请输入你想输入的内容" onchange="textOnchange()"/>
</body>
</html>

页面加载事件（onload）

onload 事件会在页面或图像加载完成后立即发生。

onload 通常用于 <body> 元素，在页面完全载入后(包括图片、css文件等等。)执行脚本代码。

语法（实际使用中，以下两种方式二选一）：

在 HTML 中：在 body 标签绑定事件 onload ，并指定响应函数
```
<body onload="SomeJavaScriptCode()">
```

在 JavaScript 中：

window.onload=function(){*SomeJavaScriptCode*};

JavaScript 入门指南（一）简介及基础语法

JavaScript 简介 JavaScript，简称 js，是一种基于对象（object-based）和事件驱动（Event Driven）的简单的并具有安全性能的脚本语言。 JavaScript 特性 JavaScript 是解释性语言，而不是编译性语言…...

编程日记 2024/3/18 13:59:04

UbuntuServer22.04配置静态IP地址

查看网络配置文件使用命令, 查看网络配置文件 ls -l /etc/netplan/输出如下(文件名可能不同， 以实际查询为准) -rw------- 1 root root 191 Mar 17 03:30 00-installer-config.yaml编辑文件即可修改网络配置 sudo vim /etc/netplan/00-installer-config.yaml配…...

编程日记 2024/3/18 13:56:01

vue3 打印局部网页、网页下载为图片、下载为pdf-自动分页，几行代码搞定

经常有一些需求，要将网页保存为一张图片，感觉异常困难，这里发现一个简单的办法。这么简单，直接一句哇塞，老板：马上完成任务。先安装几个依赖 npm i howuse html2canvas jspdf 下载图片代码 <button …...

编程日记 2024/3/18 13:55:00

力扣hot100：34. 在排序数组中查找元素的第一个和最后一个位置（二分查找的理解）

我们知道使用二分查找能找到值所在的位置。假如我们在找到值后仍然不断的更新指针会发生什么？我们可以利用这一点来找到最左边的以及最右边的值。如果当nums[mid]target时，使得 rightmid-1，那么最终会使得target在right的右边。如果当nums[…...

编程日记 2024/3/18 13:53:59

几何相互作用GNN预测3D-PLA

预测PLA是药物发现中的核心问题。最近的进展显示了将ML应用于PLA预测的巨大潜力。然而，它们大多忽略了复合物的3D结构和蛋白质与配体之间的物理相互作用，而这对于理解结合机制至关重要。作者提出了一种结合3D结构和物理相互作用的几何相互作用图神经网络GIGN，用于预测蛋白质…...

编程日记 2024/3/18 13:51:56

2024最新版使用PyCharm搭建Anaconda

2024最新版使用PyCharm搭建Anaconda 因为pycharm自带的包不全，或者下载的时候比较慢，所以我们直接用anaconda的包，毕竟我们以后还会学到很多的包，不多说，直接开干！ 一、下载Pycharm、Anacoda pycharm中文网…...

编程日记 2024/3/18 13:50:54

前台于后台项目

一：技术栈前台：vue3element plus 后台：reactant desgin 二：项目中的问题： 多人协同开发导致样式冲突 ui框架中组件的使用 ui框架中组件样式的修改精度缺失问题框架的使用三：解决方案： …...

编程日记 2024/3/18 13:47:51

Magical Combat VFX

这个包包含30个可供游戏使用的VFX，有各种口味，为您的游戏增添趣味！所有VFX都经过了很好的优化，可以在所有平台上使用。这个包特别有一堆闪电魔法，有两种主要的变体，一种是深色的，另一种是浅色的。但它也提供了一系列其他视觉效果，如神圣咒语、音乐主题等等！我们提供…...

编程日记 2024/3/18 13:46:50

hadoop伪分布式环境搭建详解

（操作系统是centos7） 1.更改主机名，设置与ip 的映射关系 hostname //查看主机名 vim /etc/hostname //将里面的主机名更改为master vim /etc/hosts //将127.0.0.1后面的主机名更改为master，在后面加入一行IP地址与主机名之间的…...

编程日记 2024/3/18 13:45:49

一、登录功能 Slf4j RestController public class LoginController {Autowiredprivate EmpService empService;PostMapping("/login")public Result login(RequestBody Emp emp){log.info("员工登录: {}", emp);Emp e empService.login(emp);//登录失败, …...

编程日记 2024/3/18 13:43:47

内外网数据单向导入导出如何提升效率确保安全性？

金融、证券、税务、海关、军工、国央企、生物医药等涉密行业，为了保护内部的核心数据，都会将网络进行物理隔离，网络物理隔离主要是采用隔离硬件设备，在人工或者软件的控制下，进行内外网的切换和数据交换。传统的内外网…...

编程日记 2024/3/18 13:41:44

Spring核心方法：Refresh全解(WebMVC如何装配、关联)

Spring核心方法：Refresh全解(WebMVC如何装配、关联) 这里是一个表格，列出了Spring容器刷新过程中执行的方法以及它们的作用： 方法名称描述prepareRefresh()初始化一些属性和状态，例如启动时间戳、活动标志、环境变量等。obtainF…...

编程日记 2024/3/18 13:40:43

TCP：三次握手四次挥手及相关问题：

连接—三次握手： 流程图： 过程详解： 客户端(connect)连接服务器（listen) Client将标志位SYN置为1,随机产生一个值seqx, 并将该数据包发送给Server, Client进入SYN_ SENT状态，等待Server确认。Server收到数据包后由标…...

编程日记 2024/3/18 13:39:42

链式二叉树--前序中序后序遍历，高度，节点个数问题

目录前言： 一：链式二叉树的结构定义二：链式二叉树的遍历--->前序，中序，后序 1.前序递归展开图分析 2.中序递归展开图分析 3.后序三：二叉树结点的求解 1.二叉树总结点递归展开分析 2…...

编程日记 2024/3/18 13:38:41

HCIA——TCP协议详解

目录 1、TCP概念及协议头部格式 1.1TCP特点 1.2TCP协议协议头部格式 1.3字段进行介绍 1.3.1源端口和目的端口 1.3.2序号(seq) 1.3.3确认序号(ack) 1.3.4数据偏移 1.3.5标志位 1.3.6窗口 1.3.7校验和 1.3.8紧急指针 2、TCP的可靠性 2.1 TCP可靠性的保障 2.2排序机…...

编程日记 2024/3/18 13:36:38

Hadoop大数据应用：Linux 部署 HDFS 分布式集群

目录一、实验 1.环境 2.Linux 部署 HDFS 分布式集群 3.Linux 使用 HDFS 文件系统二、问题 1.ssh-copy-id 报错 2. 如何禁用ssh key 检测 3.HDFS有哪些配置文件 4.hadoop查看版本报错 5.启动集群报错 6.hadoop 的启动和停止命令 7.上传文件报错 8.HDFS 使用命令一…...

编程日记 2024/3/18 13:32:33

纯 CSS 实现文字换行环绕效果

实现效果实现代码 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><meta name"viewport" content"widthdevice-width, initial-scale1.0" /><title>Document</title><…...

编程日记 2024/3/18 13:31:31

【爬虫逆向】Python逆向采集猫眼电影票房数据

进行数据抓包，因为这个网站有数据加密 !pip install jsonpathCollecting jsonpathDownloading jsonpath-0.82.2.tar.gz (10 kB)Preparing metadata (setup.py) ... done Building wheels for collected packages: jsonpathBuilding wheel for jsonpath (setup.py) .…...

编程日记 2024/3/18 13:26:25

解析服务器下载速度：上行、下行与带宽之谜

在日常使用中，我们经常会遇到从服务器下载内容速度忽快忽慢的情况，即便服务器的硬件配置如4核CPU、8GB内存和12Mbps的带宽看似足够。为何会出现这种现象？这背后涉及到网络中的上行、下行以及带宽等关键概念。本文旨在揭开这些术语背后的含义&…...

编程日记 2024/3/18 13:24:22

计算机网络的概念

目录 <计算机网络的定义> <计算机网络的形成与发展> 1.第一阶段远程联机阶段----60年代以前: 2.第二阶段多机互联网络阶段----60年代中期: 3.第三阶段标准化网络阶段----70年代末: 4.第四阶段网络互联与高速网络阶段一90年代: <计算机网络的未来--下一代…...

编程日记 2024/3/18 13:23:19

MATLAB中的脚本和函数有什么区别？

MATLAB中的脚本和函数是两种不同的代码组织方式，它们在结构、功能和使用方式上有显著的区别。以下是对这两种方式的详细解释，总计约2000字。一、MATLAB脚本 MATLAB脚本是一种包含多条MATLAB命令的文件，这些命令按照在文件中的顺序依次执行…...

编程日记 2024/3/18 13:20:16

从电影《沙丘》说起——对人工智能的思考

正文从《沙丘》开始说起之前看《沙丘》电影，里面有一类角色叫门泰特，这类人大脑可以飞快地运算，在电影设定里是替换人工智能、机器运算的存在。男主保罗也是这类型的人，但他可能基因更强大，吸食了香料后&#xff0…...

编程日记 2024/3/18 13:18:14

使用Python进行自然语言处理（NLP）：NLTK与Spacy的比较【第133篇—NLTK与Spacy】

👽发现宝藏前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。【点击进入巨牛的人工智能学习网站】。使用Python进行自然语言处理（NLP）：NLTK与Spacy的比较自…...

编程日记 2024/3/18 13:16:12

学习笔记--在线强化学习与离线强化学习的异同（3）

这篇博文很多部分仅代表个人学习观点，欢迎大家与我一起讨论强化学习与离线强化学习的区别强化学习和离线强化学习都是机器学习的分支，主要用于训练智能体以在不断尝试和错误的过程中学习如何最大化累积奖励。它们之间的主要区别在于数据的获取方式和训…...

编程日记 2024/3/18 13:14:11

使用Thymeleaf导出PDF，页眉插入图片与内容重叠？

CSS 打印分页功能需求：打印在第一页的内容被挤到第二页的时候，又想每一页页头都有相同的样式，使用页眉。问题：第二页的内容与页眉重叠了？ 查各路找出的原因：header 页眉不占空间解决：不…...

编程日记 2024/3/18 13:13:10

python网络编程：通过socket实现TCP客户端和服务端

目录写在开头 socket服务端（基础） socket客户端（基础） 服务端实现（可连接多个客户端） 客户端实现数据收发效果写在开头近期可能会用python实现一些网络安全工具，涉及到许多关于网络…...

编程日记 2024/3/18 13:11:08

论文阅读——RSGPT

RSGPT: A Remote Sensing Vision Language Model and Benchmark 贡献：构建了一个高质量的遥感图像描述数据集（RSICap）和一个名为RSIEval的基准评估数据集，并在新创建的RSICap数据集上开发了基于微调InstructBLIP的遥感生成预训练…...

编程日记 2024/3/18 13:07:04

长连接技术

个人学习记录，欢迎指正 1.轮询 1.1 轮询的形式短连接轮询前端每隔一段时间向服务端发起一次Http请求来获取数据。 const shortPolling () > { const intervalHandler setInterval(() > {fetch(/xxx/yyy).then(response > response.json()).then(respo…...

编程日记 2024/3/18 13:06:04

供电系统分类详解

一、供电系统分类电力供电系统一般有5种供电模式，常用的有：IT系统，TT系统，TN系统，其中TN系统又可以分为TN-C，TN-S，TN-C-S。 1、TN-C系统（三相四线制） 优点: 该系统中…...

编程日记 2024/3/18 13:05:02

基于centos7的k8s最新版v1.29.2安装教程

k8s概述 Kubernetes 是一个可移植、可扩展的开源平台，用于管理容器化的工作负载和服务，可促进声明式配置和自动化。 Kubernetes 拥有一个庞大且快速增长的生态，其服务、支持和工具的使用范围相当广泛。 Kubernetes 这个名字源于希腊语&…...

编程日记 2024/3/18 12:59:57