永生的博客

Anime.js V4 前端动画:零配置,纯 HTML 玩转炫酷效果
前端动画是提升用户体验、增强网站活力的重要手段。虽然现在有很多复杂的动画库和框架(如 React Spring, Vue Transition, Framer Motion 等),但有时候我们只需要在简单的 HTML 页面上实现一些酷炫的动画效果,而不想引入复杂的构建工具(如 Webpack, Vi...
阅读全文 »如何根据邮箱地址获取用户头像
在很多应用场景中,我们需要根据用户的邮箱地址来展示他们的头像,尤其是在聊天应用、社交平台等中,头像是用户个性化展示的重要部分。本文将介绍如何通过两种常见的头像服务来实现这一功能:QQ 邮箱头像 和 Gravatar。 1. 背景介绍 QQ 邮箱头像:QQ 邮箱用户可以...
阅读全文 »使用 GitHub Actions 自动检查Docker 镜像是否更新
在现代软件开发中,保持 Docker 镜像的最新状态对于确保应用的安全性和稳定性至关重要。本文将详细介绍如何使用 GitHub Actions 自动检查服务器上的 Docker 镜像,并与 Docker Hub 上的最新版本进行比较,以确保镜像保持最新。 前提条件 在开始之前,...
阅读全文 »nodejs画图(Plotly.js)
由于 Plotly.js 本身依赖于浏览器特性,在 Node.js 中直接使用时经常遇到类似的错误。如果你希望在 Node.js 中使用 Plotly.js,可以考虑配合 node-canvas 和 puppeteer 来解决渲染...
阅读全文 »dot的链接或者tooltip出现黑窗口解决
问题发现:原来与几年前写的js代码冲突 <script type="text/javascript"> $(function () { var x = 0; var y = 100; var newtitle = ''; ...
阅读全文 »Awesome字样图标在Web设计中的应用与分析
摘要 字样图标在Web设计中扮演着关键角色,为用户提供直观的界面反馈和品牌识别。本文深入研究字样图标的用法、常见类别和意义,以及它们对用户体验和品牌传达的影响。通过分析Font Awesome作为一个广泛使用的字样图标库,本文旨在为Web设计者提供指导和启示。 1. 引言 随着...
阅读全文 »构建用于设备控制和管理的Node.js Web应用
基于Node.js的设备控制与管理系统 引言 随着物联网技术的飞速发展,设备的智能化和互联性需求逐渐增加。为了满足这一需求,我们开发了一个基于Node.js的设备控制与管理系统。本文将详细介绍系统的设计思路、实现细节以及功能特点,以期为类似项目的开发提供有益的经验和启示。 设计目标 该系统旨...
阅读全文 »js document等操作
1.document 简单用法 document 属性是浏览器中 Window 对象的一个属性,它代表了当前加载的页面文档对象,通常用于访问和操纵页面上的内容。以下是一些常用的 document 属性: document.get...
阅读全文 »nodejs opencv
方法1:编译安装 优点: ORB 比 matchTemplate 更快,适合复杂场景的找图。 不需要 opencv.js,继续使用 opencv4nodejs,保持高效。 UrielCh/opencv4nodejs: Nodejs bindings to OpenCV ...
阅读全文 »