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

vue+canvas实现横跨整个页面的动态的波浪线（贝塞尔曲线）

news 2026/5/19 5:16:51

本来写这个特效 我打算用css实现的，结果是一波三折，我太难了，最终没能用css实现，转战了canvas来实现。来吧先看效果图
在这里插入图片描述
当然这个图的波浪高度、频率、位置、速度都是可调的，请根据自己的需求调整，如果你讲波浪什么的调大一下 还有有摆动的效果哦。

以下是完整代码

<template><div><canvas ref="canvas" width="2000" height="300"></canvas

相关文章：

vue+canvas实现横跨整个页面的动态的波浪线（贝塞尔曲线）

本来写这个特效 我打算用css实现的，结果是一波三折，我太难了，最终没能用css实现，转战了canvas来实现。来吧先看效果图 当然这个图的波浪高度、频率、位置、速度都是可调的，请根据自己的需求调整，如果你讲波浪什么的调大一下 还有有摆动的效果哦。 以下是完整代码 <…...

编程日记 2023/11/4 11:34:44

LeetCode算法题解|​ 669. 修剪二叉搜索树​、108. 将有序数组转换为二叉搜索树、​538. 把二叉搜索树转换为累加树​

一、LeetCode 669. 修剪二叉搜索树​ 题目链接&#xff1a;669. 修剪二叉搜索树 题目描述&#xff1a; 给你二叉搜索树的根节点 root &#xff0c;同时给定最小边界low 和最大边界 high。通过修剪二叉搜索树&#xff0c;使得所有节点的值在[low, high]中。修剪树 不应该 改变…...

编程日记 2023/11/4 11:32:42

直播界很火的无线领夹麦克风快充方案 Type-C接口 PD快充+无线麦克风可同时进行

当前市场上流行一款很火的直播神器&#xff0c;无线领夹麦克风&#xff08;MIC&#xff09;&#xff0c;应用于网红直播&#xff0c;网课教学&#xff0c;采访录音&#xff0c;视频录制&#xff0c;视频会议等等场景。 麦克风对我们来说并不陌生&#xff0c;而且品类有很多。随…...

编程日记 2023/11/4 11:31:41

Jmeter 汉化中文语言

找到 bin -> jmeter.propertise 修改参数&#xff1a;languageen --> languagazh_CN OK&#xff01;...

编程日记 2023/11/4 11:30:39

centos9 stream 下 rabbitmq高可用集群搭建及使用

RabbitMQ是一种常用的消息队列系统&#xff0c;可以快速搭建一个高可用的集群环境&#xff0c;以提高系统的弹性和可靠性。下面是搭建RabbitMQ集群的步骤&#xff1a; 基于centos9 stream系统 1. 安装Erlang和RabbitMQ 首先需要在所有节点上安装Erlang和RabbitMQ。建议使用官…...

编程日记 2023/11/4 11:29:38

代码随想录算法训练营第10天|232. 用栈实现队列 225. 用队列实现栈

JAVA代码编写 232. 用栈实现队列 请你仅使用两个栈实现先入先出队列。队列应当支持一般队列支持的所有操作&#xff08;push、pop、peek、empty&#xff09;&#xff1a; 实现 MyQueue 类&#xff1a; void push(int x) 将元素 x 推到队列的末尾int pop() 从队列的开头移除…...

编程日记 2023/11/4 11:28:37

线上Kafka集群如何调整消息存储时间

这里是weihubeats,觉得文章不错可以关注公众号小奏技术&#xff0c;文章首发。拒绝营销号&#xff0c;拒绝标题党 Kafka版本 kafka_2.13-3.5.0 背景 Kafka 默认消息存储时间为7天&#xff0c;实际线上的业务使用Kafka更多的是一些数据统计之类的业务&#xff0c;大多是朝生夕…...

编程日记 2023/11/4 11:27:36

[迁移学习]DA-DETR基于信息融合的自适应检测模型

原文标题为&#xff1a;DA-DETR: Domain Adaptive Detection Transformer with Information Fusion&#xff1b;发表于CVPR2023 一、概述 本文所描述的模型基于DETR&#xff0c;DETR网络是一种基于Transformer的目标检测网络&#xff0c;详细原理可以参见往期文章&#xff1a;…...

编程日记 2023/11/4 11:26:35

【MATLAB】全网唯一的13种信号分解+FFT傅里叶频谱变换联合算法全家桶

有意向获取代码&#xff0c;请转文末观看代码获取方式~ 大家吃一顿火锅的价格便可以拥有13种信号分解FFT傅里叶频谱变换联合算法&#xff0c;绝对不亏&#xff0c;知识付费是现今时代的趋势&#xff0c;而且都是我精心制作的教程&#xff0c;有问题可随时反馈~也可单独获取某一…...

