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

HTML5+JavaScript实现连连看游戏之二

news 来源：原创 2025/5/9 2:48:29

HTML5+JavaScript实现连连看游戏之二

以前一篇，见 https://blog.csdn.net/cnds123/article/details/144220548

连连看游戏连接规则：

只能连接相同图案（或图标、字符）的方块。

连线路径必须是由直线段组成的，最多可以有两个拐角。

连线路径必须是空的，不能穿过其他方块。

当两个相同图案的方块被有效连接时，它们会从游戏板上消失。当所有方块都被消除时，玩家获胜。

现在再发布一个，可以自定义行列数、可用图片数（实际是使用Font Awesome图标库以便跨平台兼容，通过CDN加载图标库）

同一局游戏中所有图标使用相同颜色，不同局颜色会变化。

游戏就可以在行数和列数乘积为偶数时才允许开始，如果行数和列数的乘积为奇数，则不允许游戏开始，并且可以通过弹出提示信息来告知用户。

点击"开始"按钮后立即生成布局并开始计时。

运行界面

下面代码若要在手机上玩，可以在 <meta charset="UTF-8"> 之后添加一行

源码如下：

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><title>连连看游戏（跨平台版）</title><!-- 引入Font Awesome图标库 --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"><style>body {font-family: Arial, sans-serif;display: flex;flex-direction: column;align-items: center;background-color: #f0f0f0;}#controls {margin: 20px 0;text-align: center;}input, button {margin: 0 10px;padding: 5px;}button {background-color: #4CAF50;color: white;border: none;cursor: pointer;transition: background-color 0.3s;}button:hover {background-color: #45a049;}#timebar {height: 30px;width: 600px;background-color: #ddd;margin-bottom: 20px;position: relative;}#timebar-inner {height: 100%;width: 100%;background-color: green;transition: width 1s linear;}#timeleft {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: white;font-weight: bold;z-index: 1;}#container {background-color: white;padding: 20px;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.1);display: flex;justify-content: center;align-items: center;}table {border-collapse: collapse;}td {border: 1px solid #ddd;text-align: center;vertical-align: middle;cursor: pointer;transition: background-color 0.3s;width: 40px;height: 40px;font-family: "Font Awesome 5 Free";font-weight: 900;}td:hover {background-color: #f5f5f5;}td i {font-size: 24px;}</style>
</head>
<body><div id="controls">行数<input id="setrow" type="number" value="9" min="2" max="20">列数<input id="setcol" type="number" value="16" min="2" max="40">图片数<input id="setpic" type="number" value="12" min="1" max="26">时间<input id="settime" type="number" value="120" min="10" max="1200">秒<button onclick="SetupGame();">设置</button><button onclick="StartGame();" id="startButton">开始</button></div><div id="timebar"><div id="timebar-inner"></div><div id="timeleft"></div></div><div id="container"></div><script>// 图标配置（扩展更多图标请访问：https://fontawesome.com/icons）const icons = ['fa-heart',    'fa-star',    'fa-circle',  'fa-square','fa-check',    'fa-times',   'fa-bell',    'fa-flag','fa-cloud',    'fa-sun',     'fa-moon',    'fa-leaf','fa-gem',      'fa-car',     'fa-tree',    'fa-coffee','fa-bolt',     'fa-rocket',  'fa-key',     'fa-bug','fa-cat',      'fa-dog',     'fa-fish',    'fa-horse'];// 图标配置（仅定义类型）const iconClasses = ['fa-heart', 'fa-star', 'fa-circle', 'fa-square','fa-check', 'fa-times', 'fa-bell', 'fa-flag','fa-cloud', 'fa-sun', 'fa-moon', 'fa-leaf'];let currentColor = ""; // 全局当前颜色let RowMax = 11;let ColMax = 18;let PicMax = 12;let TimeMax = 120;let st;let TmpStr = "";let TmpObj = null;let TmpTime = 0;let TmpInt = 0;let gameMatrix;let gameStarted = false;let P = new Array(4);for(let i=0; i<4; i++) P[i] = {x:0, y:0};function SetupGame(){clearInterval(st);// 参数校验const rowVal = Math.min(20, Math.max(2, parseInt(document.getElementById("setrow").value)));const colVal = Math.min(40, Math.max(2, parseInt(document.getElementById("setcol").value)));RowMax = rowVal + 2;ColMax = colVal + 2;// 检查行数与列数的乘积是否为偶数if ((rowVal * colVal) % 2 !== 0) {alert("行数和列数的乘积必须为偶数，请调整行数或列数。");return; // 终止函数执行}PicMax = Math.min(icons.length, Math.max(1, parseInt(document.getElementById("setpic").value)));TimeMax = Math.min(1200, Math.max(10, parseInt(document.getElementById("settime").value)));generateNewGame();document.getElementById("timeleft").innerHTML = "点击开始按钮开始游戏";document.getElementById("timebar-inner").style.width = "100%";document.getElementById("timebar-inner").style.backgroundColor = "#4CAF50";document.getElementById("startButton").disabled = false;gameStarted = false;}function getRandomColor() {return `hsl(${Math.random() * 360}, 70%, 60%)`; // 随机HSL颜色}function generateNewGame() {gameMatrix = Array(RowMax).fill().map(() => Array(ColMax).fill(0));// 生成全局统一颜色currentColor = `hsl(${Math.random()*360}, 70%, 60%)`; // 随机HSL颜色// 生成配对逻辑（仅存储图标类型索引）const totalCells = (RowMax-2)*(ColMax-2);const pairs = [];for(let i=0; i<totalCells/2; i++){const type = i % PicMax; // 确保成对生成pairs.push(type, type);}// 洗牌算法for(let i = pairs.length -1; i > 0; i--){const j = Math.floor(Math.random() * (i+1));[pairs[i], pairs[j]] = [pairs[j], pairs[i]];}// 构建表格（所有图标使用相同颜色）TmpStr = "<table>";let pairIndex = 0;for(let i=0; i<RowMax; i++){TmpStr += "<tr>";for(let j=0; j<ColMax; j++){TmpStr += `<td onclick="CheckP(this,${i},${j});">`;if(i === 0 || j === 0 || i === RowMax-1 || j === ColMax-1){gameMatrix[i][j] = null; // 边界保持为空} else {const type = pairs[pairIndex++];gameMatrix[i][j] = type; // 存储类型索引// 所有图标使用同一颜色TmpStr += `<i class="fas ${iconClasses[type]}" style="color:${currentColor}"></i>`;}TmpStr += "</td>";}TmpStr += "</tr>";}TmpStr += "</table>";document.getElementById("container").innerHTML = TmpStr;TmpInt = totalCells/2;}// 开始游戏function StartGame(){gameStarted = true; // 标记游戏已开始TmpTime = TimeMax; // 重置时间document.getElementById("timeleft").innerHTML = TmpTime; // 显示剩余时间document.getElementById("timebar-inner").style.width = "100%";document.getElementById("timebar-inner").style.backgroundColor = "green";st = setInterval(ShowTime, 1000); // 开始倒计时// 禁用"开始"按钮document.getElementById("startButton").disabled = true;}// X方向连线。（有起点，无终点）function LineX(x, y, xt){for(let i=x; i!=xt; (x<xt? i++: i--) ){if(gameMatrix[i][y]){return false;}}return true;}// Y方向连线。（有起点，无终点）function LineY(x, y, yt){for(let i=y; i!=yt; (y<yt? i++: i--) ){if(gameMatrix[x][i]){return false;}}    return true;}// 2个点被3条线连接function LinkP(P1,P2){// P1在P2下方，交换P1、P2if(P1.x>P2.x){[P1, P2] = [P2, P1];}// P1下方1点（x+1）先横向再纵向是否可连接。（因为起点P1不为空，所以检测其下方一点）if( LineX((P1.x+1), P1.y, P2.x) && LineY(P2.x, P1.y, P2.y) ) return true;// P1先向上侧连接，再检测该点再横向再纵向是否可连接P2。for(let j=(P1.y-1); j>=0; j--){if(gameMatrix[P1.x][j]) break;if( LineX((P1.x+1), j, P2.x) && LineY(P2.x, j, P2.y) ) return true;}// P1先向下侧连接，再检测该点再横向再纵向是否可连接P2。for(let j=(P1.y+1); j<ColMax; j++){if(gameMatrix[P1.x][j]) break;if( LineX((P1.x+1), j, P2.x) && LineY(P2.x, j, P2.y) ) return true;}// P1在P2左侧，交换P1、P2if(P1.y>P2.y){[P1, P2] = [P2, P1];}if( LineY(P1.x, (P1.y+1), P2.y) && LineX(P1.x, P2.y, P2.x) ) return true;for(let j=(P1.x-1); j>=0; j--){if(gameMatrix[j][P1.y]) break;if( LineY(j, (P1.y+1), P2.y) && LineX(j, P2.y, P2.x) ) return true;}for(let j=(P1.x+1); j<RowMax; j++){if(gameMatrix[j][P1.y]) break;if( LineY(j, (P1.y+1), P2.y) && LineX(j, P2.y, P2.x) ) return true;}return false;}// 单击检测该点（仅需比较类型）function CheckP(o,x,y){if (!gameStarted) return;if(gameMatrix[x][y] !== null){ if(null==TmpObj){ TmpObj = o;TmpObj.style.border = "2px solid blue";P[0].x = x;P[0].y = y;}else if(o!=TmpObj){TmpObj.style.border = "";P[1].x = x;P[1].y = y;// 仅比较类型索引if(gameMatrix[P[0].x][P[0].y] === gameMatrix[P[1].x][P[1].y]){if(LinkP(P[0],P[1])){gameMatrix[P[0].x][P[0].y] = null;gameMatrix[P[1].x][P[1].y] = null;TmpObj.innerHTML = "";o.innerHTML = "";TmpTime++;TmpInt--;if(!TmpInt){clearInterval(st);document.getElementById("timeleft").innerHTML = "";document.getElementById("timebar-inner").style.backgroundColor = "white";alert("恭喜完成！");document.getElementById("startButton").disabled = false;gameStarted = false;}}}TmpObj = null;}} else {if(TmpObj) TmpObj.style.border = "";TmpObj = null;}}function ShowTime(){TmpTime--; // 时间减1// 更新时间显示document.getElementById("timeleft").innerHTML = TmpTime;let percentage = Math.floor(100*TmpTime/TimeMax);document.getElementById("timebar-inner").style.width = percentage + "%";if(percentage <= 25){document.getElementById("timebar-inner").style.backgroundColor = "red";}else if(percentage <= 50){document.getElementById("timebar-inner").style.backgroundColor = "yellow";}if(!TmpTime){ // 剩余时间为0clearInterval(st); // 清除倒计时document.getElementById("timeleft").innerHTML = "";document.getElementById("timebar-inner").style.backgroundColor = "white";alert("时间到！游戏结束");// 启用"开始"按钮document.getElementById("startButton").disabled = false;gameStarted = false; // 重置游戏状态}}// 页面加载完成后，显示初始提示信息window.onload = function() {document.getElementById("timeleft").innerHTML = "请设置游戏参数并点击设置按钮";document.getElementById("timebar-inner").style.backgroundColor = "#ddd";document.getElementById("startButton").disabled = true;}</script>
</body>
</html>

