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

微信小程序模仿快播标签云滚动特效

news 来源：原创 2025/9/18 9:58:18

         说到快播，故事肯定就不少。用过的人都知道快播首页有个标签云的特效效果，就是渐隐渐显外加上下滚动，其实还挺好看的。至于其他故事嘛，因为没有酒，所以，还是来说说代码吧~

        一开始不是做这个特效需求，但因为在找资料的时候看到了。所以就有了兴趣，再翻了翻，先人们做的都是JQ或者原生的，貌似没有小程序端的呀。本着吃饱了撑的，就看了看部分源码，大概思路就是不断更改Style，给人一种错觉以为是动画效果。（虽然用animation也可以做，但用js肯定相对会容易点啦）

        伪3D加强版标签云特效请移步到我另一篇博客：  微信小程序仿快播标签词云滚动特效加强3D版 - 爱上大树的小猪 - 博客园

        好了，话也不多说，毕竟都说程序猿挚爱是Code，直接上代码吧。肯定是有可以优化的地方的，如果你们路过有兴趣留下“到此一游”的代码建议，先对你们说声谢谢

效果图

WXML

<view class="container">  <view id="tagscloud">    <text wx:for="{{tagEle}}" wx:key="{{index}}" class="{{index  % 2 ? 'tagc2' : index % 3 ? 'tagc5' : 'tagc1'}}" id="tag{{index+1}}" style="opacity:{{item.opacity}};top: {{item.top}};left: {{item.left}}; z-index: {{item.zIndex}};">{{item.title}}</text>  </view>
</view>

WXSS

page {  width: 100%;  height: 100%;}
#tagscloud {  width: 700rpx;  height: 520rpx;  position: relative;  top: 40rpx;  left: 10%;  font-size: 24rpx;  color: #333;  text-align: center;}
#tagscloud text {  position: absolute;  top: 0rpx;  left: 0rpx;  color: #333;  font-family: Arial;  text-decoration: none;  margin: 0 20rpx 30rpx 0;  line-height: 36rpx;  text-align: center;  font-size: 28rpx;  padding: 5rpx 10rpx;  display: inline-block;  border-radius: 6rpx;}
#tagscloud text.tagc1 {  background: #666;  color: #fff;}
#tagscloud text.tagc2 {  background: #f16e50;  color: #fff;}
#tagscloud text.tagc5 {  background: #006633;  color: #fff;}

JS