编程日记 2023/11/4 11:25:35

Nginx安装与配置

1.下载安装包 官网下载地址&#xff1a;nginx: download 可以先将安装包下载到本地再传到服务器&#xff0c;或者直接用wget命令将安装包下载到服务器&#xff0c;这里我们直接将安装包下载到服务器上。未安装wget命令的需要先安装wget&#xff0c;yum install -y wget [root…...

编程日记 2023/11/4 11:24:34

linux笔记总结-基本命令

参考&#xff1a; 1.Linux 和Windows比 比较 &#xff08;了解&#xff09; 1. 记住一句经典的话&#xff1a;在 Linux 世界里&#xff0c;一切皆文件 2. Linux目录结构 /lib • 系统开机所需要最基本的动态连接共享库&#xff0c;其作用类似于Windows里的DLL文件。几 乎所有…...

编程日记 2023/11/4 11:23:33

[PHP]禅道项目管理软件ZenTaoPMS源码包 v16.4

禅道项目管理软件ZenTaoPMS一键安装包是一款国产的开源项目管理软件。它集产品管理、项目管理、质量管理、文档管理、组织管理和事务管理于一体&#xff0c;是一款专业的研发项目管理软件&#xff0c;完整地覆盖了项目管理的核心流程。注重实效的管理思想&#xff0c;合理的软件…...

编程日记 2023/11/4 11:22:31

Required String parameter ‘name‘ is not present

[org.springframework.web.bind.MissingServletRequestParameterException: Required String parameter name is not present] 服务端有参数name&#xff0c;客户端没有传上来...

编程日记 2023/11/4 11:20:29

路由器基础（五）： OSPF原理与配置