HTML5+JavaScript实现连连看游戏之二

HTML5JavaScript实现连连看游戏之二以前一篇，见 https://blog.csdn.net/cnds123/article/details/144220548 连连看游戏连接规则： 只能连接相同图案（或图标、字符）的方块。连线路径必须是由直线段组成的，最多可以有…...

编程日记 2025/5/9 2:48:29

2025年- H19-Lc127-48.旋转矩阵（矩阵）---java版

1.题目描述 2.思路画出矩阵，新的旋转矩阵的列坐标等于原始矩阵的矩阵长度-i-1（也就是减去当前遍历的i），前后对调。然后新的旋转矩阵的横坐标，是原始矩阵的列坐标。 3.代码实现 public class H48 {public void rota…...

编程日记 2025/5/9 1:44:50

深入理解 MyBatis 代理机制

在 Java 开发领域，MyBatis 是一款优秀的持久层框架，它极大地简化了数据库操作，提高了开发效率。其中，代理机制作为 MyBatis 的核心特性之一，在连接 Java 代码与数据库操作中发挥着关键作用。本文将深入探讨 MyBatis 代…...

编程日记 2025/5/9 2:42:59

游戏引擎学习第254天:重新启用性能分析

运行游戏并尝试让性能分析系统恢复部分功能我们现在的调试系统这几天基本整理得差不多了，因此我们打算开始清理一些功能，比如目前虽然已经在收集性能分析数据，但我们没有办法查看或有效利用这些信息。今天的计划可能会围绕这方面展开&#…...

编程日记 2025/5/9 1:04:00

性能测试工具篇

文章目录目录1. JMeter介绍1.1 安装JMeter1.2 打开JMeter1.3 JMeter基础配置1.4 JMeter基本使用流程1.5 JMeter元件作用域和执行顺序 2. 重点组件2.1 线程组2.2 HTTP取样器2.3 查看结果树2.4 HTTP请求默认值2.5 JSON提取器2.6 用户定义的变量2.7 JSON断言2.8 同步定时器&#…...

编程日记 2025/5/9 1:48:07

【Hive入门】Hive性能调优之Join优化：深入解析MapJoin与Sort-Merge Join策略

目录前言 1 Hive Join操作基础 1.1 Join操作的类型与挑战 1.2 Hive Join执行机制 2 MapJoin优化策略 2.1 MapJoin原理 2.2 MapJoin适用场景 2.3 MapJoin关键参数 3 Sort-Merge Join优化策略 3.1 Sort-Merge Join原理 3.2 Sort-Merge Join优势 3.3 关键配置参数 3…...

编程日记 2025/5/9 1:21:59

【Unity】使用XLua实现C#访问Lua文件

先引入XLua文件中的Plugins和XLua文件夹于Unity项目的Asset文件中 XLua_github链接建立Lua虚拟机：LuaEnv luaEnv new LuaEnv(); 关闭虚拟机，及时释放资源：luaEnv.Dispose(); Resources文件夹下加载lua文件（假设文件路径为Resour…...

编程日记 2025/5/9 1:51:11

AXI中的out of order和interleaving的定义和两者的差别？

AXI中的out of order和interleaving的定义和两者的差别摘要：在 AXI (Advanced eXtensible Interface) 协议中，Out-of-Order 和 Interleaving 是两个与事务处理顺序和数据传输相关的概念，它们都与 AXI 协议支持的多事务并发处理能力有关&…...

编程日记 2025/5/2 23:20:30

生产级RAG系统一些经验总结

本文将探讨如何使用最新技术构建生产级检索增强生成(RAG)系统，包括健壮的架构、向量数据库(Faiss、Pinecone、Weaviate)、框架(LangChain、LlamaIndex)、混合搜索、重排序器、流式数据接入、评估策略以及实际部署技巧。引言：检索增强生成的力量大型语…...

编程日记 2025/5/8 10:39:56

sftp连接报错Received message too long 168449893

sftp连接报错Received message too long 168449893 一、openEuler传文件报错二、分析问题三、解决问题endl 一、openEuler传文件报错 [rootRocky9-12 ~]# scp apache-tomcat-10.1.33.tar.gz root10.0.0.14:Authorized users only. All activities may be monitored and report…...

编程日记 2025/5/9 1:44:50

Java中修饰类的关键字

Java中修饰类的关键字在web编程课上，老师提问了Java中各种修饰类的关键字的用途和区别，一时间我头脑空白，现在课后重新梳理一遍Java中修饰类的各种关键字的区别和用法。在Java编程中，修饰类的关键字起着至关重要的作用&#xff…...

编程日记 2025/5/9 2:12:20

2025年人工智能火爆技术总结

2025年人工智能火爆技术总结： 生成式人工智能生成式人工智能可生成高质量的图像、视频、音频和文本等多种内容。如昆仑万维的SkyReels-V2能生成无限时长电影，其基于扩散强迫框架，结合多模态大语言模型和强化学习等技术，在运动动…...

编程日记 2025/5/9 2:38:37

脑机接口技术：开启人类与机器的全新交互时代

在科技飞速发展的今天，人类与机器的交互方式正经历着前所未有的变革。从最初的键盘鼠标，到触摸屏，再到语音控制，每一次交互方式的升级都极大地提升了用户体验和效率。如今，脑机接口（Brain-Computer Interfa…...

编程日记 2025/5/9 1:27:56

Arduino程序函数详解与实际案例

一、Arduino程序的核心架构与函数解析 Arduino程序的核心由两个函数构成：setup() 和 loop()。这两个函数是所有Arduino代码的骨架，它们的合理使用决定了程序的结构和功能。 1.1 setup() 函数：初始化阶段 setup() 函数在程序启动时仅执行一次，用于完成初始化配置，例如设置…...

编程日记 2025/5/9 1:08:20

2025年RAG技术发展现状分析

2025年，大模型RAG（检索增强生成）技术经历了快速迭代与深度应用，逐渐从技术探索走向行业落地，同时也面临安全性和实用性的新挑战。以下是其发展现状的综合分析： 一、技术架构的持续演进从单一到模块化架构 …...

编程日记 2025/5/9 2:14:00

C++11新特性_范围-based for 循环

based for 循环介绍范围 - based for 循环（Range-based for loop）是 C11 引入的一种新的 for 循环语法，它可以更简洁地遍历容器和数组。遍历数组：定义了一个整数数组 arr，使用范围 - based for 循环 for (int num :…...

编程日记 2025/5/9 1:35:40

小牛电动：荣登央视舞台，引领智能出行新潮流

在这个科技飞速发展的时代，出行方式也在不断地变革与创新。而在两轮电动车领域，有一个品牌凭借其卓越的技术、独特的设计和优质的服务脱颖而出，那就是小牛电动。近日，小牛电动荣登央视舞台，成为备受瞩目的焦点&#xf…...

编程日记 2025/5/9 2:24:56

Three.js在vue中的使用（一）-基础

Three.js 是一个基于 WebGL 的 JavaScript 3D 图形库，它简化了在网页中创建和渲染 3D 场景的复杂性。Three.js 提供了丰富的功能，如光照、材质、几何体、动画、控制器等，使得开发者可以快速构建交互式的 3D 应用。 🧠 Three.js 原理概述 1. WebGL 基础 Three.js 底层使用…...

编程日记 2025/5/9 2:35:30

开发板型号 ESP32-DevKitC-32模块型号 ESP32-WROOM-32 和主控芯片 ESP32-D0WDQ6-V3

以下是关于开发板型号 ESP32-DevKitC-32、模块型号 ESP32-WROOM-32 和主控芯片 ESP32-D0WDQ6-V3 的详细介绍： 开发板型号：ESP32-DevKitC-32 概述：ESP32-DevKitC 是乐鑫推出的一款基于 ESP32 模组的小型开发板，板上模组的绝大部…...

编程日记 2025/5/9 2:06:05

【C语言练习】015. 声明和初始化指针

015. 声明和初始化指针 015. 声明和初始化指针1. 声明指针示例1：声明一个指向整数的指针2. 初始化指针示例2：将指针初始化为`NULL`示例3：将指针初始化为某个变量的地址示例4：将指针初始化为动态分配的内存地址3. 使用指针访问和修改变量的值示例5：使用指针访问和修改变量的…...

编程日记 2025/5/7 8:37:25

手撕哈希表

引入：unordered_set /map是什么？ 库里面除开set和map，还有unordered_set 和 unordered_map，区别在于： ①：set和map的底层结构是红黑树，而unordered_set和unordered_map的底层是哈希表 ②&…...

编程日记 2025/5/9 2:04:33

编程题python常用技巧-持续

1.字典 1.1排序在Python中，要按照字典的值进行排序，可以按照以下步骤操作： 方法说明 ‌获取键值对列表‌：使用 dict.items() 获取字典的键值对视图。‌排序键值对‌：使用 sorted() 函数，并通过 key 参…...

编程日记 2025/5/9 2:20:13

大模型蒸馏技术

提问：请写一篇关于蒸馏大模型的详细解说（论文），要求配有图并不少于8000字。 Deepseek： 大模型蒸馏技术：原理、方法与产业实践 ——基于知识压缩与效率优化的深度解析目录引言：大模型时代的…...

编程日记 2025/5/8 20:33:33

深入理解C语言中的整形提升与算术转换

深入理解C语言中的整形提升与算术转换一.整形提升：概念与原理在C语言中，整形提升（Integer Promotion）是一个重要但容易被忽视的概念。它指的是在表达式中，任何小于int类型的整型（如char、short&#xf…...

编程日记 2025/5/8 19:16:53

企业经营系统分类及功能详解

近年来互联网行业下行，招聘少，要求离谱，年龄学历背景已经卡的死死的，技术再突出也没用。但对于软件开发来说，互联网只是一小部分，企业级系统软件开发，虽然不如互联网大起大落，但重…...

编程日记 2025/5/9 1:16:04

IRF2.0IRF3.1

1、IRF3定义 IRF3是一种能够提高网络接入层的接入能力和管理效率的纵向网络整合虚拟化技术，采用IEEE 802.1BR标准协议实现。IRF3将多台PEX设备（Bridge Port Extender）连接到父设备（Parent device）上，将每台…...

编程日记 2025/5/9 2:20:13

【C++】类和对象【中下】

目录一、类与对象1、运算符重载1.2 赋值运算符重载1.3 <<运算符和>>运算符1.4 前置与后置 2、 const成员函数3、取地址运算符重载个人主页<—请点击 C专栏<—请点击一、类与对象本期的主题是一步步完善日期类的编写，将要讲解的知识融入在代…...

编程日记 2025/5/4 17:32:18

ThreadLocal详解

什么是 ThreadLocal？ ThreadLocal 是 Java 中的一个工具类，用于为每个线程提供独立的变量副本，使得每个线程可以独立操作自己的变量，避免多线程环境下的数据竞争问题。它的核心思想是线程封闭（Thread Confi…...

编程日记 2025/5/4 5:05:52

Vue3 + OpenLayers 企业级应用进阶

1. 企业级架构设计 1.1 微前端架构集成 // src/micro-frontend/map-container.ts import { Map } from ol; import { registerMicroApps, start } from qiankun;export class MapMicroFrontend {private map: Map;private apps: any[];constructor(map: Map) {this.map map;…...

编程日记 2025/5/9 2:42:59

如何提升自我执行力？

提升个人执行力是一个系统性工程，需要从目标管理、习惯养成、心理调节等多方面入手。以下是具体方法，结合心理学和行为科学原理，帮助你有效提升执行力： 一、明确目标：解决「方向模糊」问题 1. 用SMART原则设定目标 …...

编程日记 2025/5/8 20:38:48

L3-041 影响力

下面给出基于“切比雪夫距离”（Chebyshev 距离）之和的高效 O(nm) 解法。核心思想是把 ∑ u 1 n ∑ v 1 m max ⁡ ( ∣ u − i ∣ , ∣ v − j ∣ ) \sum_{u1}^n\sum_{v1}^m\max\bigl(|u-i|,|v-j|\bigr) u1∑nv1∑mmax(∣u−i∣,∣v−j∣) 拆成两个…...

编程日记 2025/5/4 0:07:18

【ESP32】st7735s + LVGL使用-------图片显示

【ESP32】st7735s + LVGL使用-------图片显示 1、文件准备2、工程搭建3、代码编写4、应用部分5、函数调用6、显示效果移植部分参考这个博客：【ESP32】st7735s + LVGL移植 1、文件准备本次图片放在内部存储，先使用转换工具将要显示的图片转换好。文件名保存为xx.c，xx这…...

编程日记 2025/5/8 3:50:45

MERGE存储引擎(介绍,操作),FEDERATED存储引擎(介绍,操作),不同存储引擎的特性图

目录 MERGE存储引擎(合并) 介绍创建表语法示例查看.mrg文件操作查询结果示例重建逻辑表 FEDERATED存储引擎结盟介绍编辑应用场景操作开启创建表对本地表进行数据插入 EXAMPLE存储引擎不同存储引擎的特性编辑 MERGE存储引擎(合并) 介绍…...

编程日记 2025/5/3 23:19:05

初学者如何学习AI问答应用开发范式

本文是根据本人2年大模型应用开发5年小模型开发经验，对AI问答应用的开发过程进行总结。技术范式现在超过80%的AI问答是提示词大模型， 然后就是RAG 方案，这两种无疑是主流方案。 1、提示词大模型适合于本身业务不超过大模型的知识范围…...

编程日记 2025/5/2 18:41:01

GESP2024年6月认证C++八级( 第二部分判断题（1-5））

判断题2： #include <iostream> #include <iomanip> using namespace std;int main() {double a 1e308;double b 1e-10;double orig_a a, orig_b b;a a b;b a - b;a a - b;cout << fixed << setprecision(20);cout << "…...

编程日记 2025/5/2 18:41:00

npm命令介绍（Node Package Manager）（Node包管理器）

文章目录 npm命令全解析简介基础命令安装npm（npm -v检插版本）初始化项目（npm init）安装依赖包（npm install xxx、npm i xxx）卸载依赖包（npm uninstall xxx 或 npm uni xxx、npm remove xxx&…...

编程日记 2025/5/2 18:34:45

小刚说C语言刷题—1602总分和平均分

1.题目描述期末考试成绩出来了，小明同学语文、数学、英语分别考了 x、y、z 分，请编程帮助小明计算一下，他的总分和平均分分别考了多少分？ 输入三个整数 x、y、z 分别代表小明三科考试的成绩。输出第 11行有一个整数&…...

编程日记 2025/5/2 18:26:32

python类私有变量

在Python中，要将一个属性定义为类的内部属性（也就是私有属性），通常会在属性名称前加一个下划线（_）或两个下划线（__）。这两种方式有不同的效果： 单下划线（_&a…...

编程日记 2025/5/2 18:16:15

前端如何转后端

前端转后端是完全可行的，特别是你已经掌握了 JavaScript / TypeScript，有一定工程化经验，这对你学习如 Node.js / NestJS 等后端技术非常有利。下面是一条系统化、实践导向的路线，帮助你高效完成从前端到后端的转型。 ✅ 一、评…...

编程日记 2025/5/5 5:47:42

数字智慧方案5976丨智慧农业顶层设计建设与运营方案（59页PPT）（文末有下载方式）

详细资料请看本解读文章的最后内容。资料解读：智慧农业顶层设计建设与运营方案在现代农业发展进程中，智慧农业成为推动农业转型升级、提升竞争力的关键力量。这份《智慧农业顶层设计建设与运营方案》全面且深入地探讨了智慧农业的建设现状、需求分析、…...

编程日记 2025/5/2 17:58:39

软件工程国考

软件工程-同等学力计算机综合真题及答案 （2004-2014、2017-2024） 2004 年软工第三部分软件工程 （共 30 分） 一、单项选择题（每小题 1 分，共 5 分） 软件可用性是指（ &#xff09…...

编程日记 2025/5/4 6:42:13

linux python3安装

1 安装依赖环境 yum -y install zlib-devel bzip2-devel openssl-devel ncurses-devel sqlite-devel readline-devel tk-devel gdbm-devel db4-devel libpcap-devel xz-devel 2 mkdir -p /usr/python3 3 cd usr/python3; tar -zxvf Python-3.8.3.tgz;cd Python-3.8.3 4 ./confi…...

编程日记 2025/5/2 17:55:33

HTML5+JavaScript实现连连看游戏之二

相关文章：