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
-
Vue.js 3设计与实现（6）支持动态的副作用函数
``` // 上面的副作用函数时写死的，如何动态添加副作用函数 { let data = { text: ‘文字块’ }
-
Vue.js 3设计与实现（5）简单的响应系统
副作用函数：相对于纯函数而言，函数执行后对其他地方产生了影响
-
Vue.js 3设计与实现（4）什么是组件？简单的渲染器
组件就是一组DOM元素的封装，这组DOM元素就是组件要渲染的内容
-
Vue.js 3设计与实现（3）运行时还是编译时，tree Shaking如何优化？
框架还需要考虑的是做成运行时、编译时还是运行时+编译时，前者对应React和Svelte。
-
Vue.js 3设计与实现（2）js计算和DOM计算的性能比较
Vue.js 3 设计与实现（2）js 计算和 DOM 计算的性能比较
-
Vue.js 3设计与实现（1）框架设计概览
Vue.js 3设计与实现（1）框架设计概览
-
Leetcode 面试题 05.04. 下一个数
面试题 05.04. 下一个数 面试题 05.04. 下一个数
-
一份Canvas实现的贪吃蛇小游戏
预览地址
-
Leetcode 795. 区间子数组个数
795. 区间子数组个数
-
Leetcode 640. 求解方程
今天我们来做一下今天的leetcode上一道中等题
My Popular Repositories
《Vue设计与实现》读书笔记
Frontend / AI builder profile README.
Frontend interface for a Web3 token swap platform.