摘要：
前言 做前端，有时候会遇到不懂 responsive 的设计师。她会用 Figma 设计出一些特别的方案，比如：用二次贝塞尔曲线 + 箭头，从一张图里的 object 指向外面的一个 div。 这类设计，如果不考虑 responsive，其实非常简单，直接放一张 SVG 就可以了；但如果要兼顾 re 阅读全文
posted @ 2025-12-21 08:45
兴杰
阅读(1)
评论(0)
推荐(0)
摘要：
HTML + CSS 画箭头的局限 上上一篇《画箭头》介绍了如何用纯 HTML + CSS 手法来画箭头，它可以做出这类设计： 但是！ 遇到这种设计需求，它就不管用了。 这款箭头最大的特色是它那弯曲的箭身。 术语叫 -- 二次贝塞尔曲线（Quadratic Bézier Curve） CSS 完全不 阅读全文
posted @ 2025-12-19 00:10
兴杰
阅读(5)
评论(0)
推荐(0)
摘要：
前言 续上一篇《画箭头 arrow》后，我们继续来画一点有趣的东西 -- 带边框的直角三角形（right triangle + border）。 需求 & 难点 最终要实现的设计长这样 难点就是 message box 的 caret，那一个带边框的 right triangle。 三角形的基本画法 阅读全文
posted @ 2025-12-17 01:48
兴杰
阅读(0)
评论(0)
推荐(0)
摘要：
前言 好一阵子没有写 HTML、CSS 了，都生疏了。 今天要分享的是用 HTML + CSS 画箭头，最终效果长这样： 为什么要自己画箭头呢？ 干嘛不使用 icon？ 因为...我误以为箭头很容易画🙄 Step by Step 画箭头 我的画法很直接，但未必是聪明的画法哦。 第一步：elemen 阅读全文
posted @ 2025-12-02 08:10
兴杰
阅读(1)
评论(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
兴杰
阅读(2)
评论(0)
推荐(0)
摘要：
前言 之前介绍过《ImageSharp》，这篇来介绍另一个类似的库 —— Magick.NET。 其实我早年就是用 Magick.NET 的，后来才换去使用 ImageSharp。 ImageSharp 的特色是比较轻量，用来做简单的图片处理时，性能会更好。 反观 Magick.NET 就比较笨重， 阅读全文
posted @ 2025-09-18 00:34
兴杰
阅读(0)
评论(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
兴杰
阅读(82)
评论(0)
推荐(0)
摘要：
前言 2022 年 4 月，我写了一篇 Swiper 介绍。 Swiper 是当时前端最多人使用的 Slider 库，没有之一，一骑绝尘。 但是！时过境迁，这两年已经有一匹神秘的黑马悄悄杀上来了。 它就是本篇的主角 -- Embla Carousel。 Embla Carousel 的卖点 Embl 阅读全文
posted @ 2025-04-10 00:42
兴杰
阅读(594)
评论(1)
推荐(2)
摘要：
介绍 checkVisibility 是一个比较新的功能，需要 IOS 17.4 才能支持。 它主要的作用是拿来检测一个 element 是否可见。 我们有 4 种方法让一个 element 隐藏起来，checkVisibility 可以依据不同的隐藏方式，判断出 element 是否被隐藏了，或者 阅读全文
posted @ 2025-03-28 21:09
兴杰
阅读(107)
评论(0)
推荐(0)
摘要：
什么是 ProseMirror Schema? 在上一篇 ProseMirror の 初探 中，我们提到了 "如何实现 rich text editor?" 其基本思路是 监听交互事件 阻止原生事件 获取 selection info DOM manipulation 第三、第四步需要大量、繁琐、复 阅读全文
posted @ 2025-02-19 08:58
兴杰
阅读(0)
评论(0)
推荐(0)
浙公网安备 33010602011771号