用 Vue 仿了一个抖音,大佬们看下算是什么水平? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
ttentau1
V2EX    分享创造

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

  •  7
     
  •   ttentau1 2024-04-01 09:56:46 +08:00 23813 次点击
    这是一个创建于 627 天前的主题,其中的信息可能已经有所发展或是发生改变。

    只做到这种程度

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

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

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

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

    第 1 条附言    2024-04-01 10:57:16 +08:00

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

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

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

    第 2 条附言    2024-04-01 21:09:56 +08:00

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

    在此分享一下,她们分别是:

    169 条回复    2024-04-04 00:19:25 +08:00
    1  2  
    EmpCold
        1
    EmpCold  
       2024-04-01 10:02:21 +08:00   2
    好家伙,可以直接用了。
    lxyv
        2
    lxyv  
       2024-04-01 10:04:30 +08:00   8
    nb ,第一感觉可以找个搞灰产的合作,弄个抖音 18+
    344457769
        3
    344457769  
       2024-04-01 10:06:05 +08:00   35
    可以,搞个后端接入一下 Pxxnhub ,抖音变抖阴
    jerry10086
        4
    jerry10086  
       2024-04-01 10:07:20 +08:00
    厉害厉害
    yangheng4922
        5
    yangheng4922  
       2024-04-01 10:09:52 +08:00
    @344457769 #3 666
    TiaoYeTaiLang
        6
    TiaoYeTaiLang  
       2024-04-01 10:11:03 +08:00
    怎么都是瑟瑟视频的?
    FringJX
        7
    FringJX  
       2024-04-01 10:14:04 +08:00
    太吊了,不知道的还以为源码泄露
    ttentau1
        8
    ttentau1  
    OP
       2024-04-01 10:14:50 +08:00
    @lxyv @344457769 有点邢啊
    dumbass
        9
    dumbass  
       2024-04-01 10:17:09 +08:00
    牛牛牛
    liubaicai
        10
    liubaicai  
       2024-04-01 10:25:01 +08:00
    很好啊,已 fock+star
    ttentau1
        11
    ttentau1  
    OP
       2024-04-01 10:33:44 +08:00
    @TiaoYeTaiLang #6 不是瑟瑟视频,视频都是抖音原来就有的哈,我只是把抖音粉丝比较多的几个女网红的数据下载下来了而已
    yolee599
        12
    yolee599  
       2024-04-01 10:36:47 +08:00
    太牛了,感觉源码可以卖钱了
    CHTuring
        13
    CHTuring  
       2024-04-01 10:41:26 +08:00
    好家伙
    body007
        14
    body007  
       2024-04-01 10:47:37 +08:00
    nice ,大牛。
    jucelin
        15
    jucelin  
       2024-04-01 10:48:09 +08:00   22
    楼上的告诉我们:技术不值钱,内容值钱
    都在关注内容啊
    ttentau1
        16
    ttentau1  
    OP
       2024-04-01 10:48:34 +08:00
    @yolee599 #12 只是前端感觉卖不了多少钱啊,得配后端和后台啥的吧
    NothingExist
        17
    NothingExist  
       2024-04-01 10:50:15 +08:00
    感觉挺可以的,问一下技术栈
    Felldeadbird
        18
    Felldeadbird  
       2024-04-01 10:50:48 +08:00
    合适搞灰产,然后视频 APP 可以快速打包了。
    gazi
        19
    gazi  
       2024-04-01 10:52:12 +08:00
    效果挺好,star 了。不知道能不能打包成 app
    clearlove13
        20
    clearlove13  
       2024-04-01 10:52:27 +08:00
    git00ll
        21
    git00ll  
       2024-04-01 10:55:52 +08:00
    以假乱真
    aulayli
        22
    aulayli  
       2024-04-01 10:56:37 +08:00
    牛逼
    ONEO666
        23
    ONEO666  
       2024-04-01 11:06:15 +08:00   1
    刑的很,被灰产拿去 18+ 了的话,会抓原作者吗
    cquan
        24
    cquan  
       2024-04-01 11:07:47 +08:00
    评论说可以做灰产,其实很早之前灰产就已经有这样的成品了
    whatalittleboy
        25
    whatalittleboy  
       2024-04-01 11:08:46 +08:00
    我这里网页打开没有声音
    maocat
        26
    maocat  
       2024-04-01 11:10:28 +08:00 via iPhone   1
    Iphone 手机,私信聊天页面进去,右划退出,退出了两次
    cquan
        27
    cquan  
       2024-04-01 11:10:44 +08:00
    @cquan 刚才没看项目,还以为只有视频播放界面,重新看了下这个很全面,灰产的那个只有视频播放界面
    liqingyou2093
        28
    liqingyou2093  
       2024-04-01 11:12:12 +08:00
    很不错, 要是能打包 APP 或者 PWA 就更好了
    ttentau1
        29
    ttentau1  
    OP
       2024-04-01 11:20:01 +08:00
    @whatalittleboy #25 特意把视频设置为静音了,因为想要在浏览器上自动播放视频必须要静音才可以,不静音就必须要手动去点播放才行
    jiekeop
        30
    jiekeop  
       2024-04-01 11:24:15 +08:00
    666
    dingxi
        31
    dingxi  
       2024-04-01 11:25:11 +08:00
    ,这个模板开源很多小网站可以直接套用了
    PaiDaTun
        32
    PaiDaTun  
       2024-04-01 11:31:43 +08:00
    弄个 f**k 18+
    czy8187888
        33
    czy8187888  
       2024-04-01 11:3:07 +08:00
    有点强
    Rannnnnnn
        34
    Rannnnnnn  
       2024-04-01 11:48:34 +08:00
    6
    ynxh
        35
    ynxh  
       2024-04-01 11:51:18 +08:00
    牛逼
    me1onsoda
        36
    me1onsoda  
       2024-04-01 12:00:35 +08:00
    卖给灰产,会不会涉及帮信罪
    DYINA
        37
    DYINA  
       2024-04-01 12:14:13 +08:00
    这是去官网一比一克隆了页面吗,胎牛了
    HUZHUANGZHUANG
        38
    HUZHUANGZHUANG  
       2024-04-01 12:25:19 +08:00
    @344457769 #3 什么抖阴,太俗了,明明是成年人刷的抖音
    MzM2ODkx
        39
    MzM2ODkx  
       2024-04-01 12:26:17 +08:00
    内容不错
    charleschilips
        40
    charleschilips  
       2024-04-01 12:42:48 +08:00
    不整点奥德彪差评
    iold
        41
    iold  
       2024-04-01 12:5701 +08:00   2
    视频质量不错。
    wwk
        42
    wwk  
       2024-04-01 12:58:33 +08:00
    有点东西啊
    jurassic2long
        43
    jurassic2long  
       2024-04-01 12:59:38 +08:00
    只能说大佬牛 B
    flyqie
        44
    flyqie  
       2024-04-01 13:00:17 +08:00 via Android   1
    楼主这。。

    有点不敢相信是第三方,做的太全了。。
    JingXiao
        45
    JingXiao  
       2024-04-01 13:22:14 +08:00
    牛逼,除了实现完成度很高,视频内容质量很高三四层楼那么高
    ensin
        46
    ensin  
       2024-04-01 13:29:06 +08:00
    打包成 app 效果居然也这么好
    pythoner
        47
    pythoner  
       2024-04-01 13:31:58 +08:00
    @344457769

    好家伙,可太刑了
    ttentau1
        48
    ttentau1  
    OP
       2024-04-01 13:42:58 +08:00
    Govda
        49
    Govda  
       2024-04-01 13:48:39 +08:00
    @lxyv 你做好了记得 @我
    duanxianze
        50
    duanxianze  
       2024-04-01 13:51:23 +08:00
    厉害啊,学习一下
    FreshOldMan
        51
    FreshOldMan  
       2024-04-01 13:54:13 +08:00
    具体抖音差多了吧,抖音最难度的难道不是各种动效和各种滤镜吗,你只是实现了最简单的一层 UI
    xingchenxf
        52
    xingchenxf  
       2024-04-01 13:55:11 +08:00
    数据源爬的抖音的?
    jethroX
        53
    jethroX  
       2024-04-01 13:55:47 +08:00
    牛的,我们之前也做过类似的产品,效果很拉胯,学习一下
    ttentau1
        54
    ttentau1  
    OP
       2024-04-01 14:03:28 +08:00
    @xingchenxf #52 不用爬,抖音有 web 版,直接打开控制台复制接口的数据就行啦~
    zk98
        55
    zk98  
       2024-04-01 14:08:41 +08:00
    @344457769 我看刑
    aino
        56
    aino  
       2024-04-01 14:13:06 +08:00
    古希腊掌管 VUE 的神
    shzbkzo
        57
    shzbkzo  
       2024-04-01 14:14:21 +08:00
    无限滚动可以,很丝滑
    crocoBaby
        58
    crocoBaby  
       2024-04-01 14:15:46 +08:00
    写的挺好的,就是用的语法不一致,有的 vue2 写法,有的 vue3 写法,有的 tsx 写法...
    ttentau1
        59
    ttentau1  
    OP
       2024-04-01 14:21:27 +08:00
    @crocoBaby #58 因为这个项目我写了好多年... 在 18 年的时候,刚学 vue ,所以创建了这个项目来练手。后面换新工作太忙了就没弄了,最近比较闲又开始完善,最近写的就是 vue3 的写法,之前就是老写法
    dazuijuren004
        60
    dazuijuren004  
       2024-04-01 14:22:31 +08:00
    视频播放很流畅啊,上下滑动也没有卡顿,可以写篇博客啥的,分享一下
    crocoBaby
        61
    crocoBaby  
       2024-04-01 14:23:47 +08:00
    @ttentau1 直接 setup 语法好了,代码冗余会少很多,基本上单文件不会超过 1k
    llcczz
        62
    llcczz  
       2024-04-01 14:36:22 +08:00
    666 ,视频很好看
    llcczz
        63
    llcczz  
       2024-04-01 14:43:11 +08:00
    @dazuijuren004 可能是用了 swiper.js 这种现成的第三方库吧
    lxyv
        64
    lxyv  
       2024-04-01 14:43:39 +08:00
    @lxyv #2 我开玩笑的,警哥看到请无视,我是遵纪守法好公民。
    QUC062IzY3M1Y6dg
        65
    QUC062IzY3M1Y6dg  
       2024-04-01 14:45:45 +08:00
    如果可以支持自定义博主就厉害了,以后可以专门拿这个看关注的内容
    zhw2590582
        66
    zhw2590582  
       2024-04-01 14:51:36 +08:00
    douyin.com 没做跨域处理吗,你怎么做到在你的域名里播放它的视频
    ttentau1
        67
    ttentau1  
    OP
       2024-04-01 14:54:42 +08:00   2
    @llcczz #63 @dazuijuren004 #60 试过 swiper 不行。上下左右滑动是通过监听触摸事件判断移动距离。Vue 的组件可以通过 render 方法或 createApp 方法拿到最终的真实 dom ,然后就只需用 jQuery 动态删除和增加 dom 元素就可以实现无限滚动了
    ttentau1
        68
    ttentau1  
    OP
       2024-04-01 14:56:26 +08:00
    @zhw2590582 #66 html 里面设置<meta name=referrer cOntent=no-referrer>就可以了。抖音的视频是不会过期的,但是图片会过期的,所以我用 node 把我数据里面用到的图片全下载下来了
    oiseau
        69
    oiseau  
       2024-04-01 15:11:51 +08:00
    加入分区制度,88 ,888 ,8888
    Dream11
        70
    Dream11  
       2024-04-01 15:14:01 +08:00
    厉害
    wfd080
        71
    wfd0807  
       2024-04-01 15:17:44 +08:00
    灰产:就看收款问题怎么解决了
    ttentau1
        72
    ttentau1  
    OP
       2024-04-01 15:27:37 +08:00 via Android
    @cquan #27 成人版抖音早就有啦
    ttentau1
        73
    ttentau1  
    OP
       2024-04-01 15:30:25 +08:00 via Android
    @charleschilips #40 哈哈,我再放点修马蹄和锻刀大赛?
    zhutianjingtu
        74
    zhutianjingtu  
       2024-04-01 15:36:07 +08:00
    电脑上貌似上下滑动不能切换?
    ttentau1
        75
    ttentau1  
    OP
       2024-04-01 15:46:24 +08:00 via Android
    @zhutianjingtu #74 电脑上要先设置成手机模式才能滑动
    stevenshuang
        76
    stevenshuang  
       2024-04-01 16:19:33 +08:00
    老板问我,为什么上班刷抖音
    hxy100
        77
    hxy100  
       2024-04-01 16:22:04 +08:00
    厉害厉害,这才是前端工程师该有的水平
    northquq
        78
    northquq  
       2024-04-01 16:30:37 +08:00
    y1y1
        79
    y1y1  
       2024-04-01 16:39:14 +08:00
    牛哇,马上拿来看短剧
    kemistep
        80
    kemistep  
       2024-04-01 16:49:49 +08:00   1
    大佬,react 版本也搞起来
    ttentau1
        81
    ttentau1  
    OP
       2024-04-01 16:55:01 +08:00
    @kemistep #80 你想累死我
    ttentau1
        82
    ttentau1  
    OP
       2024-04-01 16:55:09 +08:00
    @hxy100 #77 谬赞了
    lvtuyukuai
        83
    lvtuyukuai  
       2024-04-01 16:58:38 +08:00
    挺软的,挺好看的
    garlics
        84
    garlics  
       2024-04-01 17:00:59 +08:00
    定制版的抖音,挺好的,不用养号了。
    craiiz
        85
    craiiz  
       2024-04-01 17:29:09 +08:00
    starred
    ceeeeeeeeeeeeeeb
        86
    ceeeeeeeeeeeeeb  
       2024-04-01 17:41:02 +08:00
    确实 nb
    thetbw
        87
    thetbw  
       2024-04-01 17:51:50 +08:00
    666 ,学习学习
    yuchen198
        88
    yuchen198  
       2024-04-01 18:25:47 +08:00
    可以哈哈。可以做个成人版 dou y
    mrwangjustsay
        89
    mrwangjustsay  
       2024-04-01 19:08:14 +08:00
    仿的不错 代码质量还可以提升
    enjoyCoding
        90
    enjoyCoding  
       2024-04-01 19:21:10 +08:00
    op 内啥, 有没有批量关注的脚本 帮我关注你下载的数据包的这几个博主, 很喜欢这些博主的风格, 想学习他们拍短视频
    vevlins
        91
    vevlins  
       2024-04-01 19:25:31 +08:00
    样子挺好的,不过也没啥卵用啊,你封装一套完全的带前后台的,卖给别人做抖阴没准真可以。
    jinyaocn
        92
    jinyaocn  
       2024-04-01 19:35:41 +08:00
    大佬太强了
    ixinshang
        93
    ixinshang  
       2024-04-01 20:22:23 +08:00   1
    再把算法搞上 妥了
    KillPaul
        94
    KillPaul  
       2024-04-01 20:46:46 +08:00
    没人提浏览器窗口宽度变化时页面的问题么?而且有的页面元素宽度完全跟随浏览器,大屏看起来会像半成品。
    ttentau1
        95
    ttentau1  
    OP
       2024-04-01 20:56:21 +08:00
    @KillPaul #94 因为我特意对窗口宽度变化加了检测,会重新刷新页面。大屏和小屏不可兼得的,要写很多的兼容 css 或者完全对大屏做一套适配
    ttentau1
        96
    ttentau1  
    OP
       2024-04-01 20:57:34 +08:00
    @vevlins #91 听起来有点刑啊,做这个项目没有想去赚钱,只是一开始学 vue 时的练手项目而已,最近才慢慢完善的
    electronic
        97
    electronic  
       2024-04-01 21:07:47 +08:00
    不能下滑看下一个,差评
    ttentau1
        98
    ttentau1  
    OP
       2024-04-01 21:11:00 +08:00   1
    @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
        99
    ttentau1  
    OP
       2024-04-01 21:11:40 +08:00
    @electronic #97 可以的啊,在 PC 浏览器上要打开手机模式才可以滑动
    ttentau1
        100
    ttentau1  
    OP
       2024-04-01 21:12:26 +08:00
    @mrwangjustsay #89 代码的确写的烂,毕竟有些代码是我 18 年刚学 vue 的时候写的...
    1  2  
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2617 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 31ms UTC 13:12 PVG 21:12 LAX 05:12 JFK 08:12
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86