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

JavaScript 的演变:2023-2025 年的新特性解析

随着Web技术的飞速发展,ECMAScript(简称ES)作为JavaScript的语言标准,也在不断进化。

本文将带你学习 ECMAScript 2023-2025 的新特性。

一、ECMAScript 2023 新特性

1.1 数组的扩展
Array.prototype.findLast()/Array.prototype.findLastIndex()

findLast() 从后向前遍历数组,并返回满足条件的第一个元素的值, 如果没有找到返回 undefined

const list = [1, 2, 3, 4, 5];
console.log(list.findLast(element => element > 3)); // 输出: 5
console.log(list.findLast(element => element > 6)); // undefined

findLastIndex() 从后向前遍历数组,并返回满足条件的第一个元素的索引。若没有找到对应元素,则返回 -1

const list = [1, 2, 3, 4, 5];
console.log(list.findLast(element => element > 3)); // 输出: 4
console.log(list.findLastIndex(element => element > 6)); // -1
Array.prototype.toSorted(compareFn)

返回一个按升序排序的新数组。与 sort 的区别是,sort 会直接修改原数组。

const list = [5, 2, 4, 6, 1];
const arr = list.toSorted();
console.log(arr); // [1, 2, 4, 5, 6]
console.log(list); // [5, 2, 4, 6, 1]
Array.prototype.toReversed()

Array.prototype.reverse() 类似,该数组的元素顺序被反转,但不改变原始数组,而是返回一个新数组。

const list = [1, 2, 3, 4, 5];
const arr = list.toReversed();
console.log(arr); // [5, 4, 3, 2, 1]
console.log(list); // [1, 2, 3, 4, 5]
Array.prototype.toSpliced()

Array.prototype.splice()类似,在给定索引处删除和/或替换了一些元素,但不改变原始数组,返回一个新数组。

语法:

Array.prototype.toSpliced(start, deleteCount, …items)

示例:

const list = [1, 2, 3, 4, 5];
const arr = list.toSpliced(2, 0, 6);
console.log(list); // [1, 2, 3, 4, 5]
console.log(arr); // [1, 2, 6, 3, 4, 5]
Array.prototype.with(index, value)

替换给定参数 index 位置的数组元素,返回新数组,而不改变原始数组。

const list = [1, 2, 3, 4, 5];
const arr = list.with(2, 6);
console.log(list); // [1, 2, 3, 4, 5]
console.log(arr); // [1, 2, 6, 4, 5]
1.2 WeakMap 扩展

WeakMap 支持 Symbol 作为键。

const weak = new WeakMap();
const key = Symbol("ref");
weak.set(key, "ECMAScript");console.log(weak.get(key)); // ECMAScript
1.3 Hashbang语法

