用 Vue 仿了一个抖音,大佬们看下算是什么水平?

2024 年 4 月 1 日
 ttentau1

只做到这种程度

演示地址: https://dy.ttentau.top/

注意:PC 浏览器请用手机模式访问。先按 F12 调出控制台,再按 Ctrl+Shift+M 切换到手机模式

项目地址: https://github.com/zyronon/douyin

大佬们看一下,这相当于什么水平?

26312 次点击
所在节点    分享创造
169 条回复
zoezz
2024 年 4 月 2 日
请问 OP 是如何将 Vue 项目转 Uniapp 打包成 apk 的,手上也有个小 Demo ( Vue 3 + Vite + Tailwindcss )想要实际操作一下
woody3rd
2024 年 4 月 2 日
强回来了
8Ri72kLA9ORo6m6f
2024 年 4 月 2 日
视频滑动下一个过度比较自然,这个是如何实现的?
8Ri72kLA9ORo6m6f
2024 年 4 月 2 日
浏览器默认不让自动播放,这个是如何解决的
robotdiy
2024 年 4 月 2 日
相当厉害!
ttentau1
2024 年 4 月 2 日
@shenhuilin0 #114 可以啊,你可以 fork 这个项目,然后使用 vercel 或 netlify 这种服务来托管,我就是托管在 vercel 上的,国内访问速度还不错。
ttentau1
2024 年 4 月 2 日
@CHTuring #119 谢谢,已经合了
ttentau1
2024 年 4 月 2 日
@zoezz #121

你先下载个 HbuilderX ,然后新建一个 5+App ,再把 Vue 打包生成 dist 目录下的所有文件复制到刚刚创建的 5+App 目录下面( index.html 直接覆盖)。最后在 HbuilderX 里面运行到手机看看效果,还行的话就可以直接打包了

ttentau1
2024 年 4 月 2 日
@itcong #124 静音就可以自动播放。可以后续引导用户打开音乐
zoezz
2024 年 4 月 2 日
@ttentau1 #128 感谢 OP ,我回头试试
CHTuring
2024 年 4 月 2 日
@ttentau1 #127 还有一个,期望快点引入 Prettier 规范格式化,并且把项目 format 一遍,不然想改动都得很畏手畏脚,一不小心就把你整页的记录刷掉了。
HashV2
2024 年 4 月 2 日
厉害! fork 了
ttentau1
2024 年 4 月 2 日
@itcong #123

1 、滑动我是监听了 touchstart 、touchmove 、touchend 这三个事件,自己判断滑动方向、是否消费事件、滑动距离。

2 、删除和增加视频,不可以使用 Vue 的 v-for 来更新,v-for 的数组有变动,Vue 会删除 div ,再迅速添加回来。这样会导致正在播放到一半的视频,由于被删除了,又被添加回来了,就会从 0 开始播放。实际表现出来就是每滑动一次视频就卡一下

3 、在页面中,始终保持 5 个视频左右,每个视频都设置了预加载。屏幕当前显示的视频总是第三个。往上滑动会用 jQuery 在最后添加一个视频,并把最前面的一个视频删除掉,往下滑动同理
tthem
2024 年 4 月 2 日
大佬太牛了!
toan
2024 年 4 月 2 日
高仿的可以!很厉害!
cherishwinner334
2024 年 4 月 2 日
牛哇,18 年做到今天是终于开源了。比起功能,我觉得更难得的是坚持。
cherishwinner334
2024 年 4 月 2 日
看了项目 commit 确实 18 年到现在 是不容易的啊,坚持可贵
gargar
2024 年 4 月 2 日
很顺滑。另赞坚持👍
nonewind
2024 年 4 月 2 日
大佬 牛牛牛 !!!!
loveinj
2024 年 4 月 2 日
又一个大佬诞生了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/1028678

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX