zhangsantx

从普通 textarea 到 Tiptap AI 输入框，复盘如何实现 / 命令、@ 引用、inline chip、结构化请求，以及 Tool Runtime 的能力驱动收口。

在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩，可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…

在之前，我们有一篇介绍带圆角的渐变边框的纯 CSS 实现的文章： 巧妙实现带圆角的渐变边框 会有这么一个话题的本质在于，在过往，想使用纯 CSS 实现纯粹的，内部透明渐变边框，是一件非常困难的事情，像

写在开头 学会shape()之后可以轻松完成如下各种不规则图形的效果！ 什么是shape() 语法 为什么需要shape() 我们之前已经有了很多clip-path类型为什么还需要shape()，官方

普通用户笔记本上随时开着三十个标签页，你的应用只是其中一个。用户打开它，切去看 Slack，十五分钟后回来，已经分不清哪一个标签页是你的。如果你的标签标题还停在"My App"，favicon 还是上

炫酷边框效果实现： .card-wrap { position: relative; width: 460px; height: 285px; bord

探讨了前端与后端实现水印的技术方案及防御措施。前端方案包括DOM元素覆盖、Canvas绘制和SVG生成三种方式，具有不占用服务器资源、性能优越等特点，但安全性较低。后端实现更安全但消耗资源较多。

你写了个页面，本地测试完美，上线后用户却说“点不动”、“白屏”、“数据不见了”。你一脸懵：“我这儿是好的啊！”——这不怪你，因为你没有“天眼”。今天我们来装一双远程眼睛：前端监控。

mask 是 CSS 中被严重低估的属性，语法和 background 几乎一样。本文从原理出发，带你掌握 mask 的全部用法。