ECMAScript 2023 中引入 Hashbang 语法,允许我们在代码中使用 shebang 表示法 (#!),用于指定执行脚本时使用的解释器路径。

#!/usr/bin/env nodeconsole.log('Hello from Hashbang Grammar!');

#!/usr/bin/env node 告诉操作系统使用哪个解释器来执行该脚本。在这个例子中,它指示使用/usr/bin/env命令来查找并执行node命令。

二、ECMAScript 2024 新特性

2.1 Promise
Promise.withResolvers

Promise.withResolvers() 允许创建一个新的 Promise,并同时获得 resolvereject 函数。

语法如下:

const { promise, resolve, reject } = Promise.withResolvers();

返回值:

  • promise:一个新的 Promise 实例。
  • resolve:对应的 resolve 函数。
  • reject:对应的 reject 函数。

需要手动控制Promise状态(如根据异步操作结果)时,可以使用 Promise.withResolvers()

const { promise, resolve, reject } = Promise.withResolvers();setTimeout(() => {resolve('成功');
}, 3000);promise.then(result => console.log(result)); // 输出:成功
2.2 Object.groupBy() / Map.groupBy()

Map.groupBy() 方法允许开发者将可迭代对象分组为一个新的Map,其中 Mapkey 由回调函数提供。

Map.groupBy([0, -5, 3, -4, 8, 9], x => x < 0 ? -1 : 1)

Object.groupBy() 方法则生成一个对象而非Map,其工作原理与 Map.groupBy() 类似,不过返回一个对象。

Object.groupBy([0, -5, 3, -4, 8, 9], x => x < 0 ? -1 : 1) 

2.3 字符串扩展
String.prototype.isWellFormed()

isWellFormed() 让你能够测试一个字符串是否不包含单独代理项。

“单独代理项(lone surrogate)”是指满足以下描述之一的 16 位码元:
它在范围 0xD800 到 0xDBFF 内(含)(即为前导代理),但它是字符串中的最后一个码元,或者下一个码元不是后尾代理。
它在范围 0xDC00 到 0xDFFF 内(含)(即为后尾代理),但它是字符串中的第一个码元,或者前一个码元不是前导代理。

String.prototype.toWellFormed()

toWellFormed() 方法返回一个字符串,其中该字符串的所有单独代理项都被替换为 Unicode 替换字符 U+FFFD。

2.4 正则表达式
v 标志

RegExp 的 v 标志是 u 标志的超集,额外提供了两个功能。

  • 支持根据字符串的 Unicode 属性进行匹配,通过 \p{...} 语法,开发者可以根据字符的 Unicode 属性来构造正则表达式。例如,\p{RGI_Emoji} 用于匹配任何表情符号,而 \p{White_Space} 匹配所有空白字符。
const re = /^\p{RGI_Emoji}$/v;// 匹配仅包含一个代码点的表情符号:
console.log(re.test('⚽')); // 输出: true ✅// 匹配由多个代码点组成的表情符号:
console.log(re.test('??‍⚕️')); // 输出: true ✅

在上面的代码中,正则表达式 ^\p{RGI_Emoji}$ 匹配任何单一表情符号,包括复杂的组合表情符号。这种功能使得正则表达式可以更加准确地处理各种 Unicode 字符。

  • 设置符号:允许在字符类之间进行集合操作,这意味着可以使用 && 操作符执行字符类的交集。例如,表达式 [\p{White_Space}&&\p{ASCII}] 匹配既是空白字符又是 ASCII 字符的字符。
const re = /[\p{White_Space}&&\p{ASCII}]/v;// 匹配常见的换行符:
console.log(re.test('\n')); // 输出: true// 匹配其他 Unicode 空白字符,例如行分隔符:
console.log(re.test('\u2028')); // 输出: false
  • Unicode 字符类转义:\p{…}、\P{…}
Temporal

Temporal 是一个全局对象,像 Math 一样位于顶级命名空间中,为 ECMAScript 语言带来了现代化的日期、时间接口。

Temporal API 类似 moment 时间库,提供了精确灵活的日期时间操作 API,从而更轻松地处理复杂的日期和时间。

比如加一天:

const date = Temporal.PlainDate.from("2024-08-14");console.log(date.add({ days: 1 }).toString()); // Output: 2024-08-15

还在提案中

三、ECMAScript 2025 新特性

3.1 模式匹配

模式匹配,一种根据数据结构匹配并执行相应逻辑的机制,一个更强大的 switch 语句替代方案。

const user = { name: 'Jane', age: 25, isAdmin: false };const status = match(user) {case { name, age, isAdmin: true }: return `${name} is an admin`;case { age, isAdmin: false }: return `${age}-year-old user`;default: return 'Unknown status';
}

还在提案中 - ECMAScript Pattern Matching

3.2 数组与对象的扩展

新增了不可变数据结构 Record(类似对象)和 Tuple(类似数组)。

const record = #{ a: 1, b: 2 }; // Record// 尝试修改会报错
record.name = "Bob"; // Error: Cannot assign to read-only propertyconst tuple = #[1, 2, 3];       // Tuple

提供可预测、不可变的数据结构。

应用场景

  • 状态管理(如 Redux)。
  • 数据传递(避免副作用)。
3.3 正则表达式
命名的捕获组

传统正则表达式中,只能使用普通捕获组(用索引访问)。

const matched = '2025-04'.match(/(\d{4})-(\d{2})/)
const [, year, month] = matched;

匹配结果matched是一个数组,数组第一项是正则匹配的完整的字符串,从第二项开始就依次是捕获组的内容,所以year和month分别是数组第二项,和第三项。

在 ECMAScript 2018 的新特性中,我们可以使用 命名捕获组给正则表达式中的捕获组命名,这样可以更容易地通过名称来引用这些捕获组而不是通过索引。

在正则表达式中使用命名捕获组,你可以在圆括号内使用 ?<组名>

const matched = '2025-04'.match(/(?<year>\d{4})-(?<month>\d{2})/)
const {year, month} = matched.groups
正则修饰符

精准控制匹配规则。

在之前,如果希望能够匹配上,也就是忽略大小写,可以这样写:

/hello World/i.test('Hello world')  // true

但如果只需要对部分进行忽略大小写。比如只需 hello 忽略大小写,上面是无法满足的,不过现在可以了,可以这样使用:

/(?i:h)ello World/.test('Hello World')  // true

(?:) 是非捕获分组。

3.4 Promise
Promise.try()

Promise.try() 方法接受一个函数作为参数,这个函数可以是同步的也可以是异步的。如果该函数返回一个值,Promise.try 会返回一个解析为该值的Promise;如果该函数返回一个Promise,Promise.try 会返回该Promise并保持其状态;如果该函数抛出异常,Promise.try 会返回一个拒绝的Promise,并带有该异常作为拒绝原因‌。

语法如下:

Promise.try( callbackfn, ...args )

示例:

function doSomething(action) {return Promise.try(action).then((result) => console.log(result)).catch((error) => console.error(error)).finally(() => console.log("Done"));
}doSomething(() => "Sync result");doSomething(() => {throw new Error("Sync error");
});doSomething(async () => "Async result");doSomething(async () => {throw new Error("Async error");
});

输出:

上面的 doSomething 方法,等价于之前的:

async function doSomething(action) {try {const result = await action();console.log(result);} catch (error) {console.error(error);} finally {console.log("Done");}
}

可在 Can I use 查看支持度。

3.5 集合的扩展
  • intersection(other):求交集,返回一个新集合,新集合的元素既在this集合中,也在other集合中
  • union(other):求并集,返回一个新集合,新集合元素包含this和other中所有的元素
  • difference(other):求差集,返回一个新集合,新集合元素在this集合中,但不在other集合中
  • symmetricDifference(other):求对称差,返回一个新集合,新集合元素只在this集合中或只在other集合
  • isSubsetOf(other):this集合是否为other集合的子集
  • isSupersetOf(other):his集合是否为other集合的父集
  • isDisjointFrom(other):this集合和other集合是否没有共同元素,也就是交集是否为空

可在 Can I use 查看支持度。

3.6 管道操作符

管道操作符 |> 允许将函数的输出直接作为下一个函数的输入,解决嵌套调用导致的代码可读性问题。

const a = 1;function add(num) {return num + 10
}function substract(num) {return num - 1;
}const b = a |> add |> substract;  // 10

应用场景

  • 数据处理管道(如数据转换)。
  • 函数式编程中的函数组合。

注:该提案在Babel中已实现实验性支持,2025年有望成为标准。

3.7 JSON模块

支持将 JSON 直接作为模块导入,类似于导入 JavaScript 或 CSS 的方式。

import config from './config.json' assert { type: 'json' };// 动态导入也支持
const loadLocalization = async (locale) => {const translations = await import(`./locales/${locale}.json`, { assert: { type: 'json' } });return translations.default;
};

注:该提案在Babel中已实现实验性支持,2025年有望成为标准。

参考资料

  • ecma262
  • Union, intersection, difference, and more are coming to JavaScript Sets
  • Temporal

相关文章:

JavaScript 的演变:2023-2025 年的新特性解析

随着Web技术的飞速发展&#xff0c;ECMAScript&#xff08;简称ES&#xff09;作为JavaScript的语言标准&#xff0c;也在不断进化。 本文将带你学习 ECMAScript 2023-2025 的新特性。 一、ECMAScript 2023 新特性 1.1 数组的扩展 Array.prototype.findLast()/Array.protot…...

CSS继承

CSS继承 CSS继承是一种机制&#xff0c;允许子元素自动继承父元素的某些样式属性&#xff0c;从而减少重复代码。 以下是一些常见的具有继承性的CSS属性&#xff1a; color : 文字颜色 font-family &#xff1a; 字体族名称 font-size &#xff1a; 字体大小 font-weight &am…...

游戏引擎学习第236天:GPU 概念概述

回顾并展望通过视频采集卡进行流媒体传输的未来 昨天&#xff0c;我们迈出了大胆的一步&#xff0c;决定初始化硬件的 3D 加速&#xff0c;因为我有点厌倦了我们的游戏没有垂直同步&#xff08;vsync&#xff09;。如今&#xff0c;在 Windows 上&#xff0c;我找不到一种可靠…...

HFSS3(limy)——建模学习记录

前言——笔者使用的是21版HFSS 1.基本模型 为什么没有环形的天线 2.创建基本模型方法 常用&#xff1a;先粗略建好模型再编辑输入准确坐标和大小尺寸&#xff08;这里长方体起始点是左上角下方的点&#xff0c;也就是说要输入模型起点相对于坐标原点的位置尺寸就可以确定具体…...

php实现zip压缩

可以使用ZipArchive类来创建ZIP压缩文件。ZipArchive是PHP内置的一个类&#xff0c;提供了创建、打开、读取、写入和关闭ZIP文件的功能。 示例&#xff1a;压缩单个文件 <?php$fileToZip path/to/your/file.txt; $zipFileName compressed.zip;$zip new ZipArchive(); …...

【STM32单片机】#10 USART串口通信

主要参考学习资料&#xff1a; B站江协科技 STM32入门教程-2023版 细致讲解 中文字幕 开发资料下载链接&#xff1a;https://pan.baidu.com/s/1h_UjuQKDX9IpP-U1Effbsw?pwddspb 单片机套装&#xff1a;STM32F103C8T6开发板单片机C6T6核心板 实验板最小系统板套件科协 实验&…...

goc命令大全

颜色0黑1红2蓝3浅绿4浅蓝5淡黄6棕7深蓝8灰9粉10深绿11紫12蓝绿13黄14橙15白 绘图命令功能pen笔.fd()前进.rt()右转.c()颜色.up()抬笔.o(,)圆.e(,)椭圆.r(,,)长方形.picL(,)调图片.text(,,)文字.hide()隐藏.moveTo(,)移动wait();等待.soundL()调声音pause();暂停 绘图命令功能…...

Linux | 软件仓库管理

一. 软件包 1.1 软件包的分类 DEB&#xff1a;主要用于基于 Debian 的系统&#xff0c;如 Ubuntu。这种软件包格式具有良好的依赖管理机制&#xff0c;方便用户安装、升级和卸载软件。RPM&#xff1a;广泛应用于 Red Hat、CentOS、Fedora 等系统。RPM 包将软件打包成一个文件…...

Python实现对目标Word文档进行自动化排版【4万字精讲】(14)

前言 本文是该专栏的第14篇,后面会持续分享Python办公自动化干货知识,记得关注。 注意:本文涵盖4万字以及实战操作代码的精讲攻略,带你轻松掌握一键式“文档自动化排版”程序功能。 如果说当你在工作项目中,遇到这样的需求,需要如何处理——假设,现在有大批量的docx格…...

LeetCode每日一题4.19

2563. 统计公平数对的数目 题目 问题分析 输入&#xff1a;一个整数数组 nums 和两个整数 lower 和 upper。 输出&#xff1a;返回满足条件的公平数对的数目&#xff0c;即对于所有 0 < i < j < n&#xff0c;lower < nums[i] nums[j] < upper 的数对 (i, j)…...

Spring AI 开发 - 快速入门

先看效果 项目搭建 Spring AI 是 Spring 推出的一个项目&#xff0c;目标是提供统一的API抽象层&#xff0c;屏蔽不同AI模型和服务的底层差异&#xff0c;实现跨平台兼容性。 演示使用的模型是阿里的 qwq-32b。 环境要求&#xff1a; JDK &#xff1a;17以上&#xff08;包括…...

leetcode哈希表(六)-三数相加

题目 15. 三数之和 给你一个整数数组 nums &#xff0c;判断是否存在三元组 [nums[i], nums[j], nums[k]] 满足 i ! j、i ! k 且 j ! k &#xff0c;同时还满足 nums[i] nums[j] nums[k] 0 。请你返回所有和为 0 且不重复的三元组。 注意&#xff1a;答案中不可以包含重复…...

Photoshop安装与配置--简单攻略版

下载地址:Photoshop软件工具下载 安装完成后&#xff0c;即可运行Photoshop.exe&#xff1b;打开工具页面后&#xff0c;按照下面简单配置即可 1.编辑-》首选项-》常规 或者直接快捷键CtrlK 暂存盘&#xff1a;一定要设置为非C盘 2.性能 3.文件处理 以上配置比较基础&#xf…...

一个 CTO 的深度思考

今天和一些同事聊了一会&#xff0c;以下是我的观点 我的观点&#xff0c;成年人只能筛选&#xff0c;不能培养在组织中&#xff0c;应该永远向有结果的人看齐。不能当他站出来讲话的时候&#xff0c;大家还要讨论讨论&#xff0c;他虽然拿到结果了&#xff0c;但是他就是有一…...

Java:使用Maven构建项目无src解决方案

创建箭头所指的包和类以及yml文件&#xff1a; 类中&#xff1a; package com.itheima;import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication;SpringBootApplication public class BigEventApplication …...

Git 命令速查手册

听说用美图可以钓读者&#xff1f; 一、基础操作核心命令 1. 仓库初始化与克隆 命令作用示例git init创建新仓库git init my-projectgit clone克隆远程仓库git clone [https://github.com/user/repo.git](https://github.com/user/repo.git)git remote add关联远程仓库git re…...

office软件中word里面的编号库和列表库功能

在Microsoft Word中,编号库和列表库是两大核心排版工具,分别服务于不同层级的文档结构化需求。以下从功能定义、核心差异、应用场景及操作技巧等维度进行详细解析: 一、编号库(Numbering Library) 1. 定义与功能 编号库是Word中预设或用户自定义的有序列表格式集合,用于…...

C++入门七式——模板初阶

目录 函数模板 函数模板概念 函数模板格式 函数模板的原理 函数模板的实例化 模板参数的匹配原则 类模板 类模板的定义格式 类模板的显式实例化 当面对下面的代码时&#xff0c;大家会不会有一种无力的感觉&#xff1f;明明这些代码差不多&#xff0c;只是因为类型不…...

Python+Selenium+Pytest+POM自动化测试框架封装(完整版)

&#x1f345; 点击文末小卡片 &#xff0c;免费获取软件测试全套资料&#xff0c;资料在手&#xff0c;涨薪更快 1、测试框架简介 1&#xff09;测试框架的优点 代码复用率高&#xff0c;如果不使用框架的话&#xff0c;代码会显得很冗余。可以组装日志、报告、邮件等一…...

matlab 处理海洋数据并画图的工具包--ocean_data_tools

matlab 处理海洋数据并画图的工具包–ocean_data_tools matlab 处理海洋数据并画图的工具包–ocean_data_tools ocean_data_tools 简化了提取、格式化和可视化免费可用的海洋学数据的过程。虽然可以在线访问大量海洋学数据&#xff0c;但由于获取这些数据并将其格式化为可用数据…...

软件开发指南——GUI 开发方案推荐

1. LVGL (Light and Versatile Graphics Library) 适用场景&#xff1a;嵌入式设备、资源受限环境 优势&#xff1a; 专为嵌入式设计的开源 GUI 库&#xff0c;内存占用极小&#xff08;最低仅需 64KB RAM&#xff09;支持触摸屏、硬件加速&#xff08;如 STM32 的 LTDC&…...

JDK8 HashMap的实现原理

一 HashMap底层存储结构 HashMap底层结构采用&#xff08;数组&#xff09;&#xff08;链表 or 红黑树&#xff09;的形式来存储节点。 首先HashMap是一个数组&#xff0c;而且数组里面每个位置可以放入多个元素&#xff0c;形象一点&#xff0c;咱们把数组的这些个位置称为桶…...

YOLO拓展-锚框(anchor box)详解

一.锚框&#xff08;anchor box&#xff09;概述 1.1什么是锚框 锚框就是一种进行预测的像素框&#xff0c;通过遍历输入图像上所有可能的像素框&#xff0c;然后选出正确的目标框&#xff0c;并对位置和大小进行调整就可以完成目标检测任务。 对于yolo锚框的建设须基于实际…...

U-Boot(Universal Bootloader)简介

U-Boot 是一种开源的、高度可定制的 引导加载程序&#xff08;Bootloader&#xff09;&#xff0c;专为嵌入式系统和特定硬件平台设计。它负责在设备上电后初始化硬件、加载操作系统内核&#xff0c;并将控制权移交给操作系统&#xff0c;是嵌入式设备启动过程中不可或缺的核心…...

turtle库绘制进阶图形

要求&#xff1a; 1.绘制嵌套彩色五角星&#xff08;大小逐层递减&#xff09; 2. 设计函数绘制自定义正多边形&#xff08;边数与颜色参数化&#xff09; 3. 扩展&#xff1a;实现动态旋转花瓣图案 代码&#xff1a; import turtledef draw_nested_star():colors ["…...

[matlab]南海地形眩晕图代码

[matlab]南海地形眩晕图代码 请ChatGPT帮写个南海地形眩晕图代码 图片 图片 代码 .rtcContent { padding: 30px; } .lineNode {font-size: 12pt; font-family: "Times New Roman", Menlo, Monaco, Consolas, "Courier New", monospace; font-style: n…...

3. 进程概念

目录 1. 冯诺依曼体系结构 2. 操作系统 3. 理解进程的一般思路 4. 查看进程 5. fork初识 6. 进程状态 6.1 一般操作系统 6.2 Linux系统是怎么维护进程状态的 7. 进程优先级 先谈硬件-再谈软件-最后谈进程。 1. 冯诺依曼体系结构 我们常见的计算机&#xff08;笔记本电…...

yolov8的数据处理lableimg的安装以及使用

视频数据集准备 video cv2.VideoCapture("./BVN.mp4") num 0 # 计数器 save_step 30 # 间隔帧 while True:rel, frame video.read()if not ret:breaknum 1if num % save_step 0:cv2.imwrite("./demo images/" str(num) ".jpg", frame)l…...

小刚说C语言刷题——1035 判断成绩等级

1.题目描述 输入某学生成绩&#xff0c;如果 86分以上(包括 86分&#xff09;则输出 VERY GOOD &#xff0c;如果在 60到 85之间的则输出 GOOD (包括 60和 85)&#xff0c;小于 60 的则输出 BAD。 输入 输入只有一行&#xff0c;包括 1个整数。 输出 输出只有一行&#xf…...

Spring 依赖冲突解决方案详解

引言 在Spring框架中&#xff0c;依赖管理是一个核心功能&#xff0c;它使得开发者能够轻松地管理应用程序中的各种组件和服务。然而&#xff0c;随着项目的增长和复杂度的增加&#xff0c;依赖冲突问题也变得日益常见。本文将详细介绍Spring中不同类型的依赖冲突及其解决方法…...

P11299 [NOISG 2021 Finals] Fraud 题解

题目背景 你被任命为第 24 届全国信息学奥林匹克竞赛的负责人&#xff01; 题目描述 本次竞赛共有 N 名参赛者和 2 轮比赛。第 i 名参赛者在第一轮获得了分&#xff0c;在第二轮获得了 分。 每轮比赛分别有一个正整数权重 X 和 Y。第 i 名参赛者的最终得分​ 计算公式为&a…...

AI时代下 你需要和想要了解的英文缩写含义

在AI智能时代下&#xff0c;越来愈多的企业都开始重视并应用以及开发AI相关产品&#xff0c;这个时候都会或多或少的涉及到英文&#xff0c;英文还好&#xff0c;但是如果是缩写&#xff0c;如果我们没有提前了解过&#xff0c;我们往往很难以快速Get到对方的意思。在这里&…...

大数据平台简介

一、分布式系统基础架构 &#xff08;一&#xff09;定义与核心特征 分布式系统是由多台计算机&#xff08;节点&#xff09;通过网络协作组成的系统&#xff0c;对外表现为一个统一整体。其核心特征包括&#xff1a; 去中心化&#xff1a;节点平等或分角色协作&#xff08;如…...

电脑端移植至手机平板:攻克难题,仙盟架构显神通——仙盟创梦IDE

在将电脑端应用移植到手机和平板的过程中&#xff0c;常面临诸多棘手问题。像 1.x 号关闭按钮因位置设计欠佳&#xff0c;难以被用户精准点击&#xff0c;字体过小导致阅读与操作不便等。未来之窗仙盟创梦凭借创新的仙盟架构&#xff0c;巧妙且高效地化解了这些困扰开发者与用户…...

基于Python的中国象棋小游戏的设计与实现

基于Python的中国象棋小游戏的设计与实现 第一章 绪论1.1 研究背景1.2 研究意义 第二章 需求分析2.1 需求分析2.1.1核心功能需求2.1.2 用户体验需求2.1.3 衍生功能需求 2.2 可行性分析2.2.1 技术可行性2.2.2 经济可行性2.2.3 市场可行性2.2.4 法律与合规性 第三章 概要设计3.1 …...

HCIP --- OSPF综合实验

一、拓扑图 二、实验要求 1&#xff0c;R5为ISP&#xff0c;其上只能配置IP地址;R4作为企业边界路由器&#xff0c;出口公网地址需要通过PPP协议获取&#xff0c;并进行chap认证。 2&#xff0c;整个0SPF环境IP基于172.16.0.8/16划分。 3&#xff0c;所有设备均可访问R5的环…...

【OpenGL】OpenGL学习笔记-1:VS2019配置OpenGL开发环境

在Visual Studio 2019中可以通过手动配置库文件或NuGet包管理器快速安装的方法配置OpenGL环境&#xff0c;详细步骤如下&#xff1a; 一、打开VS2019&#xff0c;创建新的控制台项目 二、方法一&#xff1a;手动配置GLEW/GLFW/GLAD库 GLFW是窗口管理和输入事件的基础设施&…...

GWAS_LD

局部LDblock 绘图 1. 查看显著位点附近基因情况 链接pvalue显著位点文件 ln -s ~/yiyaoran/GWAS/my_GWAS_J/P3.GWAS/01.tassel/mlm_output.manht_figure.sigSite.out . #也可以自己筛选awk $2 9 && $4 < 0.000028481 mlm_output.manht_input>368_GWAS.snpsnp两…...

WinForms开发基础:实现带X按钮的ClearableTextBox控件

前言 我们经常看到这样的带X按钮的输入框 如果使用WinForms开发中&#xff0c;该如何进行设计&#xff0c;普通的TextBox控件如何进行改造&#xff1f;为了提升用户体验&#xff0c;在TextBox文本框内添加一个“x”按钮&#xff0c;方便用户一键清除内容。本文将介绍如何通过继…...

直线轴承常规分类知多少?

直线轴承的分类方式多样&#xff0c;以下是从材质、结构形状和常规系列三个维度进行的具体分类&#xff1a; 按主要材质分类 外壳材质&#xff1a;常见的有不锈钢&#xff0c;具有良好的耐腐蚀性&#xff0c;适用于一些对环境要求较高、易受腐蚀的工作场景&#xff1b;轴承…...

算法期末复习

算法期末复习 1.单选题 \1. 二分搜索算法是利用( A)实现的算法。 A. 分治策略 B. 动态规划法 C. 贪心法 D. 回溯法 \2. 回溯法解旅行售货员问题时的解空间树时( C ) 。 A. 子集树 B. 深度优先生成树 C. 排序树 D. 广度优先生成树 \3. 下列算法中通常以自底向上的方式求解最…...

LeetCode 5:最长回文子串

1、题目描述 给你一个字符串 s&#xff0c;找到 s 中最长的 回文 子串。 示例 1: 输入&#xff1a;s "babad" 输出&#xff1a;"bab" 解释&#xff1a;"aba" 同样是符合题意的答案。 示例 2: 输入&#xff1a;s "cbbd" 输出&#…...

2025年4月19日 记录大模型出现的计算问题

2025年4月19日 记录大模型出现的计算问题&#xff0c;用了四个大模型计算json的数值&#xff0c;3个错误&#xff0c;1个正确 问题 Class Train Val answer 2574 853 screen 5025 1959 blackBoard 7847 3445 teacher 8490 3228 stand…...

Python语法系列博客 · 第3期 数据结构入门(列表、元组、字典、集合)

上一期小练习解答&#xff08;第2期回顾&#xff09; ✅ 练习1&#xff1a;判断一个数是正数、负数还是零 num float(input("请输入一个数&#xff1a;")) if num > 0:print("正数") elif num < 0:print("负数") else:print("零&q…...

【对Linux文件权限的深入理解】

Linux文件权限 Linux下权限概念概念相关命令 Linux的文件权限管理1.文件访问者的分类&#xff08;⼈&#xff09;文件类型和访问权限&#xff08;事物属性&#xff09;文件权限值的表示方法⽂件访问权限的相关设置方法目录的权限&#xff08;比较重要&#xff09;粘滞位 Linux下…...

2025.04.19【Spider】| 蜘蛛图绘制技巧精解

Basic multi-group radar chart Start with a basic version, learn how to format your input dataset Radar chart with ggradar A Spider chart made using the ggradar package and a lot of customization.A work by Tuo Wang 文章目录 Basic multi-group radar chartRa…...

AtCoder ABC402 A~D 题解

A - CBC 题目大意 给点字符串 S S S&#xff0c;输出其中所有大写字母。 思路 根据题意模拟即可。 代码 #include <cstdio> #include <iostream> #include <algorithm> using namespace std;int main() {string s;cin >> s;for (int i 0; i &l…...

双指针算法(部分例题解析)

快慢指针左右指针 前言 双指针&#xff0c;它通过设置两个指针来遍历数据&#xff0c;从而实现高效的查找、排序、去重等操作。双指针算法的核心在于通过合理地移动这两个指针&#xff0c;减少不必要的遍历&#xff0c;提高算法的效率。 283. 移动零 - 力扣&#xff08;LeetCo…...

PHP怎样判断浏览器类型和浏览器语言?

获取浏览器类型 $_SERVER[HTTP_USER_AGENT]包含了用户代理字符串&#xff0c;该字符串包含了浏览器、操作系统等信息。通过分析这个字符串&#xff0c;可以大致判断用户使用的浏览器类型。 <?phpfunction getBrowserType() {$userAgent $_SERVER[HTTP_USER_AGENT];$brow…...

利用 i2c 快速从 Interface 生成 Class

利用 i2c 快速从 Interface 生成 Class&#xff08;支持 TS & ArkTS&#xff09; 在日常 TypeScript 或 ArkTS 开发中&#xff0c;需要根据 interface 定义手动实现对应的 class&#xff0c;这既重复又容易出错。分享一个命令行工具 —— interface2class&#xff0c;简称…...