封装实现了表单的单项绑定

2020-05-11

今天,群友 @Isalah 为我介绍了一个妹子?她想要做一个静态的网页拿去交作业。而我作为手写源码的老手,决定还是亲自出马,并以此作为今天的直播内容之一。我依旧使用了 Wakatime 统计时间,从搭建到成型细化,只用了不到一个小时,无任何框架纯手写,还行吧?

之后便是继续完善我的奇趣起始页项目,主要给设置项进行了单项绑定,以及修复了关闭窗口的动画闪烁问题。单向绑定主要是批量遍历属性及设置元素值,其中 checkboxinput 天生就是分开的,因为它们分别采用 checkedvalue 属性控制内容。

动画闪烁的问题主要是出在 CSS 动画属性上,少了一个 animation-fill-mode: forward 属性,在我这边也就是控制动画播放完毕之后展示的画面变成动画的最后一帧。即便 JS 的定时器处理速度和动画出现小偏差,也不会出现闪回去的情况了。

以此同时,我也把用户数据正式提交到了 GitHub 上,起始页可以直接调用那里托管的 JSON 文件,自带 CORS 头,非常方便。要是增加了导出用户设置的功能,这个项目估计很快就可以公开使用了吧!

ごはんはおかず 小雨 一般
概览页 时间轴
奇趣音乐盒 技术源于 Kico Player
Emmm,这里是歌词君