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

[ttentau1]

只做到这种程度

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

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

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

大佬们看一下，这相当于什么水平？

刚用uniapp的5+app 打了个安卓包

下载地址：test-5-app.apk

第一次用uniapp的这个功能，打出来的包还挺小的，只有6M的样子，apk用起来感觉还可以，有些小瑕疵，返回按钮需要特殊处理才行

看到有V友说视频不错，问博主是哪些

在此分享一下，她们分别是：

• 我是香秀🐂🍺： https://v.douyin.com/iYRAPA2L/
• 杨老虎🐯（磕穿下巴掉牙版）： https://v.douyin.com/iYRA56de/
• 条子： https://v.douyin.com/iYRAaqjr/
• 达莎Digi： https://v.douyin.com/iYRA6rwT/
• 小橙子： https://v.douyin.com/iYRAnudw/
• 南恬： https://v.douyin.com/iYRAbKm3/
• 小霸宠牛排🥩：https://v.douyin.com/iYRSosVB/
• 奶茶妹◕🌱： https://v.douyin.com/iYRACKhP/
• 我才是岚岚： https://v.douyin.com/iYRAQM1C/
• 周憬艺ziran： https://v.douyin.com/iYRAQs4h/
• 刘思瑶nice： https://v.douyin.com/iYRAaERn/
• 彭十六elf： https://v.douyin.com/iYRAHrVG/
• 李子柒：https://v.douyin.com/iYRA5B88/

[EmpCold]

好家伙，可以直接用了。

[lxyv]

nb ，第一感觉可以找个搞灰产的合作，弄个抖音 18+

[344457769]

可以，搞个后端接入一下 Pxxnhub ，抖音变抖阴

[jerry10086]

厉害厉害

[yangheng4922]

@344457769 #3 666

[TiaoYeTaiLang]

怎么都是瑟瑟视频的？

[hfl1995]

太吊了，不知道的还以为源码泄露

[ttentau1]

@lxyv @344457769 有点邢啊

[bojackhorseman]

牛牛牛

[liubaicai]

很好啊，已 fock+star

[ttentau1]

@TiaoYeTaiLang #6 不是瑟瑟视频，视频都是抖音原来就有的哈，我只是把抖音粉丝比较多的几个女网红的数据下载下来了而已

[yolee599]

太牛了，感觉源码可以卖钱了

[CHTuring]

好家伙

[body007]

nice ，大牛。

[jucelin]

楼上的告诉我们：技术不值钱，内容值钱
都在关注内容啊

[ttentau1]

@yolee599 #12 只是前端感觉卖不了多少钱啊，得配后端和后台啥的吧

[NothingExist]

感觉挺可以的，问一下技术栈

[Felldeadbird]

合适搞灰产，然后视频 APP 可以快速打包了。

[gazi]

效果挺好，star 了。不知道能不能打包成 app

[clearlove13]

刑

[git00ll]

以假乱真

[aulayli]

牛逼

[1217950746]

刑的很，被灰产拿去 18+ 了的话，会抓原作者吗

[cquan]

评论说可以做灰产，其实很早之前灰产就已经有这样的成品了

[whatalittleboy]

我这里网页打开没有声音

[maocat]

Iphone 手机，私信聊天页面进去，右划退出，退出了两次

[cquan]

@cquan 刚才没看项目，还以为只有视频播放界面，重新看了下这个很全面，灰产的那个只有视频播放界面😂

[liqingyou2093]

很不错, 要是能打包 APP 或者 PWA 就更好了

[ttentau1]

@whatalittleboy #25 特意把视频设置为静音了，因为想要在浏览器上自动播放视频必须要静音才可以，不静音就必须要手动去点播放才行

[jiekeop]

666

[dingxi]

🐂🐂🐂，这个模板开源很多小网站可以直接套用了

[PaiDaTun]

弄个 f**k 18+

[czy8187888]

有点强👍

[Rannnnnnn]

6

[ynxh]

牛逼

[me1onsoda]

卖给灰产，会不会涉及帮信罪

[DYINA]

这是去官网一比一克隆了页面吗，胎牛了

[HUZHUANGZHUANG]

@344457769 #3 什么抖阴，太俗了，明明是成年人刷的抖音

[iMusic]

内容不错

[charleschilips]

不整点奥德彪差评

[iold]

视频质量不错。

[wwk]

有点东西啊

[jurassic2long]

只能说大佬牛 B

[flyqie]

楼主这。。

有点不敢相信是第三方，做的太全了。。

[JingXiao]

牛逼，除了实现完成度很高，视频内容质量很高三四层楼那么高

[ensin]

打包成 app 效果居然也这么好👍

[pythoner]

@344457769

好家伙，可太刑了

[ttentau1]

@Felldeadbird @gazi @liqingyou2093 可以打包成 app ，这是我用 uniapp 打包的 app ，效果还不错

https://mp-60602a31-484c-45a9-8f2a-529724c71be4.cdn.bspapp.com/cloudstorage/H560D6C51_20240401105103.apk

[Govda]

@lxyv 你做好了记得 @我

[duanxianze]

厉害啊，学习一下

[FreshOldMan]

具体抖音差多了吧，抖音最难度的难道不是各种动效和各种滤镜吗，你只是实现了最简单的一层 UI

[xingchenxf]

数据源爬的抖音的？

[jethroX]

牛的，我们之前也做过类似的产品，效果很拉胯，学习一下

[ttentau1]

@xingchenxf #52 不用爬，抖音有 web 版，直接打开控制台复制接口的数据就行啦~

