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

uniapp加载json动画

news 来源：原创 2025/9/21 8:34:05

一、添加canvas画布

<canvas id="lottie_demo" type="2d" style="display: inline-block;width: 148rpx; height: 148rpx;" />

二、引入依赖和JSON文件

安装依赖   npm install  lottie-miniprogram --save

import lottie from 'lottie-miniprogram';
import lottieJson from "@/static/json/aiIdentify.json"

三、使用lottie加载json动画

    const state = reactive({that: getCurrentInstance(),})
      uni.createSelectorQuery().in(state.that).select('#lottie_demo').node(res => {const canvas = res.nodeconst context = canvas.getContext('2d')lottie.setup(canvas)lottie.loadAnimation({loop: true,autoplay: true,animationData: lottieJson,rendererSettings: {context,},})}).exec()

结果

相关文章：

uniapp加载json动画

一、添加canvas画布 <canvas id"lottie_demo" type"2d" style"display: inline-block;width: 148rpx; height: 148rpx;" /> 二、引入依赖和JSON文件 安装依赖 npm install lottie-miniprogram --save import lottie from lottie-mini…...

编程日记 2025/9/21 8:34:05

快递物流展同期举办2025中国智慧物流核心零部件创新论坛

2025中国智慧物流核心零部件创新论坛 会议主题&#xff1a;“AI ”重构智慧物流核心技术生态 会议介绍 随着人工智能、物联网、5G等技术的快速发展&#xff0c;智慧物流已成为全球物流行业转型升级的核心方向。在AI技术的驱动下&#xff0c;物流行业正从传统的“人、车、货”…...

编程日记 2025/9/12 14:32:03

ASP.NET图书馆借阅系统(源码+lw+部署文档+讲解)，源码可白嫖!

摘要 近些年来&#xff0c;随着科技的飞速发展&#xff0c;互联网的普及逐渐延伸到各行各业中&#xff0c;给人们生活带来了十分的便利&#xff0c;图书馆借阅系统利用计算机网络实现信息化管理&#xff0c;使图书信息、图书借阅、归还的管理发展和服务水平有显著提升。 本文拟…...

编程日记 2025/9/8 1:08:56

在 Linux 终端中轻松设置 Chromium 的 User-Agent：模拟手机模式与自定义浏览体验

在 Linux 系统中&#xff0c;通过终端灵活控制 Chromium 的行为可以大幅提升工作效率。本文将详细介绍如何通过命令行参数和环境变量自定义 Chromium 的 User-Agent&#xff0c;并结合手机模式模拟&#xff0c;实现更灵活的浏览体验。 为什么需要自定义 User-Agent&#xff1f;…...

编程日记 2025/9/15 5:51:27

实验一 单管共射极放大电路

这篇文章是即兴写的&#xff0c;也不知道对不对&#xff0c;只有代码哦~~(文章结尾有彩蛋哦~~~&#xff09; 表1-1实验数据MATLAB代码&#xff1a; clear all; clc % 参数设置 VCC 12; % 电源电压 (V) RB1 45e3; % 偏置电阻 RB1 (Ohms) RB2 15e3; % 偏置电阻 RB2 (Ohms) R…...

编程日记 2025/9/12 6:03:27

10-python面向对象(上)

10-python面向对象【上】 1.面向对象简介2. 类(class)3. 类的定义4. 参数self4.1 属性和方法4.2 self 1.面向对象简介 Python是一门面向对象的编程语言 所谓面向对象的语言&#xff0c;简单理解就是语言中的所有操作都是通过对象来进行的 面向过程&#xff1a; 面向过程指将我们…...

编程日记 2025/9/11 10:21:49

Java 大视界 -- 基于 Java 的大数据分布式缓存技术在电商高并发场景下的性能优化（181）

&#x1f496;亲爱的朋友们&#xff0c;热烈欢迎来到 青云交的博客&#xff01;能与诸位在此相逢&#xff0c;我倍感荣幸。在这飞速更迭的时代&#xff0c;我们都渴望一方心灵净土&#xff0c;而 我的博客 正是这样温暖的所在。这里为你呈上趣味与实用兼具的知识&#xff0c;也…...

