- 博客(18)
- 收藏
- 关注
RSS订阅原创 将Figma设计秒变代码：Framelink神器解析
Framelink/figma-mcp-server是一个创新的开源项目，通过"描述性输出"将Figma设计稿转换为AI可理解的布局描述（如容器排列方式、间距等），而非直接生成代码。使用流程包括：获取Figma API令牌、配置MCP服务器、通过链接转换设计元素。相比官方MCP，它具有更高灵活性，支持多种框架，保留完整层级结构，且完全免费。最佳实践是原子化操作单个组件，并可在提示中指定项目特定的UI库要求，实现高度还原的代码生成。
2026-05-10 13:25:22
518
原创 如何使用 Canvas 在图片上绘制和拖拽方框Canvas 画布的特点：
获取canvas上下文，加载图片；绘画——使用上下文画框。——把“鼠标在屏幕上的位置”，转成“鼠标在图片里的真实位置。——使用CurrentBox存储 框的起点坐标和宽高。——更新当前拖拽框的坐标。
2026-04-17 13:59:54
57
原创 使用 GitHub Actions 将Nextjs 自动化部署到云服务器
在使用 Git Action 部署应用之前，我们需要将一些敏感信息（如服务器的 SSH 密钥）添加到 GitHub Secrets 中，以便在工作流中安全地使用。pm2 是一个 Node.js 的进程管理工具，可以帮助我们管理和监控 Node.js 应用程序。分支推送代码时，工作流就会自动触发，拉取最新代码并在服务器上执行构建和部署操作。现在，我们就可以通过域名或者公网 IP 直接访问 Next.js 应用。GitHub Actions 的工作流就配置完成了。在你的项目根目录下，创建一个。
2026-04-17 13:54:09
374
原创 AI聊天助手：如何实现打字机效果的流式渲染
【代码】AI聊天助手：如何实现打字机效果的流式渲染。Markdown 标题需要在 行尾有换行符 才能识别每次获取流数据的时候都以 \n分割数据，然后再进行拼接；减少不完整的情况，不完整时当作普通文本，完整后自动转换为正确的 HTML 元素
2026-04-16 16:01:24
74
原创 如何将react写的个人网站部署到GitHub pages
将react项目上传到GitHub任意仓库中，通过ph-pages将静态文件传到项目下的ph-pages分支中，然后让GitHub pages托管这个分支下的静态文件通过https://{username}.github.io/{repo}访问托管在GitHub Pages上的静态网站。
2026-04-16 15:45:13
26
原创 与AI共存：将焦虑转化为工具与机遇
ChatGPT引爆全球新一轮AI热潮；DeepSeek风头未减，Manus已然横空出世火爆全网……AI（人工智能）领域风起云涌，活力迸发。在舆论场上也开始出现“AI焦虑”的情绪：AI会不会取代自己的工作？我们又该如何自处？——利用好AI，让其成为自己的工具
2025-03-12 19:45:12
515
原创 避免用户不自觉点多次按钮
在项目中会有很多按钮点击调取接口的需求（比如：提交操作），很多业务用户会不自觉点两次或多次，就导致按钮click方法会多次触发，导致最后保存了好几条一模一样的数据，就会出现脏数据的情况
2025-03-11 20:04:03
917
原创 如何将前后分离的项目部署到云服务器
云服务器操作系统分为Windows和Linux类，Linux系统相对于win占用更少系统资源，一般选用Linux阿里云Linux镜像可选Aliyun Linux、CentOS、Ubuntu、Debian、SUSE Linux、OpenSUSE、CoreOS和FreeBSD。Aliyun Linux是阿里云原生Linux操作系统，针对ECS做了大量深度优化，完全兼容CentOS生态和操作方式；Ubuntu基于Debian，新手更容易上手，时长占有率也高。综上，阿里云ECS云服务器Linux镜像。
2024-03-12 09:03:12
2578
2
原创 Excel 导入导出（前端处理：xslx）（后端处理：hutool+poi || Easy Excel ）
判断前端是否有传过来ids，有就将其转成数组并queryWrapper查询出，没有就根据其他条件查询出数据列表。： Hutool-poi 模块中的一个工具类，用于处理 Excel 文件的读写。导出全部的可向后端传入ids.join(',')//把数组转成字符串。只需要在实体类的属性上面加一个注解 @Alias("中文")查询出来的list里是一条条user对象，所以有键值对。对象，比如获取工作表、将工作表转换为 JSON 等。方法会将文件读取为二进制数据缓冲区，即。对象的两种不同读取文件的方式。
2024-01-16 18:33:03
3021
1
原创 基于 hexo + gitHub/gitee + vercel 上线个人博客
不用购买云服务器，免费上线个人网站：使用hexo+GitHub page+vercel 或 hexo+Gitee 搭建打造属于自己的个人网站，在不同场合下让更多人快速地了解你认识你，并在交流和互动中促进个人成长、拓宽自己的人脉、打造个人形象……这个网站可以是你的个人简介、知识分享、作品展示……
2023-12-31 18:02:40
1993
2
原创 wangEditor+vue富文本编译器自定义扩展新菜单（插入域）
在wangeditor.vue文件中将编写的新菜单注册到wangeditor。可在config.js编写新菜单功能。导入到运用的vue文件里。
2023-11-18 21:29:29
2009
1
原创 使用Git将文件上传到GitHub
git init //把这个目录变成Git可以管理的仓库git add//git add README.md //文件添加到仓库git commit -m "first commit" //把文件提交到仓库git remote add origin 填写在GitHub创建的仓库下的ssh //关联远程仓库git push -u origin master //把本地库的所有内容推送到远程库上首先登录以及。
2023-07-04 20:05:15
1679
原创 多线程锁（synchronized 锁的执行顺序、公平锁和非公平锁）
非公平锁：效率高，但是线程容易饿死（所有的工作，有一个线程完成）公平锁：效率相对低 ，但是cpu 的利用高了。可以有多把同步锁，但只能有一把静态同步锁。多线程 多对象 多把对象锁，之间互不干扰。一个线程即一个对象，所以只有一把对象锁。同步锁间互不干扰，静态同步锁按顺序执行。一个线程即一个类，所以只有一把类锁。只能有一把同步锁，一把静态同步锁。多线程属于同个类，只有一把类锁。一个线程就一个对象，一个类。多线程即多个对象，同个类；对象级别，一个对象一把锁。两把锁，之间互不干扰。类级别，一个类一把锁。
2023-06-06 13:03:51
839
1
原创 如何创建线程，多线程下又如何上锁保护公共资源？
大厂必备技术之JUC并发编程；创建线程：Java 是编程语言，所以一般不使用继承thread类创建线程；synchronized和lock的区别
2023-06-06 12:45:04
612
1
原创 什么是线程，什么是多线程
什么是程序、进程和线程；多线程又是什么？创建三个线程模拟售票窗口售票 → 可能会出现超卖现象 → 解决：加上synchronized。
2023-06-04 18:24:54
189
1
原创 微信小程序换行、空格的几种写法
在微信小程序中，可以使用以下几种写法实现换行和空格。使用空格字符：在文本中直接输入空格字符，例如："这是一个空格： "。使用 实体字符：在文本中使用 实体字符表示空格，例如："这是一个空格： "。
2023-05-31 18:14:19
15055
4
原创 字符串（kmp匹配 ；马拉车回文串；多串字典树）
kmp匹配 ；马拉车回文串；字典树1、给出N 个单词组成的熟词表，以及一篇全用小写英文书写的文章; 将n个单词建立成字典树； 这一大串字符串到字典树中找2、多个字符串的公共前缀 建字典树；找最近公共祖先...
2022-08-06 23:46:19
479
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人