BR 技术头条 技术链接、资讯与社区分享流
zh www.zhangxinxu.com / 2018-07-05 10:15 / by @技术头条 / 原作者：@张鑫旭

小tips: 纯CSS实现蜡烛、火焰以及熄灭后烟雾效果

打开原文 0 条评论
本文要展示的效果主要三部分：直立的红烛、跳动的火焰，腾起的烟雾，这三部分都是纯CSS实现的，有兴趣可以看看。

赞过的人

@技术头条

发表评论

相关分享

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

errno 的实现

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

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

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

查看详情
无图
bl blog.delphij.net / 2026-05-17 14:50

CSS 中的标点悬挂及其现状

本文从中文网页排版中一个容易被忽略的细节切入，解释了标点悬挂如何通过让行首或行尾标点略微越出文本边界，改善段落视觉对齐与阅读体验。

文章不仅介绍了 hanging-punctuation 的 CSS 语法和取值，还用 Safari 与 Chrome 的显示差异说明标准实现与现实兼容性之间的落差。它的价值不在于提供复杂方案，而在于提醒前端开发者：中文排版质量并不只取决于字号、行高和字体，标点、对齐边界和浏览器实现同样会影响最终阅读体验。

对于做内容站、博客、出版类页面或重视中文阅读体验的产品团队，这是一篇短小但有启发性的技术观察。

查看详情
无图
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 协议及其实现的工程师。

查看详情
无图
ix ixyzero.com / 2024-11-02 16:50

Hive SQL 中的分号、下划线等tips整理

本文整理了 Hive SQL 中的一些实用技巧，包括使用 `\073` 替代分号进行字符串分割、通过转义实现下划线匹配、布尔类型的条件比较，以及在复杂类型字段（如数组或映射）中插入空值的操作方法。这些技巧可以帮助开发者在处理特殊符号和复杂数据类型时，避免语法错误和查询结果不准确的问题，为 Hive SQL 查询优化提供了实用参考。

查看详情
无图
zh www.zhangxinxu.com / 2024-11-02 16:22

时隔两年，Chrome也支持round等CSS数学函数了

本文介绍了CSS中的数学函数 `round()` 的新应用，它能实现多种取整方式，如上舍、下舍、四舍五入等，用于提升样式的精确控制。特别是在字体大小、动画步阶和响应式设计中，`round()` 可防止小数值带来的渲染偏差，使界面更一致。这一函数现已在Chrome中支持，为开发者提供了更灵活的布局工具。

查看详情
无图
zh www.zhangxinxu.com / 2024-09-09 23:40

如何使用纯CSS鉴别是不是Safari浏览器

如何通过纯 CSS 来判断是否为 Safari 浏览器？本文介绍了多种实用技巧和 @supports 规则的使用，帮助开发者轻松检测并处理 Safari 特有的样式兼容性问题。无论是桌面还是 iOS Safari，本文都有详细的解决方案！

查看详情
无图
ma mazhuang.org / 2024-09-08 23:26

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

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

查看详情
无图