开放式最短路径优先 (Open Shortest Path First,OSPF) 是一个内部网关协议 (Interior Gateway Protocol,IGP),用于在单一自治系统(Autonomous System,AS) 内决策路由。OSPF 适合小型、中型、较大规模网络。OSPF 采用Dijkstra的最短路径优先算法 (Shortest Pat…...

编程日记 2023/11/4 11:19:28

Leetcode1128. 等价多米诺骨牌对的数量

Every day a Leetcode 题目来源&#xff1a;1128. 等价多米诺骨牌对的数量 解法1&#xff1a;暴力 代码&#xff1a; class Solution { public:int numEquivDominoPairs(vector<vector<int>> &dominoes){int n dominoes.size(), count 0;for (int i 0;…...

编程日记 2023/11/4 11:18:28

Dev-C调试的基本方法2-2

3.3 跳出函数 在图6所示的状态下&#xff0c;点击单步调试&#xff08;F7&#xff09;会继续调试下一行&#xff0c;而如果想结束在函数中的调试&#xff0c;则点击图4③所示的跳出函数&#xff0c;或CtrlF8按键跳出f()函数&#xff0c;程序将会停在图5所示的第11行处。 3.4 …...

编程日记 2023/11/4 11:17:27

企业之间的竞争，ISO三体系认证至关重要！

ISO三体系认证是指ISO 9001质量管理体系认证、ISO 14001环境管理体系认证、ISO 45001(OHSAS18001)职业健康安全管理体系认证。企业&#xff08;组织&#xff09;自愿申请、通过ISO三体系认证&#xff0c;并贯彻落实&#xff0c;确实能获益多多。 ISO 9001质量管理体系 我们经…...

编程日记 2023/11/4 11:16:26

node教程(四)Mongodb+mongoose

文章目录 一、mongodb1.简介1.1Mongodb是什么&#xff1f;1.2数据库是什么&#xff1f;1.3数据库的作用1.4数据库管理数据的特点 2.核心概念3.下载安装与启动4.命令行交互4.1数据库命令4.3文档命令 二、Mongoose1.介绍2.作用3.使用流程4.插入文档5.mongoose字段类型 一、mongod…...

编程日记 2023/11/4 11:14:23

作为一个初学者，该如何入门大模型？

在生成式 AI 盛行的当下&#xff0c;你是否被这种技术所折服&#xff0c;例如输入一段简简单单的文字&#xff0c;转眼之间&#xff0c;一幅精美的图片&#xff0c;又或者是文笔流畅的文字就展现在你的面前。 相信很多人有这种想法&#xff0c;认为生成式 AI 深不可测&#xf…...

编程日记 2023/11/4 11:13:20

编译支持GPU的opencv，并供python的import cv2调用

下载opencv和opencv_contrib&#xff0c;cmake过程中要下载的一些包可以手动下载配置&#xff0c;如果网络较好&#xff0c;也可以等待自动下载。主要记录的是cmake命令&#xff1a; cmake -D CMAKE_BUILD_TYPERELEASE \-D BUILD_opencv_python3YES \-D CMAKE_INSTALL_PREFIX/…...

编程日记 2023/11/4 11:12:19

从一次Keycloak弱口令通报说起：微服务架构下的密码管理‘避坑’全指南（附Docker Compose配置）

微服务架构下的密码安全实践&#xff1a;从Keycloak弱口令到全局防护体系 1. 当安全工具成为攻击入口&#xff1a;一次真实事件复盘 去年某科技公司的运维团队收到了一份来自监管部门的网络安全通报——部署在公有云上的Keycloak服务遭到境外IP爆破攻击。攻击者仅用"admin…...

编程新知 2026/5/19 5:08:55

Redis如何限制客户端输出缓冲区的过度膨胀.txt

...

编程新知 2026/5/19 4:21:00

开发者效率工具集claw：从Unix哲学到现代开发工作流集成

1. 项目概述&#xff1a;一个为开发者打造的“瑞士军刀”式工具集最近在GitHub上闲逛&#xff0c;发现了一个名为opsyhq/claw的项目&#xff0c;它的名字和图标&#xff08;一个爪子&#xff09;一下子就抓住了我的眼球。点进去一看&#xff0c;简介很简单&#xff1a;“A coll…...

编程新知 2026/5/19 3:40:39

别再只会点Run了！深度解读Calibre DRC/LVS/PEX那些容易被忽略的配置项

别再只会点Run了&#xff01;深度解读Calibre DRC/LVS/PEX那些容易被忽略的配置项 在芯片设计验证领域&#xff0c;Calibre工具链早已成为行业标准&#xff0c;但许多工程师对其功能的理解仍停留在"Run DRC/LVS/PEX"的基础操作层面。当面对复杂设计时&#xff0c;这种…...

编程新知 2026/5/19 2:58:08

第一章：项目概述与环境搭建

第一章&#xff1a;项目概述与环境搭建 本文将带你从零开始认识 MyFirstCompose 项目&#xff0c;了解其整体架构与技术选型。 1.1 项目简介 MyFirstCompose 是一个基于 Jetpack Compose 开发的入门级 Android 应用&#xff0c;采用 单 Activity MVVM Repository 架构模式。…...

编程新知 2026/5/19 2:43:11

MySQL 跑得稳不稳，Prometheus 得能抓到这个数据才能说清楚

前言 数据库出问题的时候&#xff0c;最怕的不是故障本身&#xff0c;而是故障发生了却没人知道&#xff0c;等用户反馈过来才去翻日志&#xff0c;慢了不止一拍。 MySQL 本身有一些状态变量能反映运行状况——连接数、QPS、缓冲池命中率、慢查询数量——但这些数据要么存着没…...

编程新知 2026/5/19 2:18:56

我给 Codex 加上 Superpowers 和 OpenSpec 后，才开始真正理解 AI Coding 工作流

上一篇我写了 Codex 怎么参与 Good Plan 的开发过程。 那篇文章里&#xff0c;我真正想说的不是“Codex 帮我写了多少代码”&#xff0c;而是另一个感受&#xff1a;AI coding 真的进入项目以后&#xff0c;最考验人的地方&#xff0c;往往不是写代码本身&#xff0c;而是问题…...

编程新知 2026/5/19 2:05:19

终极ncmdump使用指南：3步解锁网易云NCM加密音乐，实现跨平台自由播放

终极ncmdump使用指南&#xff1a;3步解锁网易云NCM加密音乐&#xff0c;实现跨平台自由播放 【免费下载链接】ncmdump 项目地址: https://gitcode.com/gh_mirrors/ncmd/ncmdump 你是否曾为网易云音乐下载的NCM格式文件无法在其他设备播放而烦恼&#xff1f;ncmdump作为…...

编程新知 2026/5/19 1:29:44

终极指南：BG3 Mod Manager让你的《博德之门3》模组管理变得简单高效

终极指南&#xff1a;BG3 Mod Manager让你的《博德之门3》模组管理变得简单高效 【免费下载链接】BG3ModManager A mod manager for Baldurs Gate 3. This is the only official source! 项目地址: https://gitcode.com/gh_mirrors/bg/BG3ModManager 你是否曾经因为《博…...

编程新知 2026/5/19 0:24:16

写论文缺参考文献？教你一招最快的反向查文献

写文献综述、毕业论文、科研报告时&#xff0c;你是不是也常遇到这些难题&#xff1a;观点明明写得很清楚&#xff0c;却找不到权威文献支撑&#xff1b;文献综述凑不够篇幅&#xff0c;论据来源不充分&#xff1b;逐篇翻数据库筛选文献太耗时&#xff0c;引文格式排版还总出错…...

编程新知 2026/5/19 0:03:26