2024-03-16
早期 DEMO 集
最近从老硬盘里搜出了之前老电脑用了很多年的 www 目录, 心血来潮整理了一下里面的 demo 代码, 收录在这里, 时间集中在大学黑历史期间。我是傻逼
0%
XhrUnsent
# 2016/04/14 randstr ↵
16 年当时刚刚接触前端，这可能是我写的前 500 行 js, 得益于 C 的基础好，这段代码当时很快就写完了，相比写 C 的那套 stdout, 这里的 UI 效果让我有巨大成就感，后面就入坑了。
# 2016/05/11 BPlayer ↵
前端仔一定会写的播放器系列，这是第一版, 支持滚轮调整音量、选择本地音频、音频动画
# 2016/07/18 jPlayer ↵
前端仔一定会写的播放器系列，这是其中一版, 我后续印象里还做了好几个版本, 这个版本是利用「频域」信息绘制的，声音越大圈越大，结果以 canvas 呈现
# 2016/08/20 newTab ↵
定制化标签页系列, 估摸着是学了
:hover
配合 transition
的效果# 2016/09/17 vPlayer ↵
前端仔一定会写的播放器系列，这是其中一版, 我后续印象里还做了好几个版本, 这个版本是利用「时域」信息绘制的，拿到时域信息画在 canvas 上实现效果
值得一提的是，这个 demo 是用 vue1.x 实现的 （没错尽管我总是喷 vue, 实际我是 vue1.x 就在用的老玩家了）
# 2016/11/28 vally-old ↵
前端仔一定会写的博客系列，这个 Vally 就是目前本站用的 Vally, 不过版本很老, 当时还是请求本地数据库的服务，不是现在的静态博客架构
黑历史: 这是 php 写的后端，前端是 vue zepto.js ajax 发请求取数据, 接口我 mock 了大部分，算是能用用, admin 密码随便输即可进入, 另外不要吐槽我用 1 当成 success 的状态码，当时年轻还不知道业界用的是 0 。。。应该是想着 1 是 true, 0 是 false 觉得 true 说明正常就用了 1
# 2017/02/09 TrafLights ↵
当时在上学习数电还是编译原理里的有限状态机理论，就去找了下 js 实现来玩一下
# 2017/04/01 inline-block 之间的空白问题 ↵
当时还想了一下原因，因为使用 font-size:0 就有效，因此往字符相关的问题去想，想起来 DOM 里面有
#text
的存在，因此看了下 container 的 childNodes
属性，果然里面包含了 \t
\n
\32
这些字符渲染出来的 #text
, 最终效果就是 inline-block 之间有空白。在 2024 年，这类问题还是没有完美方式，建议不要再用老一套盒模型布局了，拥抱 flex 这类 CSS3 推荐的新布局方式。
# 2017/03/27 CSS Learn ↵
记得是在 NW 工作室恶补 css 各个属性以及动画相关的实现
# 2017/05/07 myResume ↵
开始找实习 ...
# 2017/07/29 iOS Switch Button ↵
很经典 「前端仔的组件库」
# 后面呢？ ↵
除了上述之外还有些别的，不过各方面没上面几个好，上面几个大概还有点印象，其他写的基本就没印象了