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

前端项目实践：打造响应式个人简历与实时天气预报应用

news 来源：原创 2025/7/12 21:45:23

在当今前端开发领域，构建实际项目是提升技能的最佳方式。本文将带你完成两个极具实用价值的前端项目：响应式个人简历页面和天气预报Web应用。这两个项目不仅能够丰富你的作品集，还能帮助你掌握现代前端开发的核心技术。

一、响应式个人简历页面开发

1.1 为什么需要响应式简历

在移动互联网时代，你的简历需要在各种设备上完美呈现——从桌面显示器到智能手机屏幕。响应式设计能确保你的专业形象不会因为设备不同而打折扣。

1.2 技术选型

HTML5：语义化标签增强SEO和可访问性
CSS3：Flexbox/Grid布局实现灵活排版
媒体查询(Media Queries)：针对不同屏幕尺寸优化样式
JavaScript：添加交互元素提升用户体验

1.3 实现步骤

1.3.1 基础结构搭建

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>张三的个人简历</title><link rel="stylesheet" href="styles.css">
</head>
<body><header class="resume-header"><div class="profile-pic"><img src="profile.jpg" alt="张三的照片"></div><div class="header-info"><h1>张三</h1><p>前端开发工程师 | 3年经验</p></div></header><!-- 其他部分内容 -->
</body>
</html>

1.3.2 响应式CSS设计

/* 基础样式 */
.resume-header {display: flex;align-items: center;padding: 20px;background-color: #f8f9fa;
}.profile-pic img {width: 120px;height: 120px;border-radius: 50%;object-fit: cover;
}/* 移动端适配 */
@media (max-width: 768px) {.resume-header {flex-direction: column;text-align: center;}.profile-pic {margin-bottom: 15px;}.profile-pic img {width: 100px;height: 100px;}
}

1.3.3 添加交互效果

// 为技能部分添加动画效果
document.querySelectorAll('.skill-item').forEach(item => {item.addEventListener('mouseenter', function() {this.style.transform = 'scale(1.05)';this.style.boxShadow = '0 5px 15px rgba(0,0,0,0.1)';});item.addEventListener('mouseleave', function() {this.style.transform = 'scale(1)';this.style.boxShadow = 'none';});
});

1.4 高级技巧

打印优化：添加@media print样式确保打印效果
暗黑模式：使用CSS变量实现主题切换
PDF导出：利用jsPDF库实现一键导出PDF功能

二、天气预报Web应用开发

2.1 为什么选择天气预报项目

天气预报应用是学习API调用、异步数据处理和动态UI更新的绝佳案例。通过这个项目，你将掌握：

第三方API的调用与认证
JSON数据处理
动态DOM操作
错误处理与用户反馈

2.2 API选择与注册

推荐使用以下天气API服务：

OpenWeatherMap：提供全球天气数据，免费层足够学习使用13
和风天气：中文友好，免费层功能丰富2
Weatherstack：简单易用，响应快速

注册流程通常包括：

访问官网注册账号
创建应用获取API Key
阅读文档了解请求格式

2.3 项目实现

2.3.1 基础HTML结构

<div class="weather-app"><h1>天气预报</h1><div class="search-box"><input type="text" id="city-input" placeholder="输入城市名称"><button id="search-btn">查询</button></div><div class="weather-info"><div class="current-weather"><h2 id="city-name">--</h2><div class="weather-main"><img id="weather-icon" src="" alt="天气图标"><span id="temperature">--</span></div><p id="weather-desc">--</p><div class="weather-details"><p>湿度: <span id="humidity">--</span>%</p><p>风速: <span id="wind-speed">--</span>m/s</p></div></div><div class="forecast" id="forecast-container"><!-- 天气预报卡片将通过JS动态生成 --></div></div>
</div>

2.3.2 调用天气API

