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

01.three官方示例+编辑器+AI快速学习webgl_animation_keyframes

news 来源：原创 2025/8/6 20:57:30

实例：examples/webgl_animation_keyframes.html
在这里插入图片描述

重点关注：

AnimationMixer：管理模型的所有动画
AnimationClip：表示一个完整的动画
ClipAction：控制动画的播放状态（播放、暂停、速度等）
PMREMGenerator处理环境光照，提升渲染质量

本实例主要讲解内容

本实例主要讲解在Three.js中如何使用WebGL技术实现3D模型的加载、动画播放以及用户交互。通过创建场景、相机、渲染器等基础对象，加载GLTF模型并应用动画，同时使用轨道控制器实现用户对相机视角的控制，以及利用性能统计工具优化渲染性能，展示了一个完整的3D动画交互场景的构建过程，帮助开发者掌握Three.js在动画和交互方面的核心应用。 ### 代码注释与重点解析

以下是对Three.js动画关键帧示例的详细注释，包含了学习重点和核心概念解析：

<!DOCTYPE html>
<html lang="en"><head><!-- 页面标题 --><title>three.js webgl - animation - keyframes</title><!-- 设置字符编码为UTF-8 --><meta charset="utf-8"><!-- 视口设置，用于响应式布局，禁止用户缩放，最小和最大缩放比例均为1.0 --><meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"><!-- 引入外部样式表main.css --><link type="text/css" rel="stylesheet" href="main.css"><!-- 内部样式表，设置页面背景颜色为#bfe3dd，文本颜色为#000，链接颜色为#2983ff --><style>body {background-color: #bfe3dd;color: #000;}a {color: #2983ff;}</style></head><body><!-- 用于放置Three.js渲染结果的容器 --><div id="container"></div><!-- 包含信息的div，展示three.js链接、模型链接及作者信息 --><div id="info"><a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> webgl - animation - keyframes<br/>Model: <a href="https://artstation.com/artwork/1AGwX" target="_blank" rel="noopener">Littlest Tokyo</a> by<a href="https://artstation.com/glenatron" target="_blank" rel="noopener">Glen Fox</a>, CC Attribution.</div><!-- 定义模块导入映射，指定three及相关插件的导入路径 --><script type="importmap">{"imports": {"three": "../build/three.module.js","three/addons/": "./jsm/"}}</script><!-- 定义JavaScript模块 --><script type="module">// 导入Three.js核心库import * as THREE from 'three';// 导入性能统计工具Statsimport Stats from 'three/addons/libs/stats.module.js';// 导入轨道控制器OrbitControls，用于控制相机视角import { OrbitControls } from 'three/addons/controls/OrbitControls.js';// 导入房间环境对象RoomEnvironment，用于创建场景环境import { RoomEnvironment } from 'three/addons/environments/RoomEnvironment.js';// 导入GLTF模型加载器GLTFLoaderimport { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';// 导入Draco压缩模型加载器DRACOLoaderimport { DRACOLoader } from 'three/addons/loaders/DRACOLoader.js';// 声明动画混合器变量let mixer;// 创建时钟对象，用于计算动画时间间隔const clock = new THREE.Clock();// 获取放置渲染结果的容器元素const container = document.getElementById('container');// 创建性能统计对象const stats = new Stats();// 将性能统计的DOM元素添加到容器中container.appendChild(stats.dom);// 创建WebGL渲染器，开启抗锯齿const renderer = new THREE.WebGLRenderer({ antialias: true });// 设置渲染器的像素比为设备像素比renderer.setPixelRatio(window.devicePixelRatio);// 设置渲染器的尺寸为窗口的内部宽度和高度renderer.setSize(window.innerWidth, window.innerHeight);// 将渲染器的DOM元素添加到容器中container.appendChild(renderer.domElement);// 创建PMREM生成器，用于生成预过滤辐射环境贴图const pmremGenerator = new THREE.PMREMGenerator(renderer);// 创建场景对象const scene = new THREE.Scene();// 设置场景背景颜色与页面背景一致scene.background = new THREE.Color(0xbfe3dd);// 设置场景环境，使用房间环境并生成对应的纹理scene.environment = pmremGenerator.fromScene(new RoomEnvironment(), 0.04).texture;// 创建透视相机const camera = new THREE.PerspectiveCamera(40, window.innerWidth / window.innerHeight, 1, 100);// 设置相机位置camera.position.set(5, 2, 8);// 创建轨道控制器，关联相机和渲染器的DOM元素const controls = new OrbitControls(camera, renderer.domElement);// 设置控制器的目标点controls.target.set(0, 0.5, 0);// 更新控制器状态controls.update();// 禁用平移功能controls.enablePan = false;// 启用阻尼效果，使相机移动更平滑controls.enableDamping = true;// 创建Draco加载器const dracoLoader = new DRACOLoader();// 设置Draco解码器的路径dracoLoader.setDecoderPath('jsm/libs/draco/gltf/');// 创建GLTF加载器const loader = new GLTFLoader();// 为GLTF加载器设置Draco加载器，用于加载压缩的GLTF模型loader.setDRACOLoader(dracoLoader);// 加载GLTF模型loader.load('models/gltf/LittlestTokyo.glb', function (gltf) {// 获取加载的模型场景const model = gltf.scene;// 设置模型位置model.position.set(1, 1, 0);// 设置模型缩放比例model.scale.set(0.01, 0.01, 0.01);// 将模型添加到场景中scene.add(model);// 创建动画混合器，关联模型mixer = new THREE.AnimationMixer(model);// 播放模型的第一个动画剪辑mixer.clipAction(gltf.animations[0]).play();// 设置渲染器的动画循环函数renderer.setAnimationLoop(animate);}, undefined, function (e) {// 加载过程中出现错误时，在控制台打印错误信息console.error(e);});// 窗口大小改变时的回调函数window.onresize = function () {// 更新相机的纵横比camera.aspect = window.innerWidth / window.innerHeight;// 更新相机的投影矩阵camera.updateProjectionMatrix();// 更新渲染器的尺寸renderer.setSize(window.innerWidth, window.innerHeight);};// 动画循环函数function animate() {// 获取时钟的时间间隔const delta = clock.getDelta();// 更新动画混合器，推进动画mixer.update(delta);// 更新轨道控制器，处理相机的交互controls.update();// 更新性能统计信息stats.update();// 使用渲染器渲染场景和相机renderer.render(scene, camera);}</script></body>
</html>

学习重点解析

Three.js基础架构
- 场景(Scene)、相机(Camera)、渲染器(Renderer)的创建与配置
- 轨道控制器(OrbitControls)的使用，实现用户交互
GLTF模型加载与处理
- 使用GLTFLoader加载3D模型
- DRACOLoader处理压缩模型，提高加载效率
- 模型位置、缩放和旋转的调整
关键帧动画系统
- AnimationMixer：管理模型的所有动画
- AnimationClip：表示一个完整的动画
- ClipAction：控制动画的播放状态（播放、暂停、速度等）
性能优化与监控
- 使用Stats监控帧率和性能
- PMREMGenerator处理环境光照，提升渲染质量
- 窗口大小自适应处理
动画循环机制
- 使用renderer.setAnimationLoop()设置动画循环
- 利用Clock对象计算帧间隔时间，确保动画速度一致

本实例核心目标

这个示例主要展示了Three.js中关键帧动画系统的使用方法，通过加载包含动画的GLTF模型，并使用AnimationMixer播放动画，演示了以下核心概念：

如何加载和处理包含动画的3D模型
如何使用Three.js的动画系统控制模型动画
如何实现平滑的动画循环和时间管理
如何通过环境光照提升模型渲染效果

这是Three.js动画系统的基础教程，适合学习3D场景中角色动画、物体运动等动画效果的实现方法。

交流学习： Three.js 场景编辑器 (Vue3 + TypeScript
实现)
https://threelab.cn/threejs-edit/

01.three官方示例+编辑器+AI快速学习webgl_animation_keyframes

实例：examples/webgl_animation_keyframes.html 在这里插入图片描述重点关注： AnimationMixer：管理模型的所有动画AnimationClip：表示一个完整的动画ClipAction：控制动画的播放状态（播放、暂停、速度等&am…...

编程日记 2025/8/6 20:57:30

在 Spring Boot 中实现动态线程池的全面指南

动态线程池是一种线程池管理方案，允许在运行时根据业务需求动态调整线程池参数（如核心线程数、最大线程数、队列容量等），以优化资源利用率和系统性能。在 Spring Boot 中，动态线程池可以通过 Java 的 ThreadPoolExecut…...

编程日记 2025/8/2 16:16:34

餐饮行业新风口：上门厨师服务系统的技术实现路径

上门做饭正在成为下一个万亿级风口！当外卖平台被预制菜攻陷，当年轻人对着料理包无可奈何，一个全新的餐饮模式正在悄然崛起。我们的市场调研显示，83%的消费者无法分辨外卖是否使用预制菜，76%的年轻人愿意为透明烹饪过程…...

编程日记 2025/8/2 16:16:31

odoo-049 Pycharm 中 git stash 后有pyc 文件，如何删除pyc文件

文章目录问题描述解决思路正确的去除 git 跟踪 pyc文件的做法问题描述查看本地 stash 列表 stash 后有很多 pyc 文件都被 git 追踪了，这样不合理，而且等 unstash 的时候就会有问题解决思路尝试方法： 递归地删除指定文件夹及其子目录中…...

编程日记 2025/8/2 16:16:30

线程同步机制

synchronized 实现线程同步的关键字，用来防止多个线程同时访问某个代码块或方法，避免并发冲突和数据不一致。通过持有一把唯一的对象锁，谁拿到了谁就能执行，谁没拿到只能等待锁释放。 1. 修饰实例方法（锁当前实例&…...

编程日记 2025/8/2 16:16:28

YOLO目标检测算法

文章目录前言一、目标检测算法简介1、传统目标检测算法（1）R-CNN算法简介（2）Fast R-CNN算法简介（3）Faster R-CNN算法简介 2、目标检测中的算法设计范式（1）one-stage（2&am…...

编程日记 2025/8/2 16:16:26

【官方题解】StarryCoding 入门教育赛 2 | acm | 蓝桥杯 | 新手入门

比赛传送门： 本场比赛开始时题面存在一些问题，私密马赛！ A.池化【入门教育赛】根据题目所给公式计算即可。 #include "bits/stdc.h"signed main() {int t; std::cin >> t;while (t --) {int l, k, s, p; std::cin >&…...

编程日记 2025/8/2 13:57:57

《让歌声跨越山海：Flutter借助Agora SDK实现高质量连麦合唱》

对于Flutter开发者而言，借助Agora SDK实现这一功能，不仅能为用户带来前所未有的社交体验，更是在激烈的市场竞争中脱颖而出的关键。 Agora SDK作为实时通信领域的佼佼者，拥有一系列令人瞩目的特性，使其成为实现高质量连…...

编程日记 2025/8/2 13:57:55

1.3.2 linux音频PulseAudio详细介绍

PulseAudio 是一个在 Linux 及其他类 Unix 操作系统中广泛使用的声音服务器（Sound Server），它为不同的音频应用程序提供了一种中间层，以方便管理和控制音频流。下面将详细介绍 PulseAudio 的相关内容，包括其基本概念、…...

编程日记 2025/8/2 13:57:53

8.1.Kubernetes进阶

目录一、Kubernetes核心原理深度解析架构设计精髓 • 控制平面组件（API Server、etcd、Controller Manager、Scheduler）协作流程 • 数据平面（kubelet、容器运行时、CNI/CSI插件）核心工作机制 API对象与声明式模型 • CRD&…...

编程日记 2025/8/2 13:57:51

electron 结合 react(cra创建的) 创建桌面应用和打包桌面应用

我说一下 react 结合 electron 如果打包和使用，以及其中可能会遇到的问题，这里只做简单功能的演示我们先通过 cra 创建一个 react 项目，然后安装相关依赖，之后启动 npx create-react-app react_electron cd react_electron np…...

编程日记 2025/8/2 13:57:49

C++23 views::chunk_by (P2443R1) 详解

文章目录引言C23 范围库概述范围视图（Range Views）范围算法（Range Algorithms）范围适配器（Range Adapters） std::views::chunk_by 介绍基本概念特性使用场景示例代码简单示例自定义谓词示例总结引言在…...

编程日记 2025/8/6 20:56:35

MySQL核心内容【持续更新中】

MySQL核心内容文章目录 MySQL核心内容1.MySQL核心内容目录2.MySQL知识面扩展3.MySQL安装4.MySQL配置目录介绍Mysql配置远程ip连接 5.MySQL基础1.MySQL数据类型1.数值类型2.字符串类型3.日期和时间类型4.enum和set 2.MySQL运算符1.算数运算符2.逻辑运算符3.比较运算符 3.MySQL完…...

编程日记 2025/8/2 13:57:42

【高级IO】多路转接之单线程Reactor

这里写目录标题一.Epoll的两种工作模式二.单线程Reactor1.Connection模块2.Reactor服务器模块2.1初始化Init2.2启动循环服务器Loop2.3事件派发Dispatcher2.4连接管理器Accepter2.5事件管理器Receiver2.6发送管理器Sender 3.上层业务模块定制协议业务处理代码一.Epoll的两种工…...

编程日记 2025/8/2 13:57:38

基于设备指纹识别的反爬虫技术：给设备办 “身份证”

传统的封禁 IP、验证码等反爬虫手段已逐渐失效，基于设备指纹识别的反爬虫技术应运而生，成为守护数据安全的新防线。它如同给每个设备办一张独一无二的 “身份证”，精准区分正常用户与爬虫工具。一、基础参数采集：构建设备指纹的…...

编程日记 2025/8/2 13:57:36

公开模型一切，优于DeepSeek-R1，英伟达开源Llama-Nemotron家族

在大模型飞速发展的今天，推理能力作为衡量模型智能的关键指标，更是各家 AI 企业竞相追逐的焦点。但近年来，推理效率已成为模型部署和性能的关键限制因素。基于此，英伟达推出了 Llama-Nemotron 系列模型（基于 Meta …...

编程日记 2025/8/2 13:57:34

CI/CD面试题及答案

一、CI/CD 基础概念 1. 什么是 CI/CD？CI 和 CD 的区别是什么？ 答案： CI（持续集成）：开发人员提交代码后，自动构建并运行测试，确保代码集成无冲突。CD（持续交付 / 部署&am…...

编程日记 2025/8/6 20:57:28

解决 Ubuntu DNS 无法解析问题（适用于虚拟机长期使用）

解决 Ubuntu DNS 无法解析问题在使用 Ubuntu 虚拟机（尤其是在国内）时，经常会遇到这样的错误： Temporary failure resolving cn.archive.ubuntu.com但是此时又能成功 ping 通 IP，这说明网络是正常的，问题…...

编程日记 2025/8/6 20:57:29

如何通过C# 获取Excel单元格的数据类型

在处理 Excel 文件时，了解单元格的数据类型有助于我们正确地解析和处理数据。Free Spire.XLS 是一款功能强大且免费的.NET 组件，支持高效地操作 Excel 文件，包括读取单元格类型。本文将详细介绍如何使用 Free Spire.XLS 来获取 Excel 单元格的…...

编程日记 2025/8/6 20:56:10

Spring Boot初级教程：从零搭建企业级Java应用

一、Spring Boot是什么？为什么学它？定义：Spring Boot是Spring框架的轻量级快速开发工具，基于“约定优于配置”原则，简化Spring应用的搭建与部署。核心优势：零配置起步：内置Tomcat/Jetty，无需手动部署Web服务器。自动装配：自动扫描依赖、注入Bean，减少XML/注解冗余代…...

编程日记 2025/8/6 20:56:11

