登录
/
注册
首页
论坛
其它
首页
科技
业界
安全
程序
广播
Follow
关于
导读
排行榜
资讯
发帖说明
登录
/
注册
账号
自动登录
找回密码
密码
登录
立即注册
搜索
搜索
关闭
CSDN热搜
程序园
精品问答
技术交流
资源下载
本版
帖子
用户
软件
问答
教程
代码
写记录
写博客
小组
VIP申请
VIP网盘
网盘
联系我们
发帖说明
道具
勋章
任务
淘帖
动态
分享
留言板
导读
设置
我的收藏
退出
腾讯QQ
微信登录
1
2
/ 2 页
下一页
返回列表
首页
›
业界区
›
业界
›
一个关于时间、节奏和前端动画的小实验:新年倒计时 ...
一个关于时间、节奏和前端动画的小实验:新年倒计时
[ 复制链接 ]
菅舛
2026-1-1 17:25:01
程序园永久vip申请,无限下载程序园所有程序/软件/数据/等
今年整理了一些前端实验,主题看起来很简单:
新年倒计时
。
但在实现过程中,我刻意给自己加了几个限制:
不使用任何前端框架
不依赖第三方动画库
所有逻辑可直接在浏览器中理解
最终做成了一个包含多个子项目的仓库,每个子项目都是一个独立实验。
我更关注的不是“效果有多炫”,而是:
时间如何被感知
动画如何服务于节奏
声音在交互中的角色
这些项目都不是“产品级代码”,但很适合用来拆解、改造,或者作为 Canvas / 动效学习素材。
已将完整代码开源在 GitHub(MIT License):
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
一个
关于
时间
节奏
前端
相关帖子
AI编程一句话开发一个浏览器一键多开网页的插件
从摸鱼到专注,从纠结到决定:一个打工人的7个“源能量”时刻
我用 SubAgent 做了一个 AI 自动修复闭环:流式修代码、自动构建、失败重试
一天一个Python库:scikit-learn - 机器学习领域的全能工具箱
为什么我建议前端基建有必要做 npm 仓库私有化
做了一个网页天气可视化 2
电容是什么?一个“快充快放”的微型充电宝
我用 Codex 和 Gemini,做了一个本地桌面版的 Codex 账号管理器
我用 Codex 和 Gemini,做了一个本地桌面版的 Codex 账号管理器
一天一个Python库:isodate - 处理 ISO 8601 日期时间格式
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
相关推荐
安全
AI编程一句话开发一个浏览器一键多开网页的插件
0
54
臧莞然
2026-03-30
业界
从摸鱼到专注,从纠结到决定:一个打工人的7个“源能量”时刻
0
468
井晶灵
2026-03-30
安全
我用 SubAgent 做了一个 AI 自动修复闭环:流式修代码、自动构建、失败重试
0
784
挽幽
2026-03-30
业界
一天一个Python库:scikit-learn - 机器学习领域的全能工具箱
0
520
揿纰潦
2026-03-30
业界
为什么我建议前端基建有必要做 npm 仓库私有化
0
494
滕佩杉
2026-03-30
业界
做了一个网页天气可视化 2
0
953
赫连如冰
2026-03-30
业界
电容是什么?一个“快充快放”的微型充电宝
0
118
舒娅友
2026-03-30
业界
我用 Codex 和 Gemini,做了一个本地桌面版的 Codex 账号管理器
0
786
姚梨素
2026-03-31
业界
我用 Codex 和 Gemini,做了一个本地桌面版的 Codex 账号管理器
0
633
涣爹卮
2026-03-31
安全
一天一个Python库:isodate - 处理 ISO 8601 日期时间格式
0
983
濮阳雅爱
2026-04-01
回复
(22)
釉她
2026-1-18 13:40:14
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
感谢发布原创作品,程序园因你更精彩
米嘉怡
2026-1-18 22:37:50
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
感谢分享
蔬陶
2026-1-21 13:29:12
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
新版吗?好像是停更了吧。
官厌
2026-1-22 14:09:18
回复
使用道具
举报
照妖镜
程序园永久vip申请,无限下载程序园所有程序/软件/数据/等
谢谢分享,辛苦了
祖柔惠
2026-1-22 21:21:52
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
懂技术并乐意极积无私分享的人越来越少。珍惜
归悦可
2026-1-23 16:16:17
回复
使用道具
举报
照妖镜
程序园永久vip申请,无限下载程序园所有程序/软件/数据/等
谢谢楼主提供!
都淑贞
2026-1-27 20:10:31
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
分享、互助 让互联网精神温暖你我
南宫玉英
2026-1-29 01:56:51
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
这个好,看起来很实用
获弃
2026-1-30 03:22:00
回复
使用道具
举报
照妖镜
程序园永久vip申请,无限下载程序园所有程序/软件/数据/等
感谢分享
宁觅波
2026-1-31 14:29:37
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
过来提前占个楼
撷监芝
2026-2-8 19:29:01
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
感谢发布原创作品,程序园因你更精彩
倡遍竽
2026-2-9 08:05:41
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
过来提前占个楼
空娅芬
2026-2-10 17:25:24
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
用心讨论,共获提升!
灼巾
2026-2-10 18:25:17
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
谢谢楼主提供!
阕阵闲
2026-2-11 02:55:12
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
收藏一下 不知道什么时候能用到
赀倦
2026-2-11 11:41:32
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
感谢分享
捡嫌
2026-2-11 21:33:22
回复
使用道具
举报
照妖镜
程序园永久vip申请,无限下载程序园所有程序/软件/数据/等
懂技术并乐意极积无私分享的人越来越少。珍惜
恿深疏
2026-2-12 15:51:23
回复
使用道具
举报
照妖镜
程序园永久vip申请,无限下载程序园所有程序/软件/数据/等
懂技术并乐意极积无私分享的人越来越少。珍惜
孟茹云
2026-2-12 20:24:59
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
用心讨论,共获提升!
下一页 »
1
2
/ 2 页
下一页
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
回复
本版积分规则
回帖并转播
回帖后跳转到最后一页
浏览过的版块
安全
签约作者
程序园优秀签约作者
发帖
菅舛
2026-2-12 20:24:59
关注
0
粉丝关注
16
主题发布
板块介绍填写区域,请于后台编辑
财富榜{圆}
3934307807
991125
anyue1937
9994892
kk14977
6845359
4
xiangqian
638210
5
神泱
9539
6
宋子
9880
7
韶又彤
9911
8
注思
9034
9
荪俗
9023
10
诀锺
9036
查看更多
今日好文热榜
72
记一次Webshell流量分析2 | 添柴不加火
451
记一次Webshell流量分析2 | 添柴不加火
136
记一次Webshell流量分析2 | 添柴不加火
725
记一次Webshell流量分析2 | 添柴不加火
66
记一次Webshell流量分析2 | 添柴不加火
405
AI元人文:在荆棘中开路——对四个实践性追
928
记一次Webshell流量分析2 | 添柴不加火
0
Python模块与包管理完全指南:从入门到精通
420
记一次Webshell流量分析2 | 添柴不加火
0
Python模块与包管理完全指南:从入门到精通
268
AI元人文:在荆棘中开路——对四个实践性追
575
记一次Webshell流量分析2 | 添柴不加火
84
记一次Webshell流量分析2 | 添柴不加火
158
记一次Webshell流量分析2 | 添柴不加火
874
记一次Webshell流量分析2 | 添柴不加火
146
记一次Webshell流量分析2 | 添柴不加火
824
记一次Webshell流量分析2 | 添柴不加火
497
AI元人文:在荆棘中开路——对四个实践性追
873
记一次Webshell流量分析2 | 添柴不加火
150
记一次Webshell流量分析2 | 添柴不加火