Vue第四篇:组件通信 + DOM 更新 + 过渡动画
Vue 组件化开发中,组件之间传数据(组件通信)是核心需求,DOM 更新时机、元素动效也是前端开发高频场景。 一、自定义事件:子组件向父组件通信的优雅方式 **为什么需要自定义事件?** 在父组件中,我们通过props向子组件传递数据。但当子组件需要向父组件传递数据时,就需要自定义事件了。 **核心作用** 自定义事件是**子组件给父组件传数据**的专属方式…
博客作者
写诗的人
350
已发布文章
9.8K
博客获赞
568K
博客浏览
第 3 页
Vue 组件化开发中,组件之间传数据(组件通信)是核心需求,DOM 更新时机、元素动效也是前端开发高频场景。 一、自定义事件:子组件向父组件通信的优雅方式 **为什么需要自定义事件?** 在父组件中,我们通过props向子组件传递数据。但当子组件需要向父组件传递数据时,就需要自定义事件了。 **核心作用** 自定义事件是**子组件给父组件传数据**的专属方式…
8 卡 RTX 5090 服务器 llama.cpp 部署与性能测试指南 一、系统与硬件准备 1.1 系统要求 推荐:**Ubuntu 22.04 LTS(64 位)** 内核:**6.8+ HWE 内核**(5090 必须高内核) 禁用:**Nouveau 开源驱动**(与 NVIDIA 驱动冲突) 1.2 硬件检查 
WebGIS 技术结合 GIS 空间分析能力,有效解决城市计划性停水的信息不对称问题。文章梳理了停水信息的来源与关键要素,阐述了 AOI/POI 基础数据的动态管理策略,并以 Leaflet 为核心展示了停水计划及影响范围的可视化实现方案。通过侧边栏展示详情、地图绘制多边形边界及标记点,直观呈现停水影响区域,帮助管理者评估风险,辅助市民合理规划用水。

深入理解 AIGC 中的变分自编码器(VAE)及其应用 !图片 随着 AIGC(AI-Generated Content)技术的发展,生成式模型在内容生成中的地位愈发重要。从文本生成到图像生成,变分自编码器(Variational Autoencoder, VAE)作为生成式模型的一种,已经广泛应用于多个领域。将详细介绍 VAE 的理论基础、数学原理、代码实…
AI 智能体驾驭工程(Harness Engineering)全解析 Harness Engineering(驾驭工程)是近期由 OpenAI 正式提出、并迅速成为 AI Agent 时代核心的软件工程新范式,其核心是**将工程师的工作重心从直接编写代码/指令,转向设计、构建和迭代一套让 AI 智能体(Agent)能安全、可靠、高效完成复杂长周期任务的完整运…

GitHub Copilot 安装与使用详解 一、安装前准备 **拥有一个 GitHub 账号**:如果没有,请先在 GitHub 官网 注册。 **订阅 GitHub Copilot**: **访问订阅页面**:登录 GitHub 后,访问 GitHub Copilot 官网。 **选择订阅计划**: **个人版**:适合独立开发者,提供 30 天免费试用…

Week 1 Multi-Headache3 **难度:简单** 使用 dirsearch 扫描目录: !image 找到 /robots.txt,访问: !image 访问 hidden.php: !image 翻译提示,按 F12 打开开发者工具捕获流量包,发现 flag: !image Strange_Login **难度:简单** 经典登录框,万能密…

CSS 中元素的三种核心显示模式:块级(Block)、行内(Inline)和行内块(Inline-Block)。详细阐述了它们的特性差异,如独占一行、宽高控制、边距生效范围及嵌套规则。通过 display 属性可实现模式间的转换,并结合小米侧边栏案例演示了实际应用场景。最后提供了完整的综合代码示例,帮助读者理解不同模式下标签的表现及布局技巧。
了 Claude Code 的核心配置参数(如 ANTHROPIC_MODEL 等),介绍了环境变量、代码 SDK 及 settings.json 三种配置方法,并说明了不同工具下的默认模型选择策略及验证方式。内容涵盖参数含义、配置实战、注意事项以及 2026 年最新默认模型版本信息。

