
前端拖拽排序实现详解:从原理到实践
介绍使用原生 HTML5 Drag & Drop API 实现前端列表拖拽排序的方法。涵盖核心事件(dragstart, dragover, drop 等)解析及 DOM 位置交换逻辑,并提供完整 HTML/JS 示例代码,支持模拟后端提交新顺序。方案轻量无需第三方库,适用于管理后台、看板等场景。
博客作者
海纳百川
380
已发布文章
13K
博客获赞
926K
博客浏览
第 8 页

介绍使用原生 HTML5 Drag & Drop API 实现前端列表拖拽排序的方法。涵盖核心事件(dragstart, dragover, drop 等)解析及 DOM 位置交换逻辑,并提供完整 HTML/JS 示例代码,支持模拟后端提交新顺序。方案轻量无需第三方库,适用于管理后台、看板等场景。
介绍 OpenClaw 开源 AI 助手的安装流程及飞书机器人接入方法。首先需安装 Node.js,通过 PowerShell 设置权限并执行一键安装脚本。完成基础配置后,在飞书开放平台创建应用并获取凭证,随后安装并配置 OpenClaw 的飞书插件。文中还包含常用命令速查及常见问题解决方案,帮助用户快速部署本地 AI 助手。
Neo4j 与 RDF 数据互操作的必要性及 neosemantics 插件的配置方法。RDF 作为语义网标准数据模型,需借助 n10s 插件才能在 Neo4j 中高效存储与查询。文章详细说明了插件安装步骤、环境依赖(如 APOC)及核心配置项设置,帮助用户实现 RDF 数据导入 Neo4j 进行图分析,或将图数据导出为 RDF 格式,适用于知识图谱构建等场…

一种基于 Web 的上机管理系统的设计与开发。针对传统上机管理方式存在的手工工作量大、信息传递不及时、资源浪费等问题,系统采用 SpringBoot+Vue+MySQL 技术栈构建。实现了用户管理、课程管理、设备预约、作业管理及权限控制等核心功能。系统通过 B/S 架构,支持学生在线预约设备、提交作业,教师管理课程与作业,管理员统筹资源与权限。测试表明系统功…

介绍如何使用 Llama-Swap 在本地实现多个大语言模型的动态切换。该工具是一个轻量级开源代理服务,监听 OpenAI 风格 API 请求并根据模型名称自动管理后端进程。文章详细说明了环境准备(Python、llama.cpp)、安装步骤、配置文件编写以及通过 curl 调用 API 测试的方法。支持灵活控制资源并发,适合需要隐私保护和本地运行场景的用户…

R语言在AIGC时代的应用与优势。R语言作为统计分析和数据可视化的强大工具,具备丰富的统计函数、灵活的绘图能力及活跃社区。文章详细阐述了其在数据预处理、文本分析、机器学习及可视化报告中的具体应用场景,并提供了金融、医疗、社交媒体等领域的实战案例。此外,还展望了R语言与深度学习框架、云计算平台及自动化工具的集成趋势,强调了其在数据科学领域的持续重要性。

10 款用于降低学术论文 AIGC 检测率的 AI 工具。针对继续教育及科研场景,分析了各工具在去除 AI 痕迹、语义保持及查重方面的功能特点。涵盖从初稿生成到定稿检测的全流程辅助方案,包括千笔、云笔 AI、锐智 AI 等,帮助用户优化语言表达并提升论文原创性,解决学术写作中的查重难题。
记录了 VNCTF 2026 Web 赛道的四道题目解题过程。第一题通过 Data 协议文件包含及短标签绕过实现代码执行;第二题针对加密登录参数使用 Python 脚本模拟爆破;第三题利用 Pandoc 的 EPUB 资源抓取机制读取 Flag;第四题为 Python 沙箱逃逸,通过特殊 Unicode 字符绕过过滤并遍历类属性获取环境变量中的 Flag。
STEP3-VL-10B 多模态模型 WebUI 中历史会话与上下文记忆的启用方法。涵盖功能价值、会话管理模式、WebUI 操作步骤及 API 调用示例。通过维护 messages 数组传递历史上下文,实现模型对图片及对话内容的记忆,支持多轮连贯交互,解决单次问答遗忘问题,并提供常见故障排查建议。

