fe fed.taobao.org / 2022-07-24 20:57 / by @技术头条 / 原作者：@淘系前端团队

用SVG实现一个优雅的提示框

打开原文喜欢 1 请先微博登录后参与 0 条评论

本机暂存

Tooltips常被称为提示框（或信息提示框），提示框能够以较强的交互性、自由度为用户提供相应的提示信息。今天我们要聊的不是如何实现强大的交互行为，而是来看看如何以最好的方式来还原他们的视觉效果，并且能适用于不同的场景。

赞过的人

bl blog.delphij.net / 2026-05-17 23:38

errno 的实现

本文从 errno 这个看似普通的错误码接口切入，解释了为什么它不能简单地作为全局变量存在，以及 POSIX 从“外部变量”转向“可修改左值宏”背后的线程安全需求。

文章进一步拆解了 FreeBSD 的具体实现：errno 被定义为对 __error() 返回指针的解引用，单线程场景下回到全局存储，多线程场景下则由 libthr 通过构造函数、函数指针切换和弱符号介入，把访问路径切换到线程私有的错误码存储。这个过程展示了 C 运行时在 ABI 兼容、性能开销和线程语义之间的权衡。

对于系统编程、C 运行库、POSIX 线程模型或 FreeBSD 实现机制感兴趣的读者，这是一篇信息密度较高的源码解读。它能帮助读者理解一个常用宏背后隐藏的运行时设计，也适合作为分析 libc 与线程库协作机制的入门案例。

查看详情

无图

zh www.zhengwenfeng.com / 2025-11-12 00:32

Go协程池深度解析：原理、实现与最佳实践

文章系统解析 Go 协程池的实现原理和实践，包括为何需要协程池、基本实现方式、协程数设置依据及性能对比测试。示例代码演示如何手动构建协程池，并推荐三种高性能第三方库（如 ants、tunny）。适合进行高并发控制和资源管理优化的场景。

查看详情

无图

bj bjt.name / 2025-11-12 00:27

合成控制法的原理和扩展实现

本文介绍了合成控制法（Synthetic Control Method，SCM）原理及其扩展：首先通过选择多个未受干预单位并加权构建一个“合成对照组”，以模拟受干预单位在无干预情况下的表现；然后详细推导了权重 W 与协变量权重矩阵 V 的嵌套最优化过程；最后介绍了“合并损失函数 + 正则化（Lasso/ElasticNet）”的扩展方案，以增强模型稳健性。适用于政策或市场活动影响评估。

查看详情

无图

cn www.cnblogs.com / 2025-01-19 23:59

WebSocket协议详解与c++&c#实现 - 知然

这篇文章详细介绍了 WebSocket 协议的工作原理，包括握手过程、数据帧格式以及如何在 C++ 和 C# 中实现 WebSocket 通信。作者提供了一个轻量级的 WebSocket 解析库，特点是仅包含一个头文件、逻辑清晰且不依赖特定的网络接口，方便集成。此外，文章还提供了一个在线的 WebSocket 模拟客户端，便于测试和理解 WebSocket 的通信过程。

适合人群：对网络编程感兴趣的开发者，尤其是使用 C++ 或 C# 进行服务器开发，并希望深入理解 WebSocket 协议及其实现的工程师。

查看详情

无图

zh www.zhangxinxu.com / 2024-11-02 16:18

搞懂SVG中各种Light相关的光源滤镜

本文深入解析了SVG中与光源相关的滤镜，包括`feDistantLight`、`fePointLight`和`feSpotLight`的用法，演示了如何通过这些光源滤镜实现点光源、平行光和聚光效果。利用这些滤镜，开发者可以为SVG元素增添逼真的光照和阴影效果，适用于卡片、按钮等交互元素的设计。文章还通过代码示例和效果演示，帮助读者更直观地理解光影滤镜的应用场景。

查看详情

无图

ma mazhuang.org / 2024-09-08 23:26

Android｜使用阿里云推流 SDK 实现双路推流不同画面

想知道如何在 Android 中通过阿里云 SDK 实现双路推流不同画面？本文介绍了一个巧妙的解决方案，虽然阿里云 SDK 不支持原生多路推流，但通过跨进程调用，实现了同时推送不同区域的画面，适用于直播和录播场景的分离展示。开发者不容错过的实战分享，赶快阅读！

查看详情

无图

co colobu.com / 2024-08-06 07:52

让AI 实现一个红黑树

文章探讨了使用AI帮助实现红黑树数据结构的过程。作者尝试使用多种AI工具模拟专家（如Rob Pike）实现红黑树，并进行了代码优化、单元测试和Fuzz测试。过程中发现AI生成的代码存在问题，但通过不断调整和AI协作，最终实现了功能完善的红黑树实现。文章强调AI在代码生成、测试和优化方面的潜力与不足。

查看详情

无图

zh www.zhangxinxu.com / 2024-08-06 07:48

如何用简单的Web方法实现图片的马赛克效果

文章介绍了如何通过简单的Web技术实现图片的马赛克效果。作者主要讨论了使用SVG滤镜来实现此效果，尤其是通过使用像<feFlood>、<feComposite>和<feMorphology>等SVG元素。此外，文章还探讨了通过CSS属性image-rendering: pixelated来模拟马赛克效果的方法，即通过放大小图片来达到效果。文中提供了详细的示例和代码片段来帮助实现这些效果。

查看详情

无图

it it.deepinmind.com / 2024-03-31 21:13

Agent是如何工作的：概念及LangChain实现

LLM（大型语言模型）在自主Agent领域的应用受到了广泛关注。你可能已经在诸如Auto-GPT、BabyAGI等流行应用中了解过它们的用法，这些应用几乎每天都层出不穷。

理解这些应用的基本原理并不复杂，因为大多数工具的工作流程大致相同。

查看详情

无图

bl blog.codingnow.com / 2024-03-12 22:45

为 log 实现的无锁 Ringbuffer

这两天在改 log 模块。我们需要一个并发写 log 的模块，它有多个 log 生产者一个消费者，这个唯一的消费者在 log 线程中把 log 数据持久化。

大多数 log 生产者是在第三方库的 callback 函数中调用的，比如 bgfx ，如果写 log 不够快的话，就会阻塞渲染。这个 callback 需要自己保证线程安全。因为 bgfx 支持多线程渲染，所以写 log 的 callback 可能在不同的线程触发。

过去在实现 bgfx 的 luabinding 时，我实现了一个简单的 mpsc 队列，get_log 这个函数就是那个单一消费者，它取出队列中所有的 log 信息，返回到 lua 虚拟机中。

它是用 spin_lock 实现的。这两天，我想应该可以实现一个更通用的无锁版本。

在我的需求中，log 信息是允许丢掉的。所以我开了一个固定大小的 ri

查看详情

无图

用SVG实现一个优雅的提示框

赞过的人

发表评论

相关分享