编程日记 2025/9/9 7:49:13

Apache Airflow开源程序是一个以编程方式编写、计划和监控工作流程的平台

一、软件介绍 文末提供程序和源码下载 Apache Airflow开源程序是一个以编程方式编写、计划和监控工作流程的平台&#xff0c;当工作流被定义为代码时&#xff0c;它们将变得更加可维护、可版本化、可测试和协作性。使用 Airflow 将工作流创作为任务的有向无环图 &#xff08;D…...

编程日记 2025/9/8 12:07:05

大数据学习（101）-spark的高可用模式

&#x1f34b;&#x1f34b;大数据学习&#x1f34b;&#x1f34b; &#x1f525;系列专栏&#xff1a; &#x1f451;哲学语录: 用力所能及&#xff0c;改变世界。 &#x1f496;如果觉得博主的文章还不错的话&#xff0c;请点赞&#x1f44d;收藏⭐️留言&#x1f4dd;支持一…...

编程日记 2025/9/10 3:45:53

数字内容体验驱动用户参与增效

数字体验驱动参与增长 在数字化竞争日益激烈的市场环境中&#xff0c;数字内容体验已成为撬动用户深度参与的核心杠杆。通过个性化推荐算法与跨渠道分发策略的协同作用&#xff0c;企业能够精准匹配用户兴趣点&#xff0c;将碎片化信息转化为连贯的价值链条。数据显示&#xf…...

编程日记 2025/9/9 15:01:43

一文详解OpenGL环境搭建：Ubuntu20.4使用CLion配置OpenGL开发环境

在计算机图形学的广阔领域中，OpenGL作为行业标准的图形库，为开发者提供了强大的工具集来创建从简单的2D图形到复杂的3D世界。然而，对于初学者而言，配置一个合适的开发环境是迈向成功的第一步。本文将详细介绍如何在Ubuntu 20.04.3 LTS操作系统上搭建基于CLion的OpenGL开发环…...

编程日记 2025/9/10 10:35:16

欧拉函数模板

1.欧拉函数模板 - 蓝桥云课 问题描述 这是一道模板题。 首先给出欧拉函数的定义&#xff1a;即 Φ(n) 表示的是小于等于 n 的数中和 n 互质的数的个数。 比如说 Φ(6)2&#xff0c;当 n 是质数的时候&#xff0c;显然有 Φ(n)n−1。 题目大意&#xff1a; 给定 n 个正整数…...

编程日记 2025/9/3 14:11:16

用PointNet++训练自己的数据集（语义分割模型semseg）

&#xff08;1&#xff09;训练部件分割&#xff08;partseg&#xff09;模型和检测自己点云并将结果保存txt&#xff0c;请看博主上两篇文章 &#xff08;2&#xff09;本文背景是将pipe点云上的缺陷和本体检测出来&#xff0c;即1种语义场景&#xff08;pipe&#xff09;&…...

编程日记 2025/9/14 17:35:42

Java反射机制深度解析：方法、实战与底层机制

大家好&#xff0c;我是钢板兽&#xff01; 反射作为Java的特性&#xff0c;它不仅是Spring三大特性Ioc、DI、AOP的基础&#xff0c;而且MyBatis、Jackson序列化、rpc远程调用接口都用到了反射机制。 本文将带你系统性地掌握 Java 反射的使用&#xff0c;通过 JSON 反序列化的…...

编程日记 2025/9/3 7:29:30

查看wifi密码

netsh wlan show profile nameCMCC-Rkt_Wi-Fi5 keyclear CMCC-Rkt_Wi-Fi5是无线网名称...

编程日记 2025/9/16 3:42:39

RPC 发展史