IBM BAW（原BPM升级版）使用教程第六讲

一、事件：Undercover Agent 在 IBM Business Automation Workflow (BAW) 中，Undercover Agent (UCA) 是一个非常独特和强大的概念，旨在实现跨流程或系统的事件处理和触发机制。Undercover Agent 主要用于事件驱动的流程自动化，它…...

编程日记 2025/8/2 16:16:22

[250509] x-cmd 发布 v0.5.11 beta：x ping 优化、AI 模型新增支持和语言变量调整

目录 X-CMD 发布 v0.5.11 beta📃Changelog🧩 ping🧩 openai🧩 gemini🧩 asdf🧩 mac✅ 升级指南 X-CMD 发布 v0.5.11 beta 📃Changelog 🧩 ping 调整 x ping 默认参数为 bing.com&a…...

编程日记 2025/8/2 16:16:20

Web前端VSCode如何解决打开html页面中文乱码的问题（方法2）

Web前端—VSCode如何解决打开html页面中文乱码的问题（方法2） 1.打开VScode后，依次点击文件 >> 首选项 >> 设置 2.打开设置后，依次点击文本编辑器 >> 文件（或在搜索框直接搜索“files.autoGuessEnc…...

编程日记 2025/8/2 16:16:17

打造专属AI好友：小智AI聊天机器人详解

打造专属AI好友：小智AI聊天机器人详解在当下的科技热潮中，AI正迅速改变着我们的生活，成为了科技领域的新宠。而今，借助开源项目的力量，你可以亲手打造一个智能小助手——小智AI聊天机器人。它不仅是一个技术探索的窗…...

编程日记 2025/8/2 16:16:15

Spring，SpringMVC，SpringBoot,SpringCloud的区别

Spring Spring 是一个基础框架，为 Java 应用提供了 IoC（控制反转）和 AOP（面向切面编程）功能。其主要特点如下： IoC 容器：借助依赖注入，降低了组件间的耦合度。AOP 支持&#xff1a…...

编程日记 2025/8/2 16:16:13

从投入产出、效率、上手难易度等角度综合对比 pytest 和 unittest 框架

对于选择python作为测试脚本开发的同学来说，pytest和python unittest是必需了解的两个框架。那么他们有什么区别？我们该怎么选？让我们一起来了解一下吧！ 我们从投入产出、效率、上手难易度等角度综合对比 pytest 和 unittest 框架…...

编程日记 2025/8/2 16:16:10

无人机电池储存与操作指南

一、正确储存方式 1. 储存电量保持电池在 40%-60% 电量（单片电压约3.8V-3.85V）存放，避免满电或空电长期储存。满电存放会加速电解液分解，导致鼓包；**空电**存放可能引发过放（电压低于3.0V/片会永久…...

编程日记 2025/8/2 16:16:08

CSS实现图片垂直居中方法

html <div class"footer border-top-row"><div class"footer-row"><span class"footer-row-col01">制单人：{{ printData[pageIndex - 1].rkMaster.makerName}}<img :src"getPersonSignImgSrc(printData[pa…...

编程日记 2025/8/2 16:16:07

多账号管理与自动化中的浏览器指纹对抗方案

多账号管理与自动化中的浏览器指纹对抗方案在日常的开发工作中，如果你曾涉及自动化脚本、多账号运营、数据抓取，或是在安全研究方向摸爬滚打过，应该对“浏览器指纹识别”这几个字不会陌生。指纹识别：不是你以为的那种“指纹”…...

编程日记 2025/8/2 16:16:05

[6-1] TIM定时中断江协科技学习笔记（45个知识点）

1 2 3 4 5 6 7 8 9 10 11 12 13 14 TRGO是“Trigger Output”的缩写，中文意思是“触发输出”。在STM32微控制器中，TRGO是一个非常重要的功能，它允许定时器（Timer）在特定事件发生时输出一个触发信号。这个触发信号可以用…...

编程日记 2025/8/2 16:16:03

Flutter 3.29.3 花屏问题记录

