这张牌里有个洞这是一个展示 CSS :hover 视差效果(Parallax)卡片动画 的示例页面,结合 GSAP、Draggable 与 Tweakpane 实现鼠标与设备方向控制的 3D 卡片旋转、环形动态与实时调试面板,适合前端动画学习与视觉交互演示。
TypeScript:我不玩 JS 了,我改用 Go 了(性能提升 10×)最近 TypeScript 团队发布了最新进展——TypeScript 7 的原生版本(native compiler)已经进入可实战阶段! 这是一次真正意义上的“大进化”。不是简单的语法小更新,而是 架构级重写。 一句话总结: TypeS
⚠️一次凌晨的主机安全警报:从挖矿木马到 Next.js 漏洞今天清晨刚睁眼,就被腾讯云的一条「恶意文件通知」吓醒。 这意味着什么? 简单讲:有人可能正在利用你的服务器挖矿、控制、甚至准备进一步攻击。 作为开发者/维护者,这是最不想看到的事情之一。 🧨 1. 事件回顾:凌晨 5:45 的安全告警 告
CSS实现3D国际象棋模型这是一款基于纯 CSS 实现的 3D 立体国际象棋棋盘示例,支持动态旋转展示,拥有完整棋子造型与棋盘阴影效果,无需 JavaScript,即可呈现沉浸式 3D 可视化效果,适合前端学习与视觉演示。
源码学习——手写 zustand《手写 Zustand》完整教程,带你从零实现一个简易状态管理库,讲解核心原理、闭包状态存储、发布订阅模式,以及 React 中的 useSyncExternalStore 用法,帮你深入理解 Zustand 工作机制。
用代码画一个佐助这是一幅使用纯CSS绘制的《火影忍者》角色宇智波佐助像素画,采用HTML5与CSS3实现,无需图片,通过伪元素与box-shadow属性精准还原角色外观,展示前端像素艺术创作与CSS像素绘图技巧。
起飞咯这是一个基于 Three.js 的低多边形 3D 世界实验,展示动态场景渲染、光照、阴影、天空与地形效果,用户可以通过鼠标控制飞机移动。项目包含旋转的森林、飞行的飞机、太阳和天空等元素,适合作为 WebGL 可视化、3D 前端交互和 Three.js 学习示例。
弓箭射靶小游戏一个基于 HTML5 SVG、GSAP 动画和 JavaScript 实现的弓箭射击靶心小游戏,支持鼠标与触摸操作,真实弓弦拉伸与箭矢飞行动画,命中靶心时触发动态提示效果,适合前端动画与交互练习。
两只蜡烛的创意 Loading一个使用纯 CSS 实现的趣味蜡烛动画示例,包含背景切换、火焰跳动、眼睛眨动、烟雾飘散等效果,展示 CSS3 动画、transform、keyframes 的创意用法,适合前端开发者学习纯 CSS 动画技巧。
一个抽象搞怪的 404 页面一个简洁美观的自定义404错误页面模板,使用Bootstrap 3和Google Fonts Arvo字体设计,支持响应式布局和CSS动画背景,适合网站错误页面优化与用户体验提升。
让小熊吃到星星《让小熊吃到星星》是一款基于 HTML5 Canvas 的益智小游戏,玩家通过拖动和旋转网格,引导小熊抵达星星位置。游戏使用原生 JavaScript、CSS3 动画和交互事件处理,支持多关卡选择和物理旋转效果,提供流畅的网页端游戏体验。
脉冲星崩解一个基于 Three.js WebGL 粒子特效 的互动演示,展示“脉冲星崩解”视觉效果。支持主题切换(熔岩、宇宙、翡翠)、粒子动画、冲击波效果和交互式控制,结合 UnrealBloomPass 后处理、OrbitControls 相机控制,实现沉浸式 3D 动态体验。
可爱的柴犬一个基于 Vue.js 的可爱柴犬互动组件示例,结合 SVG 与 CSS 动画实现角色表情、耳朵和眼睛的动态效果,支持随机化展示多种柴犬角色(Ume、Sesame、Tuna、Okaka 等)。