RPC 发展史 RPC&#xff08;Remote Procedure Call&#xff09;即远程过程调用&#xff0c;随着微服务的兴起&#xff0c;每个服务都拥有自己的数据库&#xff0c;负责各自的模块&#xff0c;例如 keystone&#xff08;认证服务&#xff09;负责用户信息、权限认证的内容&…...

编程日记 2025/9/15 1:39:57

蓝桥杯基础算法-递归

代码简洁&#xff0c;但涉及到的运算&#xff0c;会随着递归层数的增加成指数级增长 路分析&#xff1a;第20行20列位于45度这条线上 这条线上的数字是1 5 13 25 41...两数之差:4 8 12 16 --->每一个都是在前面的基础上4&#xff0c;可以用递归或者循环 public class dem…...

编程日记 2025/9/3 3:55:55

山东大学离散数学第七章习题解析

参考教材&#xff1a;离散数学教程&#xff0c;徐秋亮 / 栾俊峰 / 卢雷 / 王慧 / 赵合计 编著&#xff0c;山东大学计算机科学与技术学院 注&#xff1a;该解析为个人所写&#xff0c;涵盖了 2022-2023-2 学期赵合计老师所布置的所有课本习题&#xff1b;由于学识、认识及经验…...

编程日记 2025/9/9 5:14:56

关于使用python 安装 flask-openapi3扩展，使用docker 环境的完整复盘

在某个时刻 需要运行python 3 flask-openapi3扩展 当前因为服务器为国产化服务器&#xff0c;操作系统版本为麒麟&#xff0c;python 版本为3.7 因为要安装flask-openapi3 包 又因为flask 版本小于2.0 from flask_openapi3 import OpenAPI,Info,Tag目前安装的是 …...

编程日记 2025/9/8 16:55:20

MybatisPlus的一些基本操作