文章目录 Flutter 3.29.3 花屏问题记录问题记录解决尝试解决 Flutter 3.29.3 花屏问题记录问题记录 flutter版本3.29.3，代码大致为： ShaderMask(shaderCallback: (Rect bounds) {return LinearGradient(begin: Alignment.topCenter,end: Alignment.bo…...

编程日记 2025/8/2 16:16:01

[Windows] 希捷（Seagate）硬盘官方检测工具 - SeaTools（1.4.0.7）

[Windows] 希捷（Seagate）硬盘官方检测工具 - SeaTools 链接：https://pan.xunlei.com/s/VOPpN9A3Tn_rVktEMu6Lg9q9A1?pwdh8rz# 希望能修复好硬盘...

编程日记 2025/8/2 16:15:59

YOLOv8目标检测性能优化：损失函数改进的深度剖析

文章目录 YOLOv8 简介损失函数在 YOLOv8 中的关键作用SlideLoss 的原理与应用原理代码实例 FocalLoss 分类损失函数的优化原理代码实例 SlideLoss 与 FocalLoss 在 YOLOv8 中的协同作用实验结果与分析 YOLOv8 简介 YOLO（You Only Look Once）系列目标检测…...

编程日记 2025/8/2 16:15:57

docker 日志暴露方案（带权限还免费版本）

接到了一个需求，需求的内容是需要将测试环境的容器暴露给我们的外包同事，但是又不能将所有的容器都暴露给他们。一开始，我分别找了 Portainer log-pilot dpanel 它们都拥有非常良好的界面和容器情况可视化。但，缺点是&am…...

编程日记 2025/8/2 16:15:55

水印云：AI赋能，让图像处理变得简单高效

水印云是一款基于超强AI技术的图像处理工具，提供丰富的图像编辑功能，将复杂的图像处理极简化，真正实现简单高效的图像处理。无论是去除水印、智能抠图、添加水印，还是提升画质，水印云都能轻松应对，满足不同…...

编程日记 2025/8/2 16:15:53

使用 ECharts GL 实现交互式 3D 饼图：技术解析与实践

一、效果概览本文基于 Vue 3 和 ECharts GL，实现了一个具有以下特性的 3D 饼图： 立体视觉效果：通过参数方程构建 3D 扇形与底座动态交互：支持点击选中（位移效果）和悬停高亮（放大效果&#xff…...

编程日记 2025/8/2 16:15:51

allure生成测试报告（搭配Pytest、allure-pytest）

文章目录前言allure简介allure安装软件下载安装配置环境变量安装成功验证 allure运行流程allure装饰器函数基本说明装饰器函数使用allure.attach 命令行运行利用allure-pytest生成中间结果json 查看测试报告总览页面每个tab页的说明类别页面测试套图表页面时间刻度功能页面包 …...

编程日记 2025/8/2 16:15:49

一场陟遐自迩的 SwiftUI + CoreData 性能优化之旅（下）

概述自从 SwiftUI 诞生那天起，我们秃头码农们就仿佛打开了一个全新的撸码世界，再辅以 CoreData 框架的鼎力相助，打造一款持久存储支持的 App 就像探囊取物般的 Easy。话虽如此，不过 CoreData 虽好，稍不留神也可能会…...

编程日记 2025/8/2 16:15:47

java的输入输出模板(ACM模式)

文章目录 1、前置准备2、普通输入输出API①、输入API②、输出API 3、快速输入输出API①、BufferedReader②、BufferedWriter 案例题目描述代码面试有时候要acm模式，刷惯leetcode可能会手生不会acm模式，该文直接通过几个题来熟悉java的输入输出模板&…...

编程日记 2025/8/2 16:15:45

浏览器自动化与网络爬虫实战：工具对比与选型指南

浏览器自动化与网络爬虫实战：工具对比与选型指南摘要在当今数字化时代，浏览器自动化和网络爬虫技术已成为数据收集与测试的重要工具。本文深入剖析了多种主流浏览器自动化工具和爬虫框架的特点、优缺点及其适用场景，包括 Selenium、Puppe…...

编程日记 2025/8/2 16:15:44

“双非” “退伍” “材料” “学验证” 拿到Dream Offer

大家好，我是2024年路科验证V2X春季班的学员。在春季班的课上完后，觉得自己的基础大部分已经被路科给弥补了，但是很多课程中关于框架的搭建和一些细节还是不够扎实，有所欠缺，于是又重修了秋季班的课程。这两次课程给我的…...

编程日记 2025/8/2 16:15:42

python 上海新闻爬虫，上观新闻 + 腾讯新闻

1. 起因， 目的: 继续爬上海新闻， 增加新闻来源。昨天写了： 东方网澎湃新闻今天增加2个来源： 上观新闻腾讯新闻此时有4个来源，我觉得已经差不多了。 2. 先看效果 3. 过程: 代码 1, 上观新闻这里也有一个有趣的…...

编程日记 2025/8/2 16:15:40

【LUT技术专题】ECLUT代码解读

目录原文概要 1. 训练 2. 转表 3. 测试本文是对ECLUT技术的代码解读，原文解读请看ECLUT。原文概要 ECLUT通过EC模块增大网络感受野，提升超分效果，实现SRLUT的改进，主要是2个创新点： 提出了一个扩展卷积&…...

编程日记 2025/8/2 16:15:39

Wsl2 网络模式介绍

每个模式说明参考下面连接使用 WSL 访问网络应用程序 | Microsoft Learn...

编程日记 2025/8/2 16:15:37

项目高压生存指南：科学重构身体与认知系统的抗压算法

引言：压力重构的工程学思维在项目管理的高压熔炉中，优秀从业者与普通执行者的核心差异不在于抗压能力的高低，而在于是否掌握压力管理的系统化算法。本文摒弃传统的鸡汤式减压建议，从人体工程学、神经科学和认知心理学角度&#…...

编程日记 2025/8/2 16:15:35

Java设计模式之工厂方法模式：从入门到精通

1. 工厂方法模式概述 1.1 定义与核心思想工厂方法模式(Factory Method Pattern) **定义：**是一种创建型设计模式，它定义了一个用于创建对象的接口，但让子类决定实例化哪一个类。工厂方法使一个类的实例化延迟到其子类。 **核心思想：**工厂模式的核心思想是将对象的创建…...

编程日记 2025/8/2 16:15:33

生成自定义的androidjar文件具体操作

在Androidsdk目录下的platform找到对应的api的android源码包路径，如android-32拷贝里面的android.jar文件到目录，如 C:\Users\xxxxxxx\Desktop\android\new_android_jar，然后解压android.jar到目录new_android_jar下。在编译后的aosp源码中找…...

编程日记 2025/8/4 10:08:26

1. 创建目录 mkdir -p /data/mysql3307/{data,tmp,logs} # 赋权 chown -R mysql:mysql /data/mysql3307 chmod -R 750 /data/mysql3307 2.修改 /etc/my.cnf ，添加[mysqld3307]实例配置组 [mysqld3307] # MySQL服务的端口 port 3307 # 套接字文件存放路径 socket /…...

编程日记 2025/8/2 16:15:32

相机的方向和位置

如何更好的控制相机按照我们需要来更好的观察我们需要的地貌呢? 使用 // setview瞬间到达指定位置,视角//生成position是天安门的位置var position Cesium.Cartesian3.fromDegrees(116.397428,39.90923,100)viewer.camera.setView({//指定相机位置destination: position, 在…...

编程日记 2025/8/2 16:15:30

云原生架构下的微服务通信机制演进与实践

📝个人主页🌹：慌ZHANG-CSDN博客 🌹🌹期待您的关注 🌹🌹 一、引言：通信机制是微服务架构的基础随着软件系统复杂度的提升，“单体架构 → 微服务架构 → 云原生架构”逐步成为企业数字化转型的演进主线。而在微服务架构中，“服务间通信机制”决定了系统的稳定性…...

编程日记 2025/8/2 16:15:28

本实例主要讲解内容

学习重点解析

本实例核心目标

相关文章：