BR 技术头条 技术链接、资讯与社区分享流

相关分享

bl blog.delphij.net / 2026-05-17 14:50

CSS 中的标点悬挂及其现状

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

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

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

查看详情
无图
co colobu.com / 2025-01-20 00:00

如何将图片编码成base64?

这篇文章介绍了如何使用 Go 语言将图片转换为 Base64 编码，适用于本地和远程图片。作者提供了完整的代码示例，演示了如何读取图片文件、检测其 MIME 类型，并生成包含适当数据 URI 方案头的 Base64 编码字符串。这些步骤对于在网页中嵌入图片或通过 API 上传图片等场景非常有用。

适合人群：Go 语言开发者，尤其是需要处理图片编码、网络传输或网页嵌入图片的工程师。

查看详情
无图
on onevcat.com / 2025-01-02 23:59

编译器，靠你了！使用类型改善状态设计

如何用类型表达状态？文章深度解析了在 Swift 中通过类型系统管理状态的实践方法，涵盖了类型安全设计、编译期检查和减少运行时错误的技巧。通过实例展示，将状态逻辑融入类型定义，提升代码的健壮性和可维护性，是探索函数式编程思想的绝佳案例！

查看详情
无图
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，本文都有详细的解决方案！

查看详情
无图
im imququ.com / 2024-08-06 08:01

记一次图片访问异常排查过程

本文总结了一次关于头像图片访问异常的排查过程。用户反馈在某些网络环境下无法查看特定域名的头像图片，经过分析发现问题是由于网络环境对该域名的连接进行了阻断，可能是被误认为广告域名。通过替换域名解决了问题。文章还讨论了SNI（服务器名称指示）在HTTPS连接中的作用及其在拦截请求中的应用。

查看详情
无图
co colobu.com / 2024-08-06 07:54

如何将图片编码成base64?

图片的 base64 编码在多种上下文中都很有用。当需要通过旨在处理文本数据的媒体存储或传输图片时，它通常会被使用，比如嵌入到网页或者通过 API 上传图片。这篇文章将介绍如何使用 Go 标准库得到任何图片的 base64 编码的值。

在 Go 中将图片转换为其 base64 表示很容易。所有你需要做的是将文件读取为字节 slice并使用包 encoding/base64 对其进行编码。

查看详情
无图
zh www.zhangxinxu.com / 2024-08-06 07:48

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

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

查看详情
无图