如何利用 AI 辅助开发工具快速构建电商系统的三大核心模块:商品管理、购物车和订单系统。通过自然语言描述需求,AI 自动生成数据库表结构、实体类、Mapper、Service 及 Controller 层代码,涵盖库存校验、幂等性控制、事务管理及 Redis 缓存等关键技术点。该方法显著降低了开发门槛,提升了编码效率,使开发者能将更多精力集中在业务逻辑设计上…
GitHub Copilot 学生认证需要完成双重认证并准备有效的教育证明材料。主要要求包括使用 Authenticator 应用开启 2FA,提供可接收验证码的.edu.cn 邮箱以及包含关键信息的学生证。认证过程中需确保材料信息完整、照片清晰且逻辑一致,避免因信息缺失或格式问题导致审核失败。

OpenClaw 是一个支持多消息平台接入的本地化 AI Agent 框架,强调数据隐私与成本控制。其架构原理、环境要求及四种主流部署方案(本地机、Mac Mini、云服务器、Docker)。重点讲解了 Token 成本优化策略,通过模型路由、上下文限制等手段可将月度成本降低 77%。同时涵盖企业级安全加固方案、智能工作流实战案例及常见问题排查,帮助开发者快…
介绍在 Ubuntu 20.04 系统下安装 QGroundControl 地面站的步骤,包括依赖环境配置、AppImage 文件权限设置及运行方法,并提供了地图数据加载失败时的缓存清理解决方案。
EpicDesigner 是基于 Vue3 开发的现代化低代码设计器,支持拖拽组件快速生成页面。介绍环境准备、三步安装法、UI 库配置(Element Plus/Ant Design Vue)、界面布局及深色主题。支持自定义组件扩展、JSON 配置导出及多设备预览,适用于后台管理系统等场景。
AI 绘画提示词搜索系统面临语义匹配不准和模型加载慢的痛点。分享基于 Stable Diffusion 1.5 与 FP16 量化的选型经验,对比了不同模型的延迟与显存占用。核心方案采用 Sentence-BERT 构建向量索引实现语义搜索,结合 Flask 与 Celery 异步队列处理推理任务。通过调整 batch_size、配置 Nginx 负载均衡及…

对比了 Cursor、Trae 和 Windsurf 三款 AI 原生 IDE。从架构看,Cursor 基于 RAG 索引,Trae 强调全链路自动化,Windsurf 主打云端远程索引。功能上,Cursor 在多文件编辑和 Bug 检测表现优异,Trae 在重构准确率和 SOLO 模式上领先,Windsurf 适合大仓库且跨平台支持广。定价方面,Trae…

如何使用 Python 和 LangChain 框架从零搭建一个自动化 Excel 处理 AI 智能体。内容包括环境配置、核心依赖安装、OpenAI API Key 设置,以及通过 tools.py、agent_core.py 和 main.py 实现自动化 Excel 处理 Agent 的代码实战。同时提供了架构设计思路及后续进阶学习路线,适合零基础开发者…

ROG-Map 是一种面向大场景高分辨率 LiDAR 运动规划的机器人中心占用栅格地图。它通过零拷贝地图滑动策略维护局部地图,降低内存成本。提出增量障碍膨胀方法,将计算复杂度降至 O(N),显著优于现有方法。结合贝叶斯概率更新与对数几率机制,有效处理传感器噪声与动态环境。该方案已集成于基于激光雷达的四旋翼系统中,并在真实世界测试中验证了其实时性与鲁棒性。

介绍 RoVer,一种基于机器人过程奖励模型(PRM)的测试时验证框架,用于增强视觉 - 语言 - 动作(VLA)模型性能。RoVer 在不修改 VLA 架构或权重的情况下,通过缓存共享感知特征并评分候选动作来实现测试时规模化。实验表明,该方法在 GR-1、Dita 和 MoDE 等骨干网络上均能带来显著的性能提升,且方向引导采样比随机采样更高效。

UI UX Pro Max 工具,旨在为 AI 编码助手提供设计智能。该工具支持多种 UI 样式、行业调色板及字体配对,兼容 Claude、Cursor 等主流 AI 助手。通过 CLI 安装或手动配置,开发者可快速生成符合 WCAG 标准的专业级 UI 代码,涵盖 SaaS 落地页、医疗仪表盘等场景,显著提升开发效率与设计质量。