zhangsantx

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

在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最...

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

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

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

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

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

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

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

AI 问答界面如何布局？ 在豆包的AI问答聊天界面，为什么输入框总是会跟随在最底部？左边有导航栏，无论怎么缩小放大屏幕都会在当前问答展示界面的水平线中间？ 难道是通过 po...

移动端卡片边框怎么做高级？我用 CSS 实现了设计师的刁钻要求 。 上周设计突然甩过来一张图，问我能不能不切图做出这种效果？ 我蒙了一下第一反应感觉可以，无非就是常规的伪类...

最近有个项目需要用到上传图片，然后在列表页回显一下图片。 需求这边还想着要不要做一个瀑布图，但是做好以后图片量太多而且图片太大，导致展示效果并不好。 尤其是放在首屏上，长时...

在前端版权、数据防泄露这种场景，我目前一般都是采用显性水印的方案。 包括目前企业微信这种级别的App也是在用显性水印。 但是显性水印的问题在于：要么遮挡页面内容、破坏视觉体...

如何构建一颗可交互的ui树？ 分享一些自己在开发树形结构的一些设计思路，其实并不是所有的树形结构都需要依赖图表库的，对于一些响应式交互比较强的dom节点，有时可以换一种思路...

产品：这个文字颜色能不能根据背景图自动换？我：安排 事情是这样的 那天产品小哥跑过来，手里拿着两张设计稿：一张是深邃的午夜蓝纯色背景，另一张是清新的樱花粉渐变背景。 “你看...

苹果的实况照片(live photo)是一个伟大的发明，本文介绍了live photo的web实现方案...