爱意满满的作品展示区。
ttentau1

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

  •  7
     
  •   ttentau1 · Apr 1, 2024 · 27374 views
    This topic created in 950 days ago, the information mentioned may be changed or developed.

    只做到这种程度

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

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

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

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

    Supplement 1  ·  Apr 1, 2024

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

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

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

    Supplement 2  ·  Apr 1, 2024

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

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

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

    有点不敢相信是第三方,做的太全了。。
    JingXiao
    JingXiao
    Apr 1, 2024
    45
    牛逼,除了实现完成度很高,视频内容质量很高三四层楼那么高
    ensin
    ensin
    Apr 1, 2024
    46
    打包成 app 效果居然也这么好👍
    pythoner
    pythoner
    Apr 1, 2024
    47
    @344457769

    好家伙,可太刑了
    ttentau1
    ttentau1
    OP
    Apr 1, 2024
    48
    Govda
    Govda
    Apr 1, 2024
    49
    @lxyv 你做好了记得 @我
    duanxianze
    duanxianze
    Apr 1, 2024
    50
    厉害啊,学习一下
    FreshOldMan
    FreshOldMan
    Apr 1, 2024
    51
    具体抖音差多了吧,抖音最难度的难道不是各种动效和各种滤镜吗,你只是实现了最简单的一层 UI
    xingchenxf
    xingchenxf
    Apr 1, 2024
    52
    数据源爬的抖音的?
    jethroX
    jethroX
    Apr 1, 2024
    53
    牛的,我们之前也做过类似的产品,效果很拉胯,学习一下
    ttentau1
    ttentau1
    OP
    Apr 1, 2024
    54
    @xingchenxf #52 不用爬,抖音有 web 版,直接打开控制台复制接口的数据就行啦~
    zk98
    zk98
    Apr 1, 2024
    55
    @344457769 我看刑
    aino
    aino
    Apr 1, 2024
    56
    古希腊掌管 VUE 的神
    shzbkzo
    shzbkzo
    Apr 1, 2024
    57
    无限滚动可以,很丝滑
    crocoBaby
    crocoBaby
    Apr 1, 2024
    58
    写的挺好的,就是用的语法不一致,有的 vue2 写法,有的 vue3 写法,有的 tsx 写法...
    ttentau1
    ttentau1
    OP
    Apr 1, 2024
    59
    @crocoBaby #58 因为这个项目我写了好多年... 在 18 年的时候,刚学 vue ,所以创建了这个项目来练手。后面换新工作太忙了就没弄了,最近比较闲又开始完善,最近写的就是 vue3 的写法,之前就是老写法
    dazuijuren004
    dazuijuren004
    Apr 1, 2024
    60
    视频播放很流畅啊,上下滑动也没有卡顿,可以写篇博客啥的,分享一下
    crocoBaby
    crocoBaby
    Apr 1, 2024
    61
    @ttentau1 直接 setup 语法好了,代码冗余会少很多,基本上单文件不会超过 1k
    llcczz
    llcczz
    Apr 1, 2024
    62
    666 ,视频很好看
    llcczz
    llcczz
    Apr 1, 2024
    63
    @dazuijuren004 可能是用了 swiper.js 这种现成的第三方库吧
    lxyv
    lxyv
    Apr 1, 2024
    64
    @lxyv #2 我开玩笑的,警哥看到请无视,我是遵纪守法好公民。
    QUC062IzY3M1Y6dg
    QUC062IzY3M1Y6dg
    Apr 1, 2024
    65
    如果可以支持自定义博主就厉害了,以后可以专门拿这个看关注的内容 😗
    zhw2590582
    zhw2590582
    Apr 1, 2024
    66
    douyin.com 没做跨域处理吗,你怎么做到在你的域名里播放它的视频
    ttentau1
    ttentau1
    OP
    Apr 1, 2024❤️2
    67
    @llcczz #63 @dazuijuren004 #60 试过 swiper 不行。上下左右滑动是通过监听触摸事件判断移动距离。Vue 的组件可以通过 render 方法或 createApp 方法拿到最终的真实 dom ,然后就只需用 jQuery 动态删除和增加 dom 元素就可以实现无限滚动了
    ttentau1
    ttentau1
    OP
    Apr 1, 2024
    68
    @zhw2590582 #66 html 里面设置<meta name=referrer content=no-referrer>就可以了。抖音的视频是不会过期的,但是图片会过期的,所以我用 node 把我数据里面用到的图片全下载下来了
    oiseau
    oiseau
    Apr 1, 2024
    69
    加入分区制度,88 ,888 ,8888😋
    Dream11
    Dream11
    Apr 1, 2024
    70
    厉害
    wfd0807
    wfd0807
    Apr 1, 2024
    71
    灰产:就看收款问题怎么解决了
    ttentau1
    ttentau1
    OP
    Apr 1, 2024 via Android
    72
    @cquan #27 成人版抖音早就有啦
    ttentau1
    ttentau1
    OP
    Apr 1, 2024 via Android
    73
    @charleschilips #40 哈哈,我再放点修马蹄和锻刀大赛?
    zhutianjingtu
    zhutianjingtu
    Apr 1, 2024
    74
    电脑上貌似上下滑动不能切换?
    ttentau1
    ttentau1
    OP
    Apr 1, 2024 via Android
    75
    @zhutianjingtu #74 电脑上要先设置成手机模式才能滑动
    stevenshuang
    stevenshuang
    Apr 1, 2024
    76
    老板问我,为什么上班刷抖音
    hxy100
    hxy100
    Apr 1, 2024
    77
    厉害厉害,这才是前端工程师该有的水平
    northquq
    northquq
    Apr 1, 2024
    78
    🐮
    y1y1
    y1y1
    Apr 1, 2024
    79
    牛哇,马上拿来看短剧
    kemistep
    kemistep
    Apr 1, 2024❤️1
    80
    大佬,react 版本也搞起来
    ttentau1
    ttentau1
    OP
    Apr 1, 2024
    81
    @kemistep #80 你想累死我
    ttentau1
    ttentau1
    OP
    Apr 1, 2024
    82
    @hxy100 #77 谬赞了
    lvtuyukuai
    lvtuyukuai
    Apr 1, 2024
    83
    挺软的,挺好看的
    garlics
    garlics
    Apr 1, 2024
    84
    定制版的抖音,挺好的,不用养号了。
    craiiz
    craiiz
    Apr 1, 2024
    85
    starred
    ceeeeeeeeeeeeeeb
    ceeeeeeeeeeeeeeb
    Apr 1, 2024
    86
    确实 nb
    thetbw
    thetbw
    Apr 1, 2024
    87
    666 ,学习学习
    yuchen198
    yuchen198
    Apr 1, 2024
    88
    可以哈哈。可以做个成人版 dou y
    mrwangjustsay
    mrwangjustsay
    Apr 1, 2024
    89
    仿的不错 代码质量还可以提升
    enjoyCoding
    enjoyCoding
    Apr 1, 2024
    90
    op 内啥, 有没有批量关注的脚本 帮我关注你下载的数据包的这几个博主, 很喜欢这些博主的风格, 想学习他们拍短视频
    vevlins
    vevlins
    Apr 1, 2024
    91
    样子挺好的,不过也没啥卵用啊,你封装一套完全的带前后台的,卖给别人做抖阴没准真可以。
    jinyaocn
    jinyaocn
    Apr 1, 2024
    92
    大佬太强了
    ixinshang
    ixinshang
    Apr 1, 2024❤️1
    93
    再把算法搞上 妥了
    KillPaul
    KillPaul
    Apr 1, 2024
    94
    没人提浏览器窗口宽度变化时页面的问题么?而且有的页面元素宽度完全跟随浏览器,大屏看起来会像半成品。
    ttentau1
    ttentau1
    OP
    Apr 1, 2024
    95
    @KillPaul #94 因为我特意对窗口宽度变化加了检测,会重新刷新页面。大屏和小屏不可兼得的,要写很多的兼容 css 或者完全对大屏做一套适配
    ttentau1
    ttentau1
    OP
    Apr 1, 2024
    96
    @vevlins #91 听起来有点刑啊,做这个项目没有想去赚钱,只是一开始学 vue 时的练手项目而已,最近才慢慢完善的
    electronic
    electronic
    Apr 1, 2024
    97
    不能下滑看下一个,差评
    ttentau1
    ttentau1
    OP
    Apr 1, 2024❤️1
    98
    @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
    ttentau1
    OP
    Apr 1, 2024
    99
    @electronic #97 可以的啊,在 PC 浏览器上要打开手机模式才可以滑动
    ttentau1
    ttentau1
    OP
    Apr 1, 2024
    100
    @mrwangjustsay #89 代码的确写的烂,毕竟有些代码是我 18 年刚学 vue 的时候写的...
    1  2  
    ❮ ❯
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   658 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 144ms · UTC 21:35 · PVG 05:35 · LAX 13:35 · JFK 16:35
    ♥ Do have faith in what you're doing.