您正在查看: admin 发布的文章

折腾Webpack4配置

搞定之后,仿佛有种世界在手的错觉。
得益于parcel,Webpack4 相比3 还是改动了蛮多.开始喊出让用户开箱即用的口号。

1.mode 的设置,默认为 production,设置后可以在编译过程中替换调 process.env.NODE_ENV, 即替代了之前的这段代码:

new webpack.DefinePlugin({
  'process.env.NODE_ENV': `"${process.env.NODE_ENV}"`
})

- 阅读剩余部分 -

基于 H5 实现的简易音乐播放器

梦想做个厨子,结果成了码农

听久了云村音乐,加上自己是个前端,于是想尝试造个轮子。

歌词同步

实现难点

歌词是这般的

[00:18.640]这街上太拥挤
[00:20.820]太多人有秘密

于是你要基于前面的时间,在与当前播放的时间去做对比,选出下一句歌词。
仔细想想好像也就那回事。

实现方式

  • 基于 timeupdate 的时间去判断
  • 基于时间戳,然后利用 setTimeout 标准延迟(delay多少就是多少)

- 阅读剩余部分 -

欢迎使用 Typecho

如果您看到这篇文章,表示您的 blog 已经安装成功.