摘要: 前言 四年前我写过一篇 <Yarn 3.0 Plug'n'Play (PnP) 安装和迁移>。 当时非常看好 Yarn 3 + PnP,以为它会是未来趋势。 没想到...使用一阵子后发现,每一次升级都会遇到各种各样的 bug 😨,需要等它 fix issue,真是苦不堪言。 大约撑了一年左右,我就 阅读全文
posted @ 2026-04-04 20:42 兴杰 阅读(17) 评论(0) 推荐(0)
摘要: 前言 做前端,有时候会遇到不懂 responsive 的设计师。她会用 Figma 设计出一些特别的方案,比如:用二次贝塞尔曲线 + 箭头,从一张图里的 object 指向外面的一个 div。 这类设计,如果不考虑 responsive,其实非常简单,直接放一张 SVG 就可以了;但如果要兼顾 re 阅读全文
posted @ 2025-12-21 08:45 兴杰 阅读(55) 评论(0) 推荐(0)
摘要: HTML + CSS 画箭头的局限 上上一篇《画箭头》介绍了如何用纯 HTML + CSS 手法来画箭头,它可以做出这类设计: 但是! 遇到这种设计需求,它就不管用了。 这款箭头最大的特色是它那弯曲的箭身。 术语叫 -- 二次贝塞尔曲线(Quadratic Bézier Curve) CSS 完全不 阅读全文
posted @ 2025-12-19 00:10 兴杰 阅读(101) 评论(0) 推荐(0)
摘要: 前言 续上一篇《画箭头 arrow》后,我们继续来画一点有趣的东西 -- 带边框的直角三角形(right triangle + border)。 需求 & 难点 最终要实现的设计长这样 难点就是 message box 的 caret,那一个带边框的 right triangle。 三角形的基本画法 阅读全文
posted @ 2025-12-17 01:48 兴杰 阅读(10) 评论(0) 推荐(0)
摘要: 前言 好一阵子没有写 HTML、CSS 了,都生疏了。 今天要分享的是用 HTML + CSS 画箭头,最终效果长这样: 为什么要自己画箭头呢? 干嘛不使用 icon? 因为...我误以为箭头很容易画🙄 Step by Step 画箭头 我的画法很直接,但未必是聪明的画法哦。 第一步:elemen 阅读全文
posted @ 2025-12-02 08:10 兴杰 阅读(18) 评论(0) 推荐(0)
摘要: 前言 Nullable Reference Types 是 C# 8.0 推出的东东,用了好几年了,今天心血来潮特写一篇介绍它。 参考: 官方 docs – Nullable reference types 官方 docs – Attributes for null-state static ana 阅读全文
posted @ 2025-10-07 11:44 兴杰 阅读(26) 评论(0) 推荐(0)
摘要: 前言 之前介绍过《ImageSharp》,这篇来介绍另一个类似的库 —— Magick.NET。 其实我早年就是用 Magick.NET 的,后来才换去使用 ImageSharp。 ImageSharp 的特色是比较轻量,用来做简单的图片处理时,性能会更好。 反观 Magick.NET 就比较笨重, 阅读全文
posted @ 2025-09-18 00:34 兴杰 阅读(42) 评论(0) 推荐(0)
摘要: Default scroll behaviour (jump) 先搭个场景 HTML <body> <header style="height: 128px; background-color: lightgreen;"> <ul> <li><a href="/src/home/home.html# 阅读全文
posted @ 2025-04-27 23:09 兴杰 阅读(97) 评论(0) 推荐(0)
摘要: 前言 2022 年 4 月,我写了一篇 Swiper 介绍。 Swiper 是当时前端最多人使用的 Slider 库,没有之一,一骑绝尘。 但是!时过境迁,这两年已经有一匹神秘的黑马悄悄杀上来了。 它就是本篇的主角 -- Embla Carousel。 Embla Carousel 的卖点 Embl 阅读全文
posted @ 2025-04-10 00:42 兴杰 阅读(671) 评论(1) 推荐(2)
摘要: 介绍 checkVisibility 是一个比较新的功能,需要 IOS 17.4 才能支持。 它主要的作用是拿来检测一个 element 是否可见。 我们有 4 种方法让一个 element 隐藏起来,checkVisibility 可以依据不同的隐藏方式,判断出 element 是否被隐藏了,或者 阅读全文
posted @ 2025-03-28 21:09 兴杰 阅读(145) 评论(0) 推荐(0)