[zk98]

@344457769 我看刑

[aino]

古希腊掌管 VUE 的神

[shzbkzo]

无限滚动可以，很丝滑

[crocoBaby]

写的挺好的,就是用的语法不一致,有的 vue2 写法,有的 vue3 写法,有的 tsx 写法...

[ttentau1]

@crocoBaby #58 因为这个项目我写了好多年... 在 18 年的时候，刚学 vue ，所以创建了这个项目来练手。后面换新工作太忙了就没弄了，最近比较闲又开始完善，最近写的就是 vue3 的写法，之前就是老写法

[dazuijuren004]

视频播放很流畅啊，上下滑动也没有卡顿，可以写篇博客啥的，分享一下

[crocoBaby]

@ttentau1 直接 setup 语法好了,代码冗余会少很多,基本上单文件不会超过 1k

[llcczz]

666 ，视频很好看

[llcczz]

@dazuijuren004 可能是用了 swiper.js 这种现成的第三方库吧

[lxyv]

@lxyv #2 我开玩笑的，警哥看到请无视，我是遵纪守法好公民。

[shuxhan]

如果可以支持自定义博主就厉害了，以后可以专门拿这个看关注的内容 😗

[zhw2590582]

douyin.com 没做跨域处理吗，你怎么做到在你的域名里播放它的视频

[ttentau1]

@llcczz #63 @dazuijuren004 #60 试过 swiper 不行。上下左右滑动是通过监听触摸事件判断移动距离。Vue 的组件可以通过 render 方法或 createApp 方法拿到最终的真实 dom ，然后就只需用 jQuery 动态删除和增加 dom 元素就可以实现无限滚动了

[ttentau1]

@zhw2590582 #66 html 里面设置<meta name=referrer content=no-referrer>就可以了。抖音的视频是不会过期的，但是图片会过期的，所以我用 node 把我数据里面用到的图片全下载下来了

[oiseau]

加入分区制度，88 ，888 ，8888😋

[Dream11]

厉害

[wfd0807]

灰产：就看收款问题怎么解决了

[ttentau1]

@cquan #27 成人版抖音早就有啦

[ttentau1]

@charleschilips #40 哈哈，我再放点修马蹄和锻刀大赛？

[zhutianjingtu]

电脑上貌似上下滑动不能切换？

[ttentau1]

@zhutianjingtu #74 电脑上要先设置成手机模式才能滑动

[stevenshuang]

老板问我，为什么上班刷抖音

[hxy100]

厉害厉害，这才是前端工程师该有的水平

[northquq]

🐮

[y1y1]

牛哇，马上拿来看短剧

[kemistep]

大佬，react 版本也搞起来

[ttentau1]

@kemistep #80 你想累死我

[ttentau1]

@hxy100 #77 谬赞了

[lvtuyukuai]

挺软的，挺好看的

[garlics]

定制版的抖音，挺好的，不用养号了。

[craiiz]

starred

[ceeeeeeeeeeeeeeb]

确实 nb

[thetbw]

666 ，学习学习

[yuchen198]

可以哈哈。可以做个成人版 dou y

[mrwangjustsay]

仿的不错 代码质量还可以提升

[enjoyCoding]

op 内啥, 有没有批量关注的脚本 帮我关注你下载的数据包的这几个博主, 很喜欢这些博主的风格, 想学习他们拍短视频

[vevlins]

样子挺好的，不过也没啥卵用啊，你封装一套完全的带前后台的，卖给别人做抖阴没准真可以。

[jinyaocn]

大佬太强了

[ixinshang]

再把算法搞上 妥了

[KillPaul]

没人提浏览器窗口宽度变化时页面的问题么？而且有的页面元素宽度完全跟随浏览器，大屏看起来会像半成品。

[ttentau1]

@KillPaul #94 因为我特意对窗口宽度变化加了检测，会重新刷新页面。大屏和小屏不可兼得的，要写很多的兼容 css 或者完全对大屏做一套适配

[ttentau1]

@vevlins #91 听起来有点刑啊，做这个项目没有想去赚钱，只是一开始学 vue 时的练手项目而已，最近才慢慢完善的

[electronic]

不能下滑看下一个，差评

[ttentau1]

@enjoyCoding #90

她们分别是：

- 我是香秀🐂🍺： https://v.douyin.com/iYRAPA2L/
- 杨老虎🐯（磕穿下巴掉牙版）： https://v.douyin.com/iYRA56de/
- 条子： https://v.douyin.com/iYRAaqjr/
- 达莎 Digi： https://v.douyin.com/iYRA6rwT/
- 小橙子： https://v.douyin.com/iYRAnudw/
- 南恬： https://v.douyin.com/iYRAbKm3/
- 小霸宠牛排🥩： https://v.douyin.com/iYRSosVB/
- 奶茶妹◕🌱： https://v.douyin.com/iYRACKhP/
- 我才是岚岚： https://v.douyin.com/iYRAQM1C/
- 周憬艺 ziran： https://v.douyin.com/iYRAQs4h/
- 刘思瑶 nice： https://v.douyin.com/iYRAaERn/
- 彭十六 elf： https://v.douyin.com/iYRAHrVG/
- 李子柒： https://v.douyin.com/iYRA5B88/

[ttentau1]

@electronic #97 可以的啊，在 PC 浏览器上要打开手机模式才可以滑动

[ttentau1]

@mrwangjustsay #89 代码的确写的烂，毕竟有些代码是我 18 年刚学 vue 的时候写的...