AI Agent 是能够主动执行任务、调用工具并与外部交互的智能系统。从基础定义、核心概念入手,解析了底层架构(应用层、Agent 层、工具层、模型层)及 ReAct 等核心算法。内容涵盖企业自动化与个人效率等应用场景,提供需求分析、方案设计、开发实施及运维的最佳实践。通过文档处理等案例分析成败经验,并展望多模态、端侧部署等技术趋势。适合希望入门 AI Ag…

2024 年 10 月 24 日,JetBrains 宣布 WebStorm 对非商业用途用户全面免费。免费范围涵盖学习、开源贡献及无收益内容创作,商业项目仍需付费。免费版保留核心开发功能,仅协作与 AI 功能有差异。此举降低了前端开发门槛,推动工具普及。
介绍 OpenClaw 开源 AI 智能体框架的安装与飞书机器人接入流程。涵盖阿里云服务器及本地 Windows 环境部署、阿里云百炼模型配置、飞书开放平台应用创建与事件订阅,以及最终验证步骤。支持 7x24 小时运行及多智能体协作。
在个人电脑上搭建深度学习环境的流程。内容包括硬件配置建议(CPU、内存、GPU),操作系统选择(Windows/Linux/macOS),以及核心开发工具的安装与配置(Anaconda、PyCharm、Python、PyTorch、CUDA)。文中提供了具体的命令行操作示例和环境校验方法,旨在帮助初学者快速完成开发环境部署,为后续神经网络训练打下基础。

介绍基于 Arduino 与 6.5 寸轮毂电机的智能动态跟随机器人底盘方案。涵盖一体化高扭矩动力架构、多模态感知融合(UWB/视觉/激光雷达)、分层控制策略及电源管理。提供六种核心实现案例,包括 UWB 定位差速跟随、OpenMV 视觉色块追踪、激光雷达 SLAM 避障、超声波恒距平滑跟随、蓝牙 RSSI 定向跟随及多传感器防碰撞急停。详细解析了 FOC…
Super Qwen Voice World 是一款基于 Qwen3-TTS 技术的复古像素风语音设计工具。它通过自然语言控制语气,提供紧急、英雄、魔王、云端四种场景。核心亮点是语音波形与界面动态砖块实时同步的可视化效果,配合 8-bit 游戏风格 UI。操作简便,仅需选择关卡、输入内容、描述语气即可生成。支持 Temperature 和 Top P 调节。…
介绍如何使用 Llama Factory 开源框架搭建大模型微调环境。内容涵盖环境准备(本地与云端)、数据集格式要求、Web UI 启动及关键参数配置。通过 Qwen-7B 模型示例,展示了从数据准备到训练完成的全流程,并提供了显存不足等常见问题的解决方案及进阶自定义技巧。适合希望快速入门大模型微调的开发者参考。

Xilinx Vivado 软件中 IP 核的分类(免费与付费),详细解读了三种常见的 License 授权状态及其含义,并列举了网络、视频、通信、纠错及存储等类别的常见付费 IP 核。旨在帮助开发者理解授权机制,高效利用 FPGA 设计资源。

利用 ChatGPT、DALL·E 3 和 Runway 工具创作日漫风格小故事并生成动态视频的全流程。首先使用 ChatGPT 设计故事情节、角色设定及对话;接着通过 DALL·E 3 根据描述生成角色图像和分镜画面;最后结合 Runway 将静态图片与文本提示词转化为动态视频。该方案展示了 AI 工具在从文字创意到视觉呈现再到动态视频生成的完整创作链中的…
介绍基于 ESP32-S3 开发板构建 AI 人脸追踪机器人的完整方案。系统采用 OV2640 摄像头采集图像,利用 ESP-DL 库运行 INT8 量化的人脸检测模型,通过双轴舵机云台控制摄像头角度。核心逻辑包括图像预处理、目标定位、PID/P 控制算法及平滑滤波。实测在 QVGA 分辨率下推理约 70ms,帧率 14-18fps,追踪成功率超 92%。硬…

系统梳理了强化学习与大语言模型融合的前沿技术,涵盖理论基础、算法架构到机器人仿真实践。深入剖析利用大模型优化奖励设计、解决多智能体协作难题的方法,并提供完整的开发环境搭建指南、URDF 建模及交互训练流程。重点介绍 RALARE 架构、技术挑战应对及未来研究方向。