Mor | void

在开发纯前端的番剧九宫格工具时，我遇到了一个经典问题：html2canvas 无法截取来自第三方 API（如 AniList、Bangumi）的图片。原因是这些图片服务器没有设置 Access-Control-Allow-Origin 头，浏览器出于安全策略限制了 canvas 对跨域图片的读取。

解决方案是用反向代理——让图片请求先经过自己的服务器，在响应中手动添加 CORS 头。这里使用了两种方式：自建 Cloudflare Worker 和朋友提供了 vercel worker 来做反向代理。两者可以配合使用，提高成功率。

点击阅读...

有关设计到代码、可视化开发与低代码或无代码建站的技术总结

2026-01-30

Hello, 赛博世界

注意到Canva可画的设计图直接建站的技术十分新奇，打算特地研究一下。

核心概念

设计到代码（Design-to-Code）：最直接的描述，指将视觉设计稿自动转换为前端代码（HTML/CSS/JS）的技术。
可视化开发（Visual Development）：通过拖拽、配置等可视化操作生成页面，无需手动编码。
低代码/无代码建站（Low-code/No-code Website Builder）：通过预设模块和逻辑快速搭建网站，Canva属于典型的无代码工具。

点击阅读...

前端网站项目——满记甜品更新日志 2026.1.28

2026-01-30

Hello, 赛博世界

前端网站项目——满记甜品更新日志 2026.1.28

满记甜品这个项目是2022年时前端结课答辩时小组合作写的。原本的网站是无需渲染的MPA模式，作为答辩还是太简单了些。于是我们将纯静态展示的满记甜品官网复刻下来，并调整为组件化开发、新增预加载和预加载动画、媒体查询，新增网购功能，新增用户系统。

很有趣的是，当年的小组成员并不会使用git，唯一会UI设计的我也是把设计新页面的大活交给了SAI这个绘画软件来做。时至今日已经学了更多UI设计与UX设计的内容，满记甜品也从2022年的扩展线下店变成了如今发展零售业加盟，还换了官网。时过境迁打算对满记甜品进行更新一次。

（不过既然时代变了，我已经能从UI设计到前端开发到后端开发到项目部署一气呵成了，或许这次可以尝试直接采用Vue做SPA架构再上线？）

更新日志：

2026年1月28日至2026年1月30日：全网站页面设计

点击阅读...