WYF Screenshot Studio
上传截图，使用自己的模型 Key 生成并预览前端代码。
React
TailwindCSS
FastAPI
wu的小博客
Selected Work
个人项目
道德经 · 山水书册
翻阅八十一章原文与山水插画，支持章目跳转、缩放和放大镜。
HTML
TailwindCSS
翻页书册
Classic Games
收录多种可直接游玩的经典浏览器小游戏。
HTML
JavaScript
TailwindCSS
原生文档局部更新
演示浏览器原生文档流式更新与局部渲染能力。
HTML
Browser API
拖拽排序实验室
对比原生拖放、FLIP 动画与 Sortable 排序方案。
HTML
JavaScript
TailwindCSS
设计模式实验室
通过浏览器示例理解设计原则、策略模式和状态模式。
JavaScript
Design Patterns
TailwindCSS
LeetCode 交互讲解
用交互动画和分步说明理解算法题。
Algorithms
JavaScript
TailwindCSS
Nodepod Workspace
在浏览器沙箱中编辑并运行虚拟 Node HTTP 服务。
React
Nodepod
Vite
Open File Viewer
演示文件选择、识别与浏览器内预览流程。
HTML
File API
TailwindCSS
RAG 全流程演示
可视化文档切分、检索、重排与答案生成过程。
RAG
JavaScript
TailwindCSS
React Demo
用小型示例观察 React 状态更新与列表渲染。
React
JavaScript
Screenshot Workflow Lite
把截图复刻需求整理成工作流、提示词与 JSON。
HTML
Workflow
TailwindCSS
-
Leetcode 1124. 表现良好的最长时间段
1124. 表现良好的最长时间段
-
Leetcode 1109. 航班预订统计
1109. 航班预订统计
-
Leetcode 1094. 拼车
1094. 拼车
-
Leetcode 10. 正则表达式匹配
正则表达式匹配
-
Leetcode 1653. 使字符串平衡的最少删除次数
1653. 使字符串平衡的最少删除次数
-
华为机试 查找单入口空闲区域
题目描述 给定一个m * n的矩阵一，由若干字符X和O构成，X表示该处已被占据，О表示该处空闲，请找到最大的单入口空闲区域。 空闲区域是由连通的О组成的区域，位于边界的О可以构成入口，单入口空闲区域即有且只有一个位于边界的О作为入口的由连通的О组成的区域。 如果两个元素在水平或垂直方向相邻，则称它们是“连通”的。 输入描述 第一行输入为两个数字： 第一个数字为行数m，第二个数字为列数n，两个数字以空格分隔，1 ≤m,n ≤200； 剩余各行为矩阵各行元素，元素为X或O，各元素间以空格分隔。 输出描述 若有唯一符合要求的最大单入口空闲区域，输出三个数字： 第一个数字为入口行坐标(范围为0~行数-1)； 第二个数字为入口列坐标（范围为0~列数-1) ； 第三个数字为区域大小，三个数字以空格分隔； 若有多个符合要求的最大单入口空闲区域，输出一个数字，代表区域的大小； 若没有，输出NULL。 示例 1
-
一个使用CSS实现的可爱小鸟按钮
预览地址
-
解读Integer.bitCount的源码
引子
-
acwing 90. 64位整数乘法
90. 64位整数乘法
-
acwing 89. a^b
89. a^b
My Popular Repositories
《Vue设计与实现》读书笔记
Frontend / AI builder profile README.
Frontend interface for a Web3 token swap platform.