整洁架构之CSS
虽然开发工具早已经从 preprocessor 进化到了 styled component，但在我看来新的工具并没有让我们的样式代码写的更好，只是更快——也可能会让代码坏的更快。工具的繁荣并没有让那些导致代码难以维护的根本问题烟消云散，而是更易让我们对其视而不见。这篇文章旨在回答一个问题：为什么样式代码难以写对，它的陷阱究竟在哪里？
相关分享
0
喜欢
请先微博登录后参与
bl
blog.delphij.net
/
2026-05-17 14:50
CSS 中的标点悬挂及其现状
本文从中文网页排版中一个容易被忽略的细节切入，解释了标点悬挂如何通过让行首或行尾标点略微越出文本边界，改善段落视觉对齐与阅读体验。
文章不仅介绍了 hanging-punctuation 的 CSS 语法和取值，还用 Safari 与 Chrome 的显示差异说明标准实现与现实兼容性之间的落差。它的价值不在于提供复杂方案，而在于提醒前端开发者：中文排版质量并不只取决于字号、行高和字体，标点、对齐边界和浏览器实现同样会影响最终阅读体验。
对于做内容站、博客、出版类页面或重视中文阅读体验的产品团队，这是一篇短小但有启发性的技术观察。
无图
0
喜欢
请先微博登录后参与
zh
www.zhangxinxu.com
/
2026-05-07 14:28
如何使用CSS判断鼠标从哪个方向进入元素？
使用CSS绘制的一个人脸后，如果我希望如果用户鼠标从上面进入，表情变成哭丧脸；从下方进入，变成笑脸，该如何实现？
无图
1
喜欢
请先微博登录后参与
zh
www.zhangxinxu.com
/
2024-11-02 16:22
时隔两年，Chrome也支持round等CSS数学函数了
本文介绍了CSS中的数学函数 `round()` 的新应用，它能实现多种取整方式，如上舍、下舍、四舍五入等，用于提升样式的精确控制。特别是在字体大小、动画步阶和响应式设计中，`round()` 可防止小数值带来的渲染偏差，使界面更一致。这一函数现已在Chrome中支持，为开发者提供了更灵活的布局工具。
无图
1
喜欢
请先微博登录后参与
zh
www.zhangxinxu.com
/
2024-09-09 23:40
如何使用纯CSS鉴别是不是Safari浏览器
如何通过纯 CSS 来判断是否为 Safari 浏览器？本文介绍了多种实用技巧和 @supports 规则的使用，帮助开发者轻松检测并处理 Safari 特有的样式兼容性问题。无论是桌面还是 iOS Safari，本文都有详细的解决方案！
无图
1
喜欢
请先微博登录后参与
cr
crossoverjie.top
/
2024-08-06 08:05
OpenTelemetry 实践指南：历史、架构与基本概念
本文介绍了OpenTelemetry的历史、架构和基本概念。OpenTelemetry是一个用于统一日志、指标和链路追踪的开源项目，旨在简化可观测性技术栈的复杂性。文章详细介绍了OpenTelemetry的三个核心组件：客户端、OTel Collector和数据存储。通过标准化协议，OpenTelemetry实现了与多种后端系统的兼容，为开发者提供了一种灵活且可扩展的可观测性解决方案。
无图
1
喜欢
请先微博登录后参与
te
tech.meituan.com
/
2024-03-21 22:53
美团大规模KV存储挑战与架构实践
KV 存储作为美团一项重要的在线存储服务，承载了在线服务每天万亿级的请求量，并且保持着 99.995% 的服务可用性。在 DataFunSummit 2023 数据基础架构峰会上，我们分享了《美团大规模 KV 存储挑战与架构实践》，本文为演讲内容的整理。文章主要分为四个部分：第一部分介绍了美团 KV 存储发展历程；第二部分分享了内存 KV Squirrel 挑战和架构实践；第三部分阐述了持久化 KV Cellar 挑战和架构实践；最后一部分介绍了未来的发展规划。希望这些内容对大家有所帮助或启发。
无图
1
喜欢
请先微博登录后参与
bl
blog.alswl.com
/
2023-07-30 17:40
架构设计 the Easy Way
前几日，我在团队内部举行了一场技术分享，我介绍了关于架构设计的最佳实践。将这些实践凝练成了 20 字口诀：架构看问题、需求看用例、设计看模型、细节看时序。
我将顺口溜转到了 Twitter，不少朋友对这些顺口溜产生了浓厚兴趣，希望深入了解。因此，我将我分享中的观点扩展成了这篇文章。
无图
1
喜欢
请先微博登录后参与
in
insights.thoughtworks.cn
/
2023-07-27 12:17
什么是多运行时架构？
随着微服务架构在大规模组织中成熟落地，服务化体系规模的不断扩张也带来了一些典型问题：服务如何有效治理和接入？团队如何高效协作？本文介绍了多运行时架构解决上述问题的思路，并通过几种开源方案探讨了在实现中遇到的挑战，最后提出了对演进的设想及展望。本文介绍了多运行时架构的概念以及一些实现方案，并讨论了目前的实现中存在的限制与挑战，最后设想了一种未来可能的架构形态。
无图
1
喜欢
请先微博登录后参与
li
linux.cn
/
2023-07-23 12:20
云服务架构完全指南
经过大约 16 年的演变，云计算已经成为一种几乎所有网民都在使用的技术。它可以作为一种服务，用于满足各类企业和消费者的需求。因此，在云计算中正在使用多种服务架构，旨在根据最新的需求来定制所需技术。本文就如今使用的所有服务架构，提供一份完全指南。
无图
1
喜欢
请先微博登录后参与
te
tech.meituan.com
/
2023-02-12 14:37
美团视觉GPU推理服务部署架构优化实践
面对在线推理服务使用的GPU资源不断增加、GPU利用率普遍较低的挑战，美团视觉研发团队决定通过模型结构拆分和微服务化进行优化，他们提出一种通用高效的部署架构，来解决这种常见的性能瓶颈问题。以“图像检测+分类”服务为例，优化后的服务压测性能指标GPU利用率由40%提升至100%，QPS也提升超过3倍。本文将会重点介绍推理服务部署架构优化的工程实践，希望对大家能有所帮助或启发。
无图