V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
ttentau1
V2EX  ›  分享创造

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

  •  7
     
  •   ttentau1 · 19 天前 · 14325 次点击

    只做到这种程度

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

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

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

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

    第 1 条附言  ·  19 天前

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

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

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

    第 2 条附言  ·  19 天前

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

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

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

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

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