博客

Github：https://github.com/Terry-Su/blogs

网站：https://terry-su.github.io

项目

debug-react-source-code

搭建阅读React源码调试环境，支持所有React版本细分文件断点调试。当前最新React版本：18.1.0。

Create an environment for reading and debugging react source code, support debugging breakpoints subdivision files of all react versions. Latest version: 18.1.0.

项目地址：https://github.com/Terry-Su/debug-react-source-code

drawjs/drawjs

自研2D Canvas图形绘制库。

Self-Developed 2D Canvas Graphics Rendering Library.

官网：https://drawjs.github.io

项目地址：https://github.com/drawjs/drawjs

code-live

Mini版codepen，实时编辑html/css/js并预览结果。

Mini codepen,Live editing of HTML/CSS/JS with real-time preview of the results

使用案例：https://terry-su.github.io/CDN/CodeViewer/?html=%3Ch1%3EHello%20%3Cspan%20id%3D%22container%22%3E%3C%2Fspan%3E!%3C%2Fh1%3E&css=body%7B%20background%3A%20deepSkyBlue%3B%20%7D&js=document.getElementById(%22container%22).innerHTML%20%3D%20%22Code%20Live%22

项目地址：https://github.com/Terry-Su/code-live

工具

cross-copy-paste

跨端复制粘贴方案，解决比如串流场景不支持复制粘贴问题。

Cross-platform copy-paste solution to address issues like the lack of copy-paste support in streaming scenarios

项目地址：https://github.com/Terry-Su/cross-copy-paste

不依赖专门字幕遮挡工具实现字幕遮挡方案

微软商店下载snippaste，截取一块纯色区域长条后，F3显示长条，调整尺寸作为遮挡条，Shift+F3/F3切换隐藏和显示。可在设置中修改快捷键。

完整方案地址：https://www.bilibili.com/opus/952954969853526039