697 字
2 分钟
作品橱窗
🚀 精选实战项目 | Featured Works
Web 项目。从原生前端的极致交互,到 Node.js 全栈的架构闭环,点击下方链接即可直接在线体验!
🌌 0ky.top 个人名片与多媒体中心
深度整合多媒体交互的高颜值引导页。
- 🎵 沉浸多媒体:独立开发复刻级“QQ音乐”横屏播放器,支持动态歌词平滑滚动与全屏环境光毛玻璃渲染。
- ✨ 视觉冲击:全局樱花飘落动态特效,配合全系支持的 24 小时动态昼夜感知主题。
- 🌐 聚合生态:极简响应式卡片布局,无缝连接至我的视频库、简历及软件仓库等核心资产。
- 🛠️ 核心栈:
HTML5CSS3JavaScriptBootstrap
📄 HeKaiyan 多维静态个人简历
原生 JS 与 CSS3 打造的性能级展示平台,我的“数字履历”。
- 🌌 极致动效:全网首创级原生 Canvas 动态星空背景动画,赋予页面深邃的视觉体验。
- ⚡ 纯粹性能:零臃肿框架依赖,采用原生三剑客构建瞬间加载的多页面 (Mpa) 架构。
- 📱 完美响应:无论是 PC 大屏还是移动端触摸设备,皆能呈现完美的排版比例与阅读体验。
- 🛠️ 核心栈:
HTML5CSS3JavaScriptCanvas
💬 全栈社交留言板 (Message Board)
打通前后端任督二脉,深度集成第三方生态的 Vue2 + Node.js 全栈闭环。
- 🔐 极客鉴权:打通 Gitee OAuth 第三方授权登录,深度集成 Nodemailer 实现 QQ 邮箱验证。
- 🔥 核心交互:实现抖音级“楼中楼”多层嵌套评论逻辑,配合 JWT 保障安全防刷。
- 📦 工程落地:严谨的
.env环境变量物理隔离,以及完美的 CORS 跨域请求处理。 - 🛠️ 核心栈:
Vue2Node.jsExpressMySQL
📦 0ky AppStore 全栈软件仓库
原生 SPA 单页应用的极致性能体验。
- 🍎 丝滑交互:拒绝臃肿,用 Vanilla JS 打造媲美原生 App 的单页面响应速度与苹果级毛玻璃 UI。
- 📱 移动端攻坚:深度引入 Polyfill 补丁,完美攻克 HTML5 在移动端触屏的拖拽排序难题。
- 🛡️ 安全代理:Node.js 服务端代理转发第三方 API 请求,从根源杜绝前端密钥泄露风险。
- 🛠️ 核心栈:
Vanilla JSNode.jsExpressMySQL
分享
如果这篇文章对你有帮助,欢迎分享给更多人!
部分信息可能已经过时
相关文章 智能推荐