Page({  data: {    tagEle: [],  },  onLoad: function (options) {    let mcList = [] // 存储计算列表数据数组    let dtr = Math.PI / 180 // 计算圆周长值    let tagEle = ['编程之道', '金林苑', '互联网', '金林苑', '资源共享', '2017', '我哦我', '是会计法', '数据开放啦睡觉', '的发夹撒放假了深刻的肌肤', '上看风景', '上看风景', '编程之道', '金林苑', '互联网'] // 标签显示数据    this.setData({ // 赋值给到页面元素渲染      tagEle: tagEle    })   for (let i = 1; i < this.data.tagEle.length + 1; i++) { // 循环遍历要展示的标签数组      let query = wx.createSelectorQuery() // 小程序API获得组件对象      query.select(`#tag${i}`).boundingClientRect(rect => { // 使用选择器获得每个id元素的高宽值        mcList.push({          offsetWidth: rect.width, // 当前id元素的宽度          offsetHeight: rect.height // 当前id元素的高度        })      }).exec()    }    // 这里设置定时器是由于上面在获取元素高宽值是异步请求，防止数据未获取串码。需要可以改为同步，这里暂时没处理    setTimeout(() => {      // 这里是处理每个元素一开始所在的坐标值，即left和top值      for (let i = 0; i < mcList.length; i++) {        let phi = Math.acos(-1 + (2 * (i + 1) - 1) / mcList.length) // 根据数组长度计算各元素反余弦值        let theta = Math.sqrt(mcList.length * Math.PI) * phi // 根据数组长度计算各元素平方根值        // 以下为坐标初步计算（用以变化）        mcList[i].cx = Math.random() * 220 + 90 * Math.cos(theta) * Math.sin(phi)        // cx代表各元素一开始所在向左left绝对定位的距离，计算cos和sin值是为细节偏差考虑。Math.random()让每次进        mcList[i].cy = Math.random() * 20 + 90 * Math.sin(theta) * Math.sin(phi)        // cy代表各元素一开始所在向上top绝对定位的距离，详情如上        mcList[i].cz = 180 * Math.cos(phi)        // cz作用是用来后续计算控制元素位置的，可以尝试更改乘数值，相信你会看到效果      }      setInterval(() => {        let speed = (Math.min(Math.max(-10, -200), 200) / 90) * 11 // 计算最小值，乘数11越大元素速度越        if (Math.abs(speed) <= 0.01) { // 计算绝对值，若小于0.01即return。细节问题可忽略          return;        }        let sin = Math.sin(speed * dtr) // 计算正弦值        let cos = Math.cos(speed * dtr) // 计算余弦值        for (let i = 0; i < mcList.length; i++) {          let rz1 = mcList[i].cy * sin + mcList[i].cz * cos  // 计算前置数据          let rx2 = mcList[i].cx * 1 + rz1 * 0 // 计算前置数据          let ry2 = mcList[i].cy * cos + mcList[i].cz * (-sin) // 计算前置数据          mcList[i].cy = rx2 * 0 + ry2  // 计算cy值用以后面计算赋值top          mcList[i].cz = (rx2 + ry2 * (-0)) * (-0) + rz1 * 1 // 计算cz值用以后面计算赋值top          let alpha = 200 / (200 + mcList[i].cz) // 计算前置alpha          alpha = (alpha - 0.6) * (10 / 6)  // 计算前置alpha          mcList[i].alpha = alpha * alpha * alpha - 0.2 // 计算alpha用以后面计算赋值opacity          mcList[i].zIndex = Math.ceil(100 - Math.floor(mcList[i].cz)) // 计算zIndex用以后面计算赋值z-index        }        let styleList = [] // 存储完整渲染列表文字和样式结构        for (let i = 0; i < mcList.length; i++) {          styleList.push({            title: tagEle[i],            left: mcList[i].cx + 125 - mcList[i].offsetWidth / 2 + 'rpx',  // 125越大，则距离左边越远            top: mcList[i].cy + 130 - mcList[i].offsetHeight / 2 + 'rpx', // 130越大，则距离上边越远            zIndex: mcList[i].zIndex, // z-index值            opacity: mcList[i].alpha,  // opacity值          })        }        this.setData({ // 赋值给到页面渲染          tagEle: styleList        })      }, 60) // 每60毫秒执行一次，时间越短速度越快    }, 300)  }
});

以上就是全部代码，可以直接赋值到你的文件里面然后在开发者工具运行。有好的建议请不要吝啬～来自一只前端伪程序猿

End（转载请注明出处）

相关文章：

微信小程序模仿快播标签云滚动特效

说到快播&#xff0c;故事肯定就不少。用过的人都知道快播首页有个标签云的特效效果&#xff0c;就是渐隐渐显外加上下滚动&#xff0c;其实还挺好看的。至于其他故事嘛&#xff0c;因为没有酒&#xff0c;所以&#xff0c;还是来说说代码吧~ 一开始不是做这个特效需求&#xf…...

编程日记 2025/9/18 9:58:18

XUnity.AutoTranslator-deepseek——调用腾讯的DeepSeek V3 API，实现Unity游戏中日文文本的自动翻译

XUnity.AutoTranslator-deepseek 本项目通过调用腾讯的DeepSeek V3 API&#xff0c;实现Unity游戏中日文文本的自动翻译。 准备工作 1. 获取API密钥 访问腾讯云API控制台申请DeepSeek的API密钥&#xff08;限时免费&#xff09;。也可以使用其他平台提供的DeepSeek API。 …...

编程日记 2025/9/13 22:21:34

对比机器学习揭示了跨物种共享与特异性的脑功能结构|文献速递-医学影像人工智能进展

Title 题目 Contrastive machine learning reveals species -shared and -specific brainfunctional architecture 对比机器学习揭示了跨物种共享与特异性的脑功能结构 01 文献速递介绍 猕猴作为人类的动物模型&#xff0c;广泛用于研究大脑和行为的关键方面&#xff08;G…...

编程日记 2025/9/13 22:21:32

Vue 和 React 响应式的区别

React 和 Vue 在响应式机制上的核心区别主要体现在数据变化侦测方式、更新触发逻辑和设计理念上&#xff0c;具体如下&#xff1a; 一、数据变化侦测方式 Vue 的响应式 原理&#xff1a;通过 Proxy&#xff08;Vue3&#xff09;或 Object.defineProperty&#xff08;Vue2&#…...

编程日记 2025/9/12 22:30:00

MySQL主从架构

MySQL主从架构 MySQL REPLICATION 在实际生产环境中&#xff0c;如果对数据库的读和写都在一个数据库服务器中操作。无论是在安全性、高可用性&#xff0c;还是高并发等各个方面都是完全不能满足实际需求的&#xff0c;因此&#xff0c;一般来说都是通过主从复制&#xff08;…...

编程日记 2025/9/15 0:53:22

基于ros2与gazebo的导航仿真案例

文章目录 前言操作1、创建docker容器2、安装ROS23、Gazebo安装4、Nav2安装5、测试 前言 导航的入门小案例 参考&#xff1a; Ubuntu24.04 ROS2 Jazzy Gazebo Harmonic安装教程Docs / Gazebo Harmonic 注意选择版本 ROS 2 documentation 操作 1、创建docker容器 sudo docke…...

编程日记 2025/9/13 22:21:27

《Python实战进阶》专栏 No.3：Django 项目结构解析与入门DEMO

《Python实战进阶》专栏 第3集&#xff1a;Django 项目结构解析与入门DEMO 在本集中&#xff0c;我们将深入探讨 Django 的项目结构&#xff0c;并实际配置并运行一个入门DEMO博客网站&#xff0c;帮助你在 Web 开发中更高效地使用 Django。Django 是一个功能强大的 Python Web…...

编程日记 2025/9/16 1:38:34

基于WebGIS技术的校园地图导航系统架构与核心功能设计

本文专为IT技术人员、地理信息系统&#xff08;GIS&#xff09;开发者、智慧校园解决方案架构师及相关领域的专业人士撰写。本文提出了一套基于WebGIS技术的校园地图导航系统构建与优化方案&#xff0c;旨在为用户提供高效、智能、个性化的导航体验。如需获取校园地图导航系统技…...

编程日记 2025/9/13 7:32:27

开源且免费的CMS系统有哪几个可以放心用？

既开源又免费的两全其美的CMS不多见&#xff0c;不过总会存在一些个例&#xff0c;给用户们带来更具有建设性的选择&#xff0c;以下是一些开源免费且值得信赖的CMS系统&#xff0c;可以根据你的需求选择合适的平台&#xff1a; 1、WordPress ▷ 特点&#xff1a;全球最流行的…...

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

逻辑架构与软件架构在PREEvision中的设计关系

1 Introduction 在如今汽车电子系统的开发过程中&#xff0c;系统架构设计是至关重要的环节。无论是汽车控制系统、信息娱乐系统&#xff0c;还是电动驱动系统&#xff0c;架构设计都决定了整个系统的功能、性能以及后期的可维护性和可扩展性。 在往期文章中&#xff0c;我们…...

编程日记 2025/9/13 20:46:53

DeepSeek vs ChatGPT：AI 领域的华山论剑，谁主沉浮？

一、引言 在当今科技飞速发展的时代&#xff0c;人工智能&#xff08;AI&#xff09;已然成为推动各领域变革的核心力量。而在人工智能的众多分支中&#xff0c;自然语言处理&#xff08;NLP&#xff09;因其与人类日常交流和信息处理的紧密联系&#xff0c;成为了最受瞩目的领…...

编程日记 2025/9/13 20:46:51

现场可以通过手机或者pad实时拍照上传到大屏幕的照片墙现场大屏电子照片墙功能

现场可以通过手机或者pad实时拍照上传到大屏幕的照片墙现场大屏电子照片墙功能&#xff0c;每个人都可以通过手机实时拍照上传到大屏幕上,同时还可以发布留言内容&#xff0c;屏幕上会同步滚动播放展示所有人的照片和留言。相比校传统的照片直播功能更加灵活方便&#xff0c;而…...

编程日记 2025/9/13 20:46:49

AF3 _process_single_hit 函数解读

AlphaFold3 中templates模块的_process_single_hit函数处理单个 HHsearch 比对的模板 TemplateHit，并从相应的 mmCIF 文件中提取模板特征，返回包含模板位置信息、比对质量等特征的 SingleHitResult 对象。它是 AlphaFold3 在模板模块中生成模板特征结构输入的重要步骤。 源代…...

编程日记 2025/9/15 6:52:20

go 模块管理

go version 查看版本 go version go1.21.12 windows/amd64 需要保证：go的版本升级为1.11以上，go mod依赖的最底版本 go env 查看go的环境变量 go env 开启go mod # 标识开启go的模块管理 set GO111MODULE=on GO111MODULE有三个值：off, on和auto（默认值）。 GO111M…...

编程日记 2025/9/13 20:35:28

23种设计模式 - 命令模式

模式定义 命令模式&#xff08;Command Pattern&#xff09;是一种行为型设计模式&#xff0c;它将请求封装为独立对象&#xff0c;使请求的发送者与接收者解耦。通过将操作抽象为命令对象&#xff0c;支持命令的存储、传递、撤销和重做&#xff0c;增强系统的灵活性和可扩展性…...

编程日记 2025/9/15 17:41:25

php-fpm

摘要 php-fpm(fastcgi process manager)是PHP 的FastCGI管理器&#xff0c;管理PHP的FastCGI进程&#xff0c;提升PHP应用的性能和稳定性 php-fpm是一个高性能的php FastCGI管理器&#xff0c;提供了更好的php进程管理方式&#xff0c;可以有效的控制内存和进程&#xff0c;支…...

编程日记 2025/9/13 20:46:40

Visual Studio 2022配置网址参考

代码格式化和清理冗余代码选项的配置&#xff1a; 代码样式选项和代码清理 - Visual Studio (Windows) | Microsoft Learn 调试时传递参数&#xff1a; 调试时传递命令行参数&#xff08;C&#xff09; - Visual Studio (Windows) | Microsoft Learn...

编程日记 2025/9/13 20:46:38

【含文档+PPT+源码】基于Django的新闻推荐系统的设计与实现

项目介绍 本课程演示的是一款基于Django的新闻推荐系统的设计与实现&#xff0c;主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的 Python学习者。 1.包含&#xff1a;项目源码、项目文档、数据库脚本、软件工具等所有资料 2.带你从零开始部署运行本套系统 3.…...

编程日记 2025/9/13 20:46:36

2025年02月21日Github流行趋势

项目名称&#xff1a;source-sdk-2013 项目地址url&#xff1a;https://github.com/ValveSoftware/source-sdk-2013项目语言&#xff1a;C历史star数&#xff1a;7343今日star数&#xff1a;929项目维护者&#xff1a;JoeLudwig, jorgenpt, narendraumate, sortie, alanedwarde…...

编程日记 2025/9/13 20:46:34

后端开发：开启技术世界的新大门

在互联网的广阔天地中&#xff0c;后端开发宛如一座大厦的基石&#xff0c;虽不直接与用户 “面对面” 交流&#xff0c;却默默地支撑着整个互联网产品的稳定运行。它是服务器端编程的核心领域&#xff0c;负责处理数据、执行业务逻辑以及与数据库和其他后端服务进行交互。在当…...

编程日记 2025/9/15 3:46:56

Apache Doris 实现毫秒级查询响应

1. 引言 1.1 数据分析的重要性 随着大数据时代的到来，企业对实时数据分析的需求日益增长。快速、准确地获取数据洞察成为企业在竞争中脱颖而出的关键。传统的数据库系统在处理大规模数据时往往面临性能瓶颈，难以满足实时分析的需求。例如，一个电商公司需要实时监控销售数据…...

编程日记 2025/9/13 20:46:30

【Python项目】基于Python的语音数据及标注核对审核系统

【Python项目】基于Python的语音数据及标注核对审核系统 技术简介&#xff1a; 采用Python技术、MySQL数据库、Django框架等实现。 系统简介&#xff1a; 语音数据及标注核对审核系统是一个基于B/S架构的语音数据处理平台&#xff0c;旨在通过自动化的方式对语音数据进行标…...

编程日记 2025/9/13 20:46:28

路由基本配置

学习目标 • 根据拓扑图进行网络布线。 • 清除启动配置并将路由器重新加载为默认状态。 • 在路由器上执行基本配置任务。 • 配置并激活以太网接口。 • 测试并检验配置。 • 思考网络实施方案并整理成文档。 任务 1&#xff1a;网络布线 使用适当的电缆类型连接网络设备。…...

编程日记 2025/9/13 20:46:26

从WebRTC到EasyRTC：嵌入式适配的视频通话SDK实现低延迟、高稳定性音视频通信

WebRTC最初是为浏览器之间的实时通信设计的&#xff0c;其资源需求和复杂性可能对嵌入式设备的性能提出较高要求&#xff0c;因此在嵌入式系统中应用时面临一些挑战&#xff1a; 1&#xff09;资源消耗较高 CPU和内存占用&#xff1a;WebRTC是一个功能强大的实时通信框架&…...

编程日记 2025/9/13 20:46:25

【Blender】二、建模篇--05，阵列修改器与晶格形变

阵列修改器是bender里面一个比较常用的修改器，所以我们单独开口来讲，我们会先从几片树叶出发，然后我们用阵列修改器把这几片树叶变成这样的造型和这样的造型。这两个造型分别就代表着阵列修改器最常用的两种偏移方法，我们现在就开始我们先来做几个树叶。 1.树叶建模 首先…...

编程日记 2025/9/13 20:46:22

Python爬虫实战：获取12306特定日期、城市车票信息，并做数据分析以供出行参考

注意：以下内容仅供技术研究，请遵守目标网站的robots.txt规定，控制请求频率避免对目标服务器造成过大压力！ 1. 核心思路 需求：获取明天（2025 年 2 月 21 日）从北京到上海的车次、票价、出发时间、硬卧二等卧信息，并保存到 CSV 文件，然后分析出价格最低的 10 趟车次。目…...

编程日记 2025/9/13 20:46:20

C++ 设计模式-策略模式

支付策略 #include <iostream> #include <memory> #include <unordered_map> #include <vector> #include <ctime>// 基础策略接口 class PaymentStrategy { public:virtual ~PaymentStrategy() default;virtual std::string name() const 0;…...

编程日记 2025/9/13 20:46:18

数据结构：哈希表（unordered_map）

unordered_map 是 C 标准库中的一种哈希表实现&#xff0c;它提供了基于键值对&#xff08;key-value&#xff09;的存储&#xff0c;提供了常数时间复杂度的查找、插入和删除键值对的操作。 初始化代码示例&#xff1a; #include <unordered_map> using namespace std…...

编程日记 2025/9/13 20:46:16

鸿蒙-自定义布局-实现一个可限制行数的-Flex

文章目录 前提onMeasureSizeselfLayoutInfoconstraintchildren onPlaceChildren 实现思路属性准备测量组件布局小结 刷新 千呼万唤始出来的自定义布局功能终于可以用了&#xff0c;这就给了我们更多自由发挥创造的空间&#xff0c;不再局限于使用已有组件做组合。当然&#xff…...

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

安装可视化jar包部署平台JarManage

一、下载 下载地址&#xff1a;JarManage 发行版 - Gitee.com &#x1f692; 下载 最新发行版 下载zip的里面linux和windows版本都有 二、运行 上传到服务器&#xff0c;解压进入目录 &#x1f69a; 执行java -jar jarmanage-depoly.jar 命令运行 java -jar jarmanage-dep…...

编程日记 2025/9/13 20:46:12

1、Window Android 13模拟器 将编译的映像文件导入Android Studio

1、环境准备 编译环境&#xff1a;Ubuntu-18.04.5编译版本&#xff1a;android13-release下载地址&#xff1a;清华大学开源软件镜像站AOSP # 下载repo # 同步代码&#xff1a;repo init -u https://mirrors.tuna.tsinghua.edu.cn/git/AOSP/platform/manifest -b android13-r…...

编程日记 2025/9/13 20:46:10

力扣27. 移除元素（快慢指针）

Problem: 27. 移除元素 文章目录 题目描述思路Code 题目描述 思路 定义快慢指针均指向数组起始位置&#xff0c;当fast指针指向的元素不等于val时将fast指针指向的元素赋值给slow并让slow指针向前移动&#xff0c;fast指针一直向前移动 时间复杂度: O ( n ) O(n) O(n); 空间复杂…...

编程日记 2025/9/14 9:33:00

Unity学习part4

1、ui界面的基础使用 ui可以在2d和矩形工具界面下操作&#xff0c;更方便&#xff0c;画布与游戏窗口的比例一般默认相同 如图所示&#xff0c;图片在画布上显示的位置和在游戏窗口上显示的位置是相同的 渲染模式&#xff1a;屏幕空间--覆盖&#xff0c;指画布覆盖在游戏物体渲…...

编程日记 2025/9/13 20:46:06

前端面试之Flex布局：核心机制与高频考点全解析

目录 引言&#xff1a;弹性布局的降维打击 一、Flex布局的本质认知 1. 两大核心维度 2. 容器与项目的权力边界 二、容器属性深度剖析 1. 主轴控制三剑客 2. 交叉轴对齐黑科技 三、项目属性关键要点 1. flex复合属性解密 2. 项目排序魔法 四、六大高频面试场景 1. 经…...

编程日记 2025/9/17 13:17:30

关系数据理论

一、函数依赖 若t1(X)t2(X),必有t1(Y)t2(Y),那么我们称属性组X函数确定属性组Y&#xff0c;或者说Y函数依赖于X。记为X->Y&#xff0c;其中X叫决定因素&#xff0c;Y叫依赖因素。 平凡函数依赖与非平凡函数依赖&#xff1a; 二、1-BCNF 评价关系模式“好坏”的理论标准就…...

编程日记 2025/9/16 8:10:05

低代码与开发框架的一些整合[2]

1.分析的项目资源说明 经过近期的的不断分析与运行对比&#xff0c;最终把注意力集中在了以下几个框架&#xff1a; 01.dibootdiboot.diboot: 写的更少, 性能更好 -> 为开发人员打造的低代码开发平台。Mybatis-plus关联查询&#xff0c;关联无SQL&#xff0c;性能高10倍&a…...

编程日记 2025/9/14 0:28:31

网络空间安全（1）web应用程序的发展历程

前言 Web应用程序的发展历程是一部技术创新与社会变革交织的长卷&#xff0c;从简单的文档共享系统到如今复杂、交互式、数据驱动的平台&#xff0c;经历了多个重要阶段。 一、起源与初期发展&#xff08;1989-1995年&#xff09; Web的诞生&#xff1a; 1989年&#xff0c;欧洲…...

编程日记 2025/9/14 0:28:29

Android 之 AIDL for HAL

Android AIDL for HAL 的作用与实现 作用&#xff1a; Android AIDL for HAL&#xff08;Android Interface Definition Language for Hardware Abstraction Layer&#xff09;旨在统一 HAL 开发接口&#xff0c;替代 HIDL&#xff08;Hardware Interface Definition Language…...

编程日记 2025/9/14 0:28:27

Python爬虫基础文件操作

文件操作 引言 爬虫爬取的一切内容都是在内存进行的&#xff0c;这样会有什么问题吗&#xff1f;如果一旦短电或着发生意外电脑关机了那么你的工作成果将瞬间消失。所以&#xff0c;我们还缺少数据在本地文件系统进行持久化的能力&#xff0c;简单的来说就是文件读写操作。文…...

编程日记 2025/9/14 0:28:26

OpenGauss MySQL兼容库迁移

OpenGauss 提供了从MySQL到OG的迁移工具&#xff0c;虽然安装在起来及其繁琐&#xff0c;也不怎么好用&#xff0c;不过我现在需要的是&#xff0c;从MySQL到OG的MySQL兼容库&#xff0c;可以理解成从MySQL到MySQL的迁移。 但是很不幸的是&#xff0c;OG的MySQL的兼容模式&…...

编程日记 2025/9/14 0:28:24

SOME/IP--协议英文原文讲解10

前言 SOME/IP协议越来越多的用于汽车电子行业中&#xff0c;关于协议详细完全的中文资料却没有&#xff0c;所以我将结合工作经验并对照英文原版协议做一系列的文章。基本分三大块&#xff1a; 1. SOME/IP协议讲解 2. SOME/IP-SD协议讲解 3. python/C举例调试讲解 4.2.2 Req…...

编程日记 2025/9/14 13:32:34

linux shell 当命令执行出现错误立即退出的方法

在 Linux 脚本中&#xff0c;如果你想在整个脚本执行完毕后检查是否有错误发生&#xff0c;可以通过以下几种方式实现&#xff1a; 1. 使用 $? 检查上一条命令的退出状态 每个命令执行后&#xff0c;Shell 会将其退出状态存储在特殊变量 $? 中。$? 的值为 0 表示成功&#…...

编程日记 2025/9/14 0:28:21

Moonshot AI 新突破：MoBA 为大语言模型长文本处理提效论文速读

前言 在自然语言处理领域&#xff0c;随着大语言模型&#xff08;LLMs&#xff09;不断拓展其阅读、理解和生成文本的能力&#xff0c;如何高效处理长文本成为一项关键挑战。近日&#xff0c;Moonshot AI Research 联合清华大学、浙江大学的研究人员提出了一种创新方法 —— 混…...

编程日记 2025/9/15 0:53:23

vue2 和 vue3 中 computer 计算属性的用法

Vue 2 中的 computed 在 Vue 2 中&#xff0c;计算属性是响应式的&#xff0c;并且基于 getter 进行缓存&#xff0c;只有依赖的响应式数据发生变化时才会重新计算。 基本用法 <template><div><p>原始消息&#xff1a;{{ message }}</p><p>反…...

编程日记 2025/9/15 21:20:53

Python爬虫入门到精通：从零开始的数据采集之旅

一、网络世界的"小蜘蛛"：什么是爬虫？ 想象一下，你是一只勤劳的小蜘蛛，每天在互联网这张巨大的网上爬来爬去。你不需要自己织网，只需要顺着别人织好的网络路径，把有价值的信息收集到自己的小篮子里。这就是爬虫最形象的比喻——一个自动化的信息采集程序。 Py…...

编程日记 2025/9/14 0:28:17

Python+Selenium+Pytest+POM自动化测试框架封装

&#x1f345; 点击文末小卡片 &#xff0c;免费获取软件测试全套资料&#xff0c;资料在手&#xff0c;涨薪更快 1、测试框架简介 1&#xff09;测试框架的优点 代码复用率高&#xff0c;如果不使用框架的话&#xff0c;代码会显得很冗余。可以组装日志、报告、邮件等一些高…...

编程日记 2025/9/17 15:16:24

【JMeter使用-2】JMeter中Java Request采样器的使用指南

Apache JMeter 是一款功能强大的性能测试工具&#xff0c;支持多种协议和测试场景。除了内置的采样器&#xff08;如HTTP请求、FTP请求等&#xff09;&#xff0c;JMeter还允许通过 Java Request采样器 调用自定义的Java代码&#xff0c;从而实现更复杂的测试逻辑。本文将详细介…...

编程日记 2025/9/17 7:17:23

IntelliJ IDEA中Maven配置全指南

一、环境准备与基础配置 1.1 Windows 环境下载并配置 Maven 见此篇博文&#xff1a;环境配置 1.2 IDEA配置步骤 打开设置面板&#xff1a;File → Settings → Build → Build Tools → Maven 关键配置项&#xff1a; Maven home path E:\apache-maven-3.9.9 &#xff08;…...

编程日记 2025/9/15 16:11:17

自学Java-AI结合GUI开发一个石头迷阵的游戏

自学Java-AI结合GUI开发一个石头迷阵的游戏 准备环节1、创建石头迷阵的界面2、打乱顺序3、控制上下左右移动4、判断是否通关5、统计移动步骤&#xff0c;重启游戏6、拓展问题 准备环节 技术&#xff1a; 1、GUI界面编程 2、二维数组 3、程序流程控制 4、面向对象编程 ∙ \bulle…...

编程日记 2025/9/14 0:28:10

NetLogon 权限提升漏洞

参考文章&#xff1a;CVE-2020-1472NetLogon权限提升漏洞_cve-2020-1472复现 谢公子-CSDN博客 域控机器账户&#xff1a;WIN-0V0GAORDC17 域控 ip&#xff1a;192.168.72.163 域内攻击者机器 ip&#xff1a;192.168.72.158&#xff0c;host&#xff1a;WIN10-01 攻击者 kali…...

编程日记 2025/9/15 4:18:52