mybatisplus分页 Testvoid testpage(){IPage<User> page new Page<>(1,3); ​userDao.selectPage(page,null);System.out.println("当前页码值&#xff1a;"page.getCurrent());System.out.println("每页显示数&#xff1a;"page.getSize());S…...

编程日记 2025/9/4 16:55:04

debian12安装mysql5.7.42（deb）

安装 官方文档 https://dev.mysql.com/doc/mysql-installation-excerpt/8.0/en/linux-installation-debian.html 上面是8.0的教程&#xff0c;服了我说怎么那么奇怪 5.7官方教程 https://dev.mysql.com/doc/mysql-installation-excerpt/5.7/en/linux-installation-debian.html …...

编程日记 2025/9/18 14:28:23

基于Python脚本实现Flink on YARN任务批量触发Savepoint的实践指南

基于Python脚本实现Flink on YARN任务批量触发Savepoint的实践指南 一、背景与价值 在流计算生产环境中&#xff0c;Flink on YARN的部署方式凭借其资源管理优势被广泛采用。Savepoint作为Flink任务状态的一致性快照&#xff0c;承载着故障恢复、版本升级、作业暂停等重要场景…...

编程日记 2025/9/9 0:47:09

Winform入门进阶企业级开发示例：http接口数据清洗转换、断线续传、mqtt数据传输实例详解(附代码资源下载)

场景 C#/Winform入门、进阶、强化、扩展、知识体系完善等知识点学习、性能优化、源码分析专栏分享: C#/Winform入门、进阶、强化、扩展、知识体系完善等知识点学习、性能优化、源码分析专栏分享_winform 强化学习-CSDN博客 如何将以上相关理论知识学以致用。下面针对Winform…...

编程日记 2025/9/9 1:34:15

PHP开发效率提升利器：通义灵码在VSCode中的应用与技巧

引言 在 PHP 开发领域&#xff0c;提高编码效率和质量是每位开发者追求的目标。通义灵码&#xff0c;作为一款由阿里云技术团队开发的智能编码助手&#xff0c;能够通过其强大的 AI 能力&#xff0c;为 PHP 开发者提供包括代码自动补全、智能注释、代码优化等多方面的支持。本…...

编程日记 2025/9/18 18:54:42

WHAT - React 错误边界处理 - react-error-boundary

目录 安装使用方式常用 Props使用场景 react-error-boundary 是一个由 Brian Vaughn 开发的 React 组件库&#xff0c;用于更方便地处理组件树中的错误&#xff08;错误边界&#xff09;。 阅读参考&#xff1a; React Error Boundariesreact-error-boundary 安装 npm inst…...

编程日记 2025/9/13 14:51:10

数据模型评估的四维黄金法则：从技术验证到业务价值证明

引言&#xff1a;为什么你的数据模型总被质疑&#xff1f; 在滴滴出行的一次核心业务会议上&#xff0c;数据团队与业务部门爆发了激烈争论&#xff1a;新上线的订单预测模型是否真的优于旧系统&#xff1f;数据工程师认为查询速度提升40%已是巨大成功&#xff0c;业务方却质疑…...

编程日记 2025/8/26 7:56:51

vscode ctrl+鼠标左键不能跳转

笔者使用的vscode版本是1.85.2&#xff08;一周前从1.99降下来的&#xff0c;因为版本过高连不上服务器&#xff09;。 使用python时突然发现代码看起来有些别扭&#xff0c;细看之下发现是import xxx语句中的包的颜色从之前的青色变成了现在的白色。再用ctrl左键点击包名试图…...

编程日记 2025/9/16 8:08:25

换动态IP对电脑有什么影响：全面解析与实用指南

在当今数字化时代&#xff0c;IP地址作为网络世界的"身份证"&#xff0c;对我们的网络体验有着重要影响。许多用户出于某些原因&#xff0c;会考虑更换动态IP地址。那么&#xff0c;这种操作究竟会对我们的电脑产生哪些影响&#xff1f;是利大于弊还是弊大于利&#…...

编程日记 2025/8/30 5:23:15

Go语言从零构建SQL数据库(6) - sql解析器(番外)- *号的处理

番外&#xff1a;处理SQL通配符查询 在SQL中&#xff0c;SELECT * FROM table是最基础的查询之一&#xff0c;星号&#xff08;*&#xff09;是一个通配符&#xff0c;表示"选择所有列"。虽然通配符查询看起来简单&#xff0c;但在解析器中需要特殊处理。下面详细介…...

编程日记 2025/9/11 6:33:37

大模型推理引擎选型与应用场景分析：SGLang、Ollama、VLLM 和 LLaMA.cpp

在当下的大模型技术生态中&#xff0c;SGLang、Ollama、VLLM 和 LLaMA.cpp 各具特色&#xff0c;适用于不同的应用场景和用户需求。以下是它们的核心特点及适用场景的深度剖析&#xff1a; 1. SGLang&#xff1a;高性能企业级推理引擎 核心优势&#xff1a; 零开销批处理&…...

编程日记 2025/9/10 5:32:41

参考平面跨分割情况下的信号回流

前言&#xff1a;弄清楚信号的回流路径&#xff0c;是学习EMC和高速的第一步&#xff01; 如果我们不管信号的回流路径&#xff0c;会造成什么后果&#xff1f;1、信号完整性问题&#xff0c;信号的回流路径不连续会导致信号反射、衰减和失真。2、信号衰减和噪声干扰&#xff…...

编程日记 2025/9/3 9:15:25

Vue2下载二进制文件

后端&#xff1a; controller: GetMapping(value "/get-import-template")public void problemTemplate(HttpServletRequest request, HttpServletResponse response) throws Exception {iUserService.problemTemplate(request, response);} service: void probl…...

编程日记 2025/9/11 19:57:03

AnimateCC基础教学:随机抽取花名册,不能重复

一.核心代码: this.btnStartObj.addEventListener("click", switchBtn); this.btnOkObj.addEventListener("click", oKBtn); createjs.Ticker.addEventListener("tick", updateRandom); var _this this; var nameArr ["张三", &quo…...

编程日记 2025/9/20 5:10:05

windows+cmake+vscode+NDK远程调试安卓端C++项目

windowscmakevscodeNDK远程调试安卓端C项目 windowscmakevscodeNDK远程调试安卓端C项目 windowscmakevscodeNDK远程调试安卓端C项目 使用C开发安卓端算法库时&#xff0c;需要使用NDK进行交叉编译。使用NDK编译代码时&#xff0c;需要编写.mk脚本进行代码的编译和链接&#xf…...

编程日记 2025/9/19 7:40:18

大语言模型(LLM)全解析：从原理到实战应用

在人工智能飞速发展的今天&#xff0c;大语言模型(LLM)已成为改变我们工作生活的重要技术。无论是ChatGPT的对话能力&#xff0c;还是DeepSeek的文本处理&#xff0c;背后都离不开LLM的强大支持。本文将用通俗易懂的语言&#xff0c;带您全面了解LLM的工作原理、训练方法、优化…...

编程日记 2025/9/18 22:24:53

Qt 入门 4 之标准对话框

Qt 入门 4 之标准对话框 Qt提供了一些常用的对话框类型,它们全部继承自QDialog类,并增加了自己的特色功能,比如获取颜色、显示特定信息等。下面简单讲解这些对话框,可以在帮助索引中查看Standard Dialogs关键字,也可以直接索引相关类的类名。 本文将以一个新的项目为主介绍不…...

编程日记 2025/9/16 1:11:07

PyTorch DataLoader 参数详解

在使用 PyTorch 的 DataLoader 时&#xff0c;有许多参数可以调整&#xff0c;这些参数能够帮助我们平衡数据加载效率、内存使用和训练过程的稳定性。下面介绍几个常用参数&#xff0c;并讲解它们的作用&#xff1a; dataset 含义&#xff1a; 数据集对象&#xff0c;必须实现 …...

编程日记 2025/9/11 7:19:05

PowerBI 计算时间用EDATE

我在原表基础上&#xff0c;根据日期字段&#xff0c;计算去年时间 CONCATENATEX(DISTINCT(SELECTCOLUMNS(VALUES(日期表),"去年", FORMAT(DATEADD([日期], -1, YEAR), "yyyyMM"))), [YearMonth],",") 我发现很奇怪的现象&#xff0c;假如某个日…...

编程日记 2025/9/13 18:22:42

GRBL运动控制算法（四）加减速运算

前言 在数控系统和运动控制领域&#xff0c;GRBL 作为一款高效、轻量化的开源固件&#xff0c;因其卓越的性能和简洁的架构被广泛应用于各类嵌入式运动控制场景。GRBL加减速算法的实现尤为关键——它直接决定了运动控制的精度、效率与设备稳定性。 本文深入解析加减速运算的核…...

编程日记 2025/9/18 22:36:01

CSS 学习提升网站或者项目

有几个不错的开源项目可以帮助你练习和提升CSS技能&#xff1a; CSS-Tricks CSS-Tricks 提供了很多关于CSS的技巧和教程&#xff0c;可以通过实践它们来提高CSS技能。你可以在CSS-Tricks上找到很多有趣的项目和代码示例。 Frontend Mentor Frontend Mentor 是一个非常适合练习…...

编程日记 2025/9/19 15:42:37

PolarDB 读已提交事务隔离级别 select ... for update, where条件未用索引，查不到数据的时候不会锁表

由于没有给字段设置唯一性&#xff0c;所以改为通过查询语句加锁确保唯一性&#xff0c;但是发现select count(*) 为0时&#xff0c;不会加锁&#xff0c;所以在insert方法后面需要加锁二次查询确保唯一性。 在 PolarDB 的读已提交事务隔离级别下&#xff0c;SELECT ... FOR UP…...

编程日记 2025/9/12 15:20:35

Python基础——Matplotlib库

绘图基础 Matplotlib 库太大&#xff0c;画图通常仅仅使用其中的核心模块 matplotlib.pyplot&#xff0c;并给其一个别名 plt&#xff0c;即 import matplotlib.pyplot as plt。为了使图形在展示时能很好的嵌入到 Jupyter 的 Out[ ] 中&#xff0c;需要使用%matplotlib inline…...

编程日记 2025/9/8 11:54:07

群晖Hyper Backup备份的东西怎么还原？

一、背景 前面写了一篇文章关于群晖NAS中最简单的备份方案&#xff0c;Hyper Backup 方案 群晖NAS最简单的备份教程&#xff08;只备份需要的目录到不同的硬盘&#xff09;&#xff0c;留了个尾&#xff0c;即怎么还原备份的东西&#xff0c;这里完结一下。 二、还原方案 2.…...

编程日记 2025/9/18 17:21:45

记录IBM服务器检测到备份GPT损坏警告排查解决过程

服务器设备&#xff1a;IBM x3550 M4 Server IMM默认IP地址&#xff1a;192.168.70.125 用户名&#xff1a;USERID 密码&#xff1a;PASSW0RD&#xff08;注意是零0&#xff09; 操作系统&#xff1a;Windows Hyper-V Server 2016 IMM Web System Status Warning&#xff1…...

编程日记 2025/9/16 5:22:25

蓝桥杯嵌入式十五届模拟二（串口DMA，占空比的另一种测量方式）

一.LED 先配置LED的八个引脚为GPIO_OutPut&#xff0c;锁存器PD2也是&#xff0c;然后都设置为起始高电平&#xff0c;生成代码时还要去解决引脚冲突问题 二.按键 按键配置&#xff0c;由原理图按键所对引脚要GPIO_Input 生成代码&#xff0c;在文件夹中添加code文件夹&#…...

编程日记 2025/9/20 1:36:45

22 | 如何继续提升 Go 开发技术？

提示&#xff1a; 所有体系课见专栏&#xff1a;Go 项目开发极速入门实战课&#xff1b;欢迎加入 云原生 AI 实战营 星球&#xff0c;12 高质量体系课、20 高质量实战项目助你在 AI 时代建立技术竞争力&#xff08;聚焦于 Go、云原生、AI Infra&#xff09;。 「Go 项目开发极速…...

编程日记 2025/9/18 10:52:08

一文详解OpenCV环境搭建：Windows使用CLion配置OpenCV开发环境

在计算机视觉和图像处理领域&#xff0c;OpenCV 是一个不可或缺的工具。其为开发者提供了一系列广泛的算法和实用工具&#xff0c;支持多种编程语言&#xff0c;并且可以在多个平台上运行。对于希望在其项目中集成先进视觉功能的开发者来说&#xff0c;掌握如何配置和使用OpenC…...

编程日记 2025/9/20 18:45:20

云原生周刊：深入探索 kube-scheduler-simulator

开源项目推荐 mcp-server-kubernetes mcp-server-kubernetes 是一个实现了模型上下文协议&#xff08;MCP&#xff09;的服务器&#xff0c;旨在通过自然语言与 K8s 集群进行交互。它支持连接到 K8s 集群&#xff0c;列出所有 Pod、服务、部署和节点&#xff0c;创建、描述、…...

编程日记 2025/9/18 12:30:50

总结一下常见的EasyExcel面试题

说一下你了解的POI和EasyExcel POI&#xff08;Poor Obfuscation Implementation&#xff09;&#xff1a;它是 Apache 软件基金会的一个开源项目&#xff0c;为 Java 程序提供了读写 Microsoft Office 格式文件的功能&#xff0c;支持如 Excel、Word、PowerPoint 等多种文件格…...

编程日记 2025/9/19 9:47:51

【Java设计模式】第2章 UML急速入门

2-1 本章导航 UML类图与时序图入门 UML定义 统一建模语言（Unified Modeling Language）：第三代非专利建模语言。特点：开放方法，支持可视化构建面向对象系统，涵盖模型、流程、代码等。UML分类（2.2版本） 结构式图形：系统静态建模（类图、对象图、包图）。行为式图形：事…...

编程日记 2025/9/21 7:05:57