const API_KEY = '你的API密钥';
const BASE_URL = 'https://api.openweathermap.org/data/2.5';async function getWeatherData(city) {try {const response = await fetch(`${BASE_URL}/weather?q=${city}&appid=${API_KEY}&units=metric&lang=zh_cn`);if (!response.ok) {throw new Error('城市未找到');}return await response.json();} catch (error) {console.error('获取天气数据失败:', error);throw error;}
}async function getForecastData(city) {try {const response = await fetch(`${BASE_URL}/forecast?q=${city}&appid=${API_KEY}&units=metric&lang=zh_cn`);if (!response.ok) {throw new Error('预报数据获取失败');}return await response.json();} catch (error) {console.error('获取预报数据失败:', error);throw error;}
}

2.3.3 渲染天气数据

function displayCurrentWeather(data) {document.getElementById('city-name').textContent = `${data.name}, ${data.sys.country}`;document.getElementById('temperature').textContent = `${Math.round(data.main.temp)}°C`;document.getElementById('weather-desc').textContent = data.weather[0].description;document.getElementById('humidity').textContent = data.main.humidity;document.getElementById('wind-speed').textContent = data.wind.speed;const iconCode = data.weather[0].icon;document.getElementById('weather-icon').src = `https://openweathermap.org/img/wn/${iconCode}@2x.png`;document.getElementById('weather-icon').style.display = 'block';
}function displayForecast(data) {const forecastContainer = document.getElementById('forecast-container');forecastContainer.innerHTML = '';// 每天只取一个时间点的预报(例如中午12点)const dailyForecast = data.list.filter(item => {return item.dt_txt.includes('12:00:00');});dailyForecast.forEach(day => {const date = new Date(day.dt * 1000);const dayName = date.toLocaleDateString('zh-CN', { weekday: 'short' });const forecastCard = document.createElement('div');forecastCard.className = 'forecast-card';forecastCard.innerHTML = `<h3>${dayName}</h3><img src="https://openweathermap.org/img/wn/${day.weather[0].icon}.png" alt="${day.weather[0].description}"><p>${Math.round(day.main.temp)}°C</p><p>${day.weather[0].description}</p>`;forecastContainer.appendChild(forecastCard);});
}

2.3.4 添加事件监听

document.getElementById('search-btn').addEventListener('click', async () => {const city = document.getElementById('city-input').value.trim();if (!city) return;try {const weatherData = await getWeatherData(city);displayCurrentWeather(weatherData);const forecastData = await getForecastData(city);displayForecast(forecastData);} catch (error) {alert(error.message);}
});

2.4 高级功能扩展

基于位置的天气：使用浏览器Geolocation API获取用户位置6
天气预警通知：实现Server-Sent Events接收实时预警5
天气地图：集成Leaflet.js展示天气分布6
主题切换：根据天气状况(晴/雨/雪)改变页面主题
数据可视化：使用Chart.js展示温度变化趋势

三、项目部署与优化

3.1 部署选项

GitHub Pages：简单静态站点托管
Vercel/Netlify：提供CI/CD和自定义域名
Firebase Hosting：谷歌的静态站点托管服务

3.2 性能优化技巧

图片懒加载：推迟非关键图片加载
API缓存：减少不必要的API调用
代码分割：按需加载JavaScript
PWA支持：使应用可离线工作

3.3 SEO优化建议

添加有意义的meta标签
使用语义化HTML结构
确保文本内容可被搜索引擎抓取
添加结构化数据标记

结语

通过这两个项目实践，你不仅掌握了响应式设计和API调用的核心技能，还构建了可以展示给潜在雇主的实际作品。记住，优秀的前端开发者不仅仅是实现功能，更要关注用户体验和性能优化。

进一步学习建议：

为天气预报应用添加单元测试
将简历数据迁移到CMS实现动态管理
探索WebSocket实现实时天气更新810
学习使用前端框架(React/Vue/Angular)重构项目

如果你在实现过程中遇到任何问题，欢迎在评论区留言讨论。别忘了点赞收藏，关注我获取更多前端开发实战教程！

前端项目实践：打造响应式个人简历与实时天气预报应用

在当今前端开发领域，构建实际项目是提升技能的最佳方式。本文将带你完成两个极具实用价值的前端项目：响应式个人简历页面和天气预报Web应用。这两个项目不仅能够丰富你的作品集，还能帮助你掌握现代前端开发的核心技术。一、响应式个人简历页…...

编程日记 2025/7/12 21:45:23

【C++】extern

本文介绍一些extern在C中的用法声明与定义分离 C程序员应该都知道单一定义规则ODR 在任何一个翻译单元中，只允许存在任何变量、函数、类类型、枚举类型、概念 (自 C20 起) 或模板的一个定义（其中一些可能具有多个声明，但只允许一个定义&a…...

编程日记 2025/7/12 21:44:42

力扣——23合并升序链表

目录 1:题目描述： 2.算法思想： 3.代码展示： 1:题目描述： 给你一个链表数组，每个链表都已经按升序排列。请你将所有链表合并到一个升序链表中，返回合并后的链表。示例 1： 输入&#xff…...

编程日记 2025/7/12 14:55:41

Java 泛型参数问题：‘ResponseData.this‘ cannot be referenced from a static contex

问题与处理策略问题描述 Data AllArgsConstructor NoArgsConstructor public class ResponseData<T> {private Integer code;private String msg;private T data;public static final int CODE_SUCCESS 2001;public static final int CODE_FAIL 3001;public static …...

编程日记 2025/7/12 21:33:36

21 课时精通生成式 AI：微软官方入门指南详解

21课时精通生成式AI：微软官方入门指南详解引言项目概述分析基本信息项目定位与目标核心功能详解1. 全面的课程结构2. 多样化的学习内容3. 技术亮点与创新点安装和使用教程环境要求安装步骤基本使用方法示例代码应用场景和实际价值适用业务场景实际应用价值效益可…...

编程日记 2025/7/9 7:40:26

WPF嵌入webapi服务器，充当微服务角色

WPF嵌入WebAPI服务器实现微服务角色一、方案概述在WPF应用程序中嵌入WebAPI服务器，使其能够同时作为桌面客户端和微服务提供者。这种架构允许WPF应用既作为用户界面，又作为后端服务，适合需要本地处理能力同时又能提供API接口的场景。二、技术选型 WebAPI框架：…...

编程日记 2025/7/12 21:40:30

构建现代分布式云架构的三大支柱：服务化、Service Mesh 与 Serverless

目录前言1. 服务化架构模式：构建可扩展的基础单元1.1 服务化的定义与演进1.2 在分布式云中的价值1.3 面临的挑战 2. Service Mesh 架构：服务通信的治理中枢2.1 什么是 Service Mesh？2.2 功能与优势2.3 在分布式云中的角色2.4 落地难点 3. Se…...

编程日记 2025/7/12 21:26:20

2025华东杯数学建模B题完整分析论文（共36页）（含模型、代码、数据）

2025华东杯数学建模B题完整分析论文摘要一、问题重述二、问题分析三、模型假设四、模型建立与求解 4.1问题1 4.1.1问题1思路分析 4.1.2问题1模型建立 4.1.3问题1代码 4.1.4问题1求解结果 4.2问题2 4.2.1问题2思路分析 4.2.2问题2模型建立 4.2…...

编程日记 2025/7/12 21:39:02

K8S - 零基础掌握 RBAC - 命名空间安全实战

一、为什么需要 RBAC 权限管理？ 真实场景在企业级 K8S 集群中，不同团队共享同一集群，容易发生权限管理问题，例如： 测试人员误删了生产数据库。实习生看到了财务系统的敏感配置。核心需求确保不同用户只能在自…...

编程日记 2025/7/10 19:49:24

OpenGL-ES 学习(13) ---- Shader 编译和程序对象

目录概述创建和编译Shader链接程序对象绘制一个最简单的三角形示例代码概述在本节中，我们提供创建 Shader对象，并且编译链接到一个程序对象的完整流程，主要内容如下： Shader 和程序对象概述创建和编译Shader创建和链接程序对…...

编程日记 2025/7/10 8:28:10

今天的python练习题

目录一、每日一言二、练习题三、效果展示四、下次题目五、总结一、每日一言晚上8点到的，还是会被感动到，有一位列车员同志在检票期间，叫我到列车员专座位上去坐，我很感激他，温暖人心，所以人间填我…...

编程日记 2025/7/9 12:26:12

HarmonyOS应用开发中实现本地化存储的几种方式

Preferences 存储适用于存储简单的键值对数据，如用户设置、配置信息等。其特点是轻量级、使用简单，适合频繁读取和少量更新的场景，数据存储在本地沙盒中，应用重启后数据保持不变。获取 Preferences 实例 ：使用 data…...

编程日记 2025/7/7 22:40:47

【C++指南】vector（三）：迭代器失效问题详解

. 💓 博客主页：倔强的石头的CSDN主页 📝Gitee主页：倔强的石头的gitee主页 ⏩ 文章专栏：《C指南》期待您的关注文章目录一、引言二、reserve 扩容引发的迭代器失效2.1 问题现象2.2 正确实现三、insert 插入引发的…...

编程日记 2025/7/9 5:39:14

Android面试总结之GC算法篇

一、GC 机制核心原理与算法面试题 1：Android 中为什么采用分代回收？分代策略如何优化 GC 效率？ 标准答案： 分代回收基于对象生命周期的差异，将堆分为年轻代（Young Gen）和老年代（Ol…...

编程日记 2025/7/2 1:37:14

驱动开发系列55 - Linux Graphics QXL显卡驱动代码分析（二）显存管理

一：概述前面介绍了当内核检测到匹配的PCI设备后，会调用 qxl_pci_probe 初始化设备，其中会调用qxl_device_init 来初始化设备，为QXL设备进行内存映射，资源分配，环形缓冲区初始化，IRQ注册等操作，本文展开说说这些细节，以及介绍下QXL的显存管理。二：QXL设备初始化细节…...

编程日记 2025/7/11 8:56:02

javaScript——DOM续（六）

滚轮事件在 Web 开发中监听鼠标滚轮事件时，不同浏览器存在差异。下面是对 onmousewheel、DOMMouseScroll 和标准 wheel 事件的完整说明和兼容写法。 🌀 onmousewheel 事件概览 onmousewheel 是早期浏览器（如 IE 和 Chrome）支持…...

编程日记 2025/7/2 1:37:10

MySQL 服务搭建

💢欢迎来到张翊尘的开源技术站 💥开源如江河，汇聚众志成。代码似星辰，照亮行征程。开源精神长，传承永不忘。携手共前行，未来更辉煌💥 文章目录在线安装Ubuntu/Debian更新系统包索引安装 MySQL …...

编程日记 2025/7/12 20:36:38

Eigen的使用

https://github.com/PX4/eigen Eigen在Qt中的配置（博主亲测） 1、Qt中调用 //.pro中-------- INCLUDEPATH \$$PWD/eigen-master//.cpp中------- #include <Eigen/Dense> using namespace Eigen;Matrix2d a; MatrixXd b(2,2); Vector3d v(1,2,3);…...

编程日记 2025/7/12 21:24:58

【云原生】基于Centos7 搭建Redis 6.2 操作实战详解

目录一、前言二、Redis 6.2 安装过程 2.1 下载安装包 2.2 安装包解压 2.3 安装包编译 2.3 安装 2.4 启动redis 2.4.1 前台启动（不推荐） 2.4.2 后启动（推荐） 2.4.3 关闭redis服务 2.4.4 设置客户端连接三、写在最后 …...

编程日记 2025/7/8 21:32:06

《TCP/IP详解卷1：协议》之第九章：IP选路

目录一、IP选路之IP层工作流程二、选路原理三、路由表中的五种不同的标志（flag） 四、路由表的初始化 1、静态路由表初始化 ①、手动配置 ②、默认网关配置 2、动态路由表初始化 ①、路由协议的作用 ②、直接连接网络的自动发现五、没有到达…...

编程日记 2025/7/2 1:37:02

HTTP知识速通

一.HTTP的基础概念首先了解HTTP协议，他是目前主要使用在应用层的一种协议 http被称为超文本传输协议而https则是安全的超文本传输协议本章节的内容首先就是对http做一个简单的了解。 HTTP是一种应用层协议，是基于TCP/IP协议来传递信息的。其中…...

编程日记 2025/7/6 15:26:15

npm命令介绍（Node Package Manager）

文章目录 npm命令全解析简介基础命令安装npm（npm -v检插版本）初始化项目（npm init）安装依赖包（npm install xxx、npm i xxx） 依赖管理精解依赖类型区分（生产环境依赖dependencies、开发环境依赖…...

编程日记 2025/7/6 7:46:33

在 Windows 上启用 Telnet 命令

在 Windows 上启用打开 Telnet 命令 Telnet 是一种用于远程访问和管理计算机的协议。尽管存在安全漏洞，Telnet 仍然被广泛用于初始网络硬件配置、远程访问、端口测试等任务。在 Windows 10 和 11 上，可以通过多种方法启用 Telnet 客户端。使用控制面板…...

编程日记 2025/7/8 22:47:54

网络安全零基础培训 L1-9 PHP连接MySQL数据库

使用MySQLi扩展 MySQLi 是 “MySQL Improved Extension” 的缩写，它是 PHP 用于与 MySQL 数据库进行交互的扩展。 step1：连接数据库 <?php// 定义数据库服务器的地址，通常 localhost 表示本地服务器$servername "服务器地址&quo…...

编程日记 2025/7/9 5:15:49

Python生活手册-文件二进制：从快递柜到生鲜冷链的数据保鲜术

一、快递柜与冷链运输：两种存取哲学 1. 普通快递柜（文本模式） 日常存取包裹的智能快递柜就像文本模式，系统会自动处理包裹的包装： with open(快递单.txt, r, encodingutf-8) as 快递柜:包裹内容快递柜.read() # …...

编程日记 2025/7/4 18:11:09

CUDA从入门到放弃

1 CUDA简介 GPU为图形处理器, 也是显卡的“大脑”显卡集成了GPU, 显存和其他电路的硬件GPU: 计算密集型CPU: 逻辑流控制GPU性能指标: 核心数GPU显存容量GPU计算峰值显存带宽 GPU不能单独计算, CPUGPU组成异构计算架构CPU起到控制作用, 一般成为主机(Host), GPU可以看作CPU的协…...

编程日记 2025/7/9 7:25:28

Golang多人在线坦克对战游戏(帧同步)

以下是一个简化但完整的同步帧游戏示例——实现一个多人在线坦克对战游戏。代码分为服务器和客户端两部分，使用UDP协议通信。我们将重点讲解核心同步机制。项目结构 sync-frame-game/ ├── server/ │ ├── main.go # 游戏服务器主逻辑 │ └── game_stat…...

编程日记 2025/7/3 17:19:17

MySQL | DQL语句-连接查询

MySQL | DQL语句-连接查询 🪄个人博客：https://vite.xingji.fun 什么是连接查询从一张表中查询数据称为单表查询。从两张或更多张表中联合查询数据称为多表查询，又叫做连接查询。什么时候需要使用连接查询？ 比如这样的需求&…...

编程日记 2025/7/2 1:27:11

JVM——Java 虚拟机是如何加载 Java 类的？

引入在 Java 世界的底层运作中，类加载机制扮演着一个既神秘又关键的角色。它就像是一个精心设计的舞台幕后 machinery，确保了 Java 程序能够顺利运行。今天，我们就深入探索 Java 虚拟机（JVM）是如何加载 Java 类的。 …...

编程日记 2025/7/4 5:54:13

Sigmoid函数导数推导详解

Sigmoid函数导数推导详解在逻辑回归中，Sigmoid函数的导数推导是一个关键步骤，它使得梯度下降算法能够高效地计算。 1. Sigmoid函数定义首先回顾Sigmoid函数的定义： g ( z ) 1 1 e − z g(z) \frac{1}{1 e^{-z}} g(z)1e−z1 2. 导…...

编程日记 2025/7/2 1:36:42

运维工作中，Ansible常用模块有哪些？

Ansible是一个强大的自动化运维工具，他通过模块来执行各种任务。Ansible的模块库非常丰富，涵盖了系统管理、文件操作、软件包管理、网络配置、云服务等多个领域。以下是Ansible中常见的模块分类及具体模块详细介绍： 系统管理模块主要用于管…...

编程日记 2025/7/9 22:11:21

内存安全的攻防战：工具链与语言特性的协同突围

一、内存安全：C 开发者永恒的达摩克利斯之剑在操作系统内核、游戏引擎、金融交易系统等对稳定性要求苛刻的领域，内存安全问题始终是 C 开发者的核心挑战。缓冲区溢出、悬空指针、双重释放等经典漏洞，每年在全球范围内造成数千亿美元的损失。…...

编程日记 2025/7/10 12:20:14

Linux-04-搜索查找类命令

一、find查找文件或目录: 1.基本语法: find指令将从指定目录向下递归地遍历其各个子目录1，将满足条件的文件显示在终端 find[搜索范围] [选项] 2.选项说明: 选项功能-name <查询方式>按照指定的文件名查找模式查找文件-user <用户名>查找属于指定用…...

编程日记 2025/7/12 21:43:17

移动光猫 UNG853H 获取超级管理员账号密码

注：电脑连接光猫，网线不要接2口（2口一般是IPTV网口） 首先浏览器打开 192.168.1.1，使用光猫背面的用户名密码登录。（user用户名） 然后在浏览器中另开一个窗口打开以下地址： http://…...

编程日记 2025/7/5 2:04:17

健康生活新主张：全方位养生指南

在追求高品质生活的今天，健康养生早已不是老年人的专属话题，而是每个人都该掌握的生活技能。科学养生不需要复杂的程序，而是通过日常习惯的优化，为身体注入源源不断的活力。饮食管理是健康的根基。选择天然、少加工的食材&#x…...

编程日记 2025/7/2 1:36:32

py使用uniad原生sdk 3, 放弃Buildozer，使用BeeWare

目前，Buildozer 支持打包： Android：通过 Python for Android。您必须有 Linux 或 OSX computer 才能为 Android 进行编译。 iOS：通过 Kivy iOS。您必须拥有 OSX computer 才能为 iOS 进行编译。支持其他平台在路线图中&#xf…...

编程日记 2025/7/7 19:23:36

【数据分享】2020年中国高精度森林覆盖数据集（免费获取）

森林作为全球陆地生态系统的主体，分布面积广、结构复杂，承担着调节气候、维护生态安全、改善环境等方面的重要作用。我国的森林资源丰富，据《中国森林资源报告：2014—2018》统计，我国森林覆盖率已经达到23.04%。森林覆…...

编程日记 2025/7/8 23:02:23

（007）Excel 公式的使用

文章目录逻辑运算公式的参数常用函数引用方式引用工作表和工作簿表格的引用修改公式的计算时机区域交叉引用逻辑运算公式的参数单元格引用：SUM(A1:A24)。字面值：SQRT(121)。字面文本字符串：PROPER(“john.f.smith”)。表达式&#xff1a…...

编程日记 2025/7/11 12:05:14

Vue之脚手架与组件化开发

一、基础知识 1、准备工作 node版本在12以上（看情况而变） 全局安装vue/cli脚手架（不理解的可以去看一下node安装环境配置教程） npm i vue/cli -g 2、项目初始化在终端输入 vue create my-vue-project(这里是名字&#xff0…...

编程日记 2025/7/10 10:19:44

第四章 Maven

01 01. maven-课程介绍 02 02. maven-概述-maven介绍私服：提高下载效率，让中央仓库不必被反复访问。我们一般用阿里云的私服。 03 03. maven-概述-maven安装 04 04. maven-idea集成-配置及创建maven项目 05 05. maven-idea集成-导入maven项目 06 06. …...

编程日记 2025/7/10 12:12:25

哈希表笔记（四）Redis对比Java总结

文章目录一、基础结构对比数据结构定义Java HashMapRedis字典主要区别与设计思路二、关键操作API对比初始化Java HashMapRedis字典添加元素Java HashMapRedis字典查找元素Java HashMapRedis字典删除元素Java HashMapRedis字典扩容/重哈希操作Java HashMapRedis字典三、…...

编程日记 2025/7/8 8:35:15

【精选】基于数据挖掘的广州招聘可视化分析系统(大数据组件+Spark+Hive+MySQL+AI智能云+DeepSeek人工智能+深度学习之LSTM算法）

博主介绍： ✌我是阿龙，一名专注于Java技术领域的程序员，全网拥有10W粉丝。作为CSDN特邀作者、博客专家、新星计划导师，我在计算机毕业设计开发方面积累了丰富的经验。同时，我也是掘金、华为云、阿里云、InfoQ等平台…...

编程日记 2025/7/10 5:34:38

WPF使用依赖注入框架AutoMapper

WPF应用中使用AutoMapper和依赖注入框架实现对象映射与依赖管理 1. 准备工作首先，通过NuGet安装必要的包： Install-Package AutoMapper Install-Package Autofac Install-Package Autofac.Extensions.DependencyInjection Install-Package Microsoft.Extensions.Dependen…...

编程日记 2025/7/8 20:55:54

WPF封装常用的TCP、串口、Modbus、MQTT、Webapi、PLC通讯工具类

WPF封装常用通讯工具类下面我将为您封装常用的TCP、串口、Modbus、MQTT、WebAPI和PLC通讯工具类，适用于WPF应用程序开发。一、TCP通讯工具类 using System; using System.Net.Sockets; using System.Text; using System.Threading.Tasks;public class TcpClientHelper : …...

编程日记 2025/7/1 22:17:04

游戏引擎学习第253天:重新启用更多调试界面

运行游戏，尝试调试系统，并为今天的工作设定方向。今天我们将继续完成调试编辑代码的收尾工作。虽然昨天已经让它运行起来了，但目前还在使用旧的GUID系统，以及调试系统里早期用于探索阶段的一些旧式实现。因此，我们需…...

编程日记 2025/7/2 3:13:26

C# ｜基于C#实现的BDS NMEA-0183数据解析上位机

以下是一个基于C#实现的BDS NMEA-0183数据解析上位机的示例代码，包含基础功能和界面： using System; using System.Collections.Generic; using System.IO.Ports; using System.Windows.Forms; using System.Drawing; using System.Globalization;namespace BDS_NMEA_Viewer…...

编程日记 2025/7/1 21:33:50

【AI提示词】成本效益分析师

提示说明专注于通过数据驱动的方式提供成本效益分析，帮助客户优化资源投入与预期回报。提示词 # Role: 成本效益分析师## Profile - language: 中文 - description: 专注于通过数据驱动的方式提供成本效益分析，帮助客户优化资源投入与预期回报 - ba…...

编程日记 2025/7/11 4:55:07

Kotlin革新数据分析

摘要在数据分析领域，Python长期占据主导地位。然而，随着技术的不断发展，Kotlin凭借其独特优势逐渐崭露头角。本文深入探讨Kotlin在数据分析中的应用，详细阐述其与Python在数据分析生态系统中的差异，通过具体案例展示…...

编程日记 2025/7/9 22:16:07

今日行情明日机会——20250430

指数目前仍然在震荡区间，等后续的方向选择以及放量后的主线~ 2025年4月30日涨停主要行业方向分析一、核心主线方向机器人概念（政策催化技术突破） • 涨停家数：18家。 • 代表标的： ◦ 全筑股份（工业机器…...

编程日记 2025/7/10 19:23:06

【Docker】Dockerfile 使用

文章目录 1. 什么是 Dockerfile？2. Dockerfile 核心指令详解2.1 基础指令2.2 构建过程指令2.3 运行时指令2.4 容器启动指令3. Dockerfile 最佳实践3.1 优化镜像构建3.2 安全性增强3.3 多阶段构建4. 完整 Dockerfile 示例5. 构建与验证6. 总结Docker 作为容器化技术的代表，已经…...

编程日记 2025/7/11 13:24:05