zyronon / douyin Goto Github PK

引入import { nextTick } from "vue";

onMounted进行以下改写得到解决

onMounted(async () => {
  await nextTick()
  // ...原onMounted中的代码
})

你好 这套代码发现在苹果手机 不能正常打开
效果样式丢失 请问如何解决？？谢谢

https://github.com/wangyangexpo/Vue_TikTok

大佬你好， 这个项目要怎么跑起来呢？ 可以补充到readme吗， 我在电脑上执行npm run serve发现运行失败，就不知道咋弄了

1、清理 console 和注释
2、将 Vue SFC 改为 setup 语法
3、修改 pinia 语法
4、迁移 typescript

1. 大量重复性引用（考虑提取为公共文件，或者利用vite插件自动导入）

import { useRouter } from 'vue-router'
import { computed, onDeactivated, onMounted, onUnmounted, reactive } from 'vue'

2. 没有用TS,可否直接去掉算了

<script setup lang="ts">

3. 事件钩子可以用一个方法进行保障聚合在一起吗？
4. 处理函数是否应该弄个统一的命名空间聚合起来，感觉太分散了

演示的服务同样出现该问题，第10个video的data-index变成了10，第9个的video的data-index为8

注意：请确认问题可以在浏览器的 无痕模式 下复现，而不是自己安装的其他插件或脚本导致的

1、描述
在微信中打开，切换到下一个视频后视频并不会自动播放，且会出现如下图中的报错，而且视频中间并没有出现开始播放按钮
经测试在ios safari浏览器中也会出现下面截图中的错误，导致视频暂停

2、截图
可以直接按Ctrl + V 复制在这里（复制成功后会显示一串地址）

看了一下作者的代码，工程量确实大，作者辛苦了。但是还是希望作者能添加一份文档描述一下视频处在哪个文件里，如何进行修改。这样用户可以将视频链接替换为自己设置的视频，貌似更有意思，希望作者能考虑一下

1、描述
按住时常进度条，会跟切换顶部tab，冲突，还有右边也是，

2、截图

MIT并不禁止商业使用，您可能需要重新指定许可证。

Cannot GET / how can it be solved?

README 里面的动态图怎么全是妖艳*货在跳舞……

有两个常见的问题，虽然不太好解：

1. h5端第一个视频不能自动播放，需要手动取消静音。往下滑的时候，有的视频也不能自动播放。
2. 拖动进度条会引起首页swiper切换。

注意：请确认问题可以在浏览器的 无痕模式 下复现，而不是自己安装的其他插件或脚本导致的

1、描述
在我的页面 切换到收藏tab 无法滚动列表， 是因为 id为base-slide-wrapper的div元素被设置height不对，在getScrollAreaHeight函数中获取 scrollAreaHeight 时， 由于index 为3时使用了nextTick 异步获取 导致 外部获取的值始终为0，可使用await 和promise修复

加个后台，可以自己上传短视频有没有搞头？

现在这个问题可以解决吗？其他浏览器检测到页面内有视频会强制将视频全屏，并显示控制按钮，导致css和js都失效。
我也遇到了同样的困扰，需要在移动端的游览器内使用类douyin的播放，但是强制视频全屏导致很多东西都出不来了。

安卓端 edge
如图

注意：请确认问题可以在浏览器的 无痕模式 下复现，而不是自己安装的其他插件或脚本导致的

1、描述
下拉刷新时候 加载动画与正在加载中文字重复展现的问题

2、截图
可以直接按Ctrl + V 复制在这里（复制成功后会显示一串地址）

1、描述
加个合集功能，比如 短剧 该合集自动联播

2、这个功能解决了什么问题？
剧集的播放更连贯性

1、描述
单独写一个model文件，对axois的返回值进行描述，后面方便使用，就不用用any规范了，使用起来也挺方便的

2、这个功能解决了什么问题？
写好后，不用回头查看返回值的类型

3，还有个小问题，作者你这个接口是自己设计的吗，我自己写项目的时候用mock，总是不知道接口怎么搞，最后弄得一塌糊涂，你这个接口写的有模有样的，跟真的一样，有什么诀窍吗

大家都是怎么启动成功的啊，我的本地环境和报错如下图

尝试按照https://vitejs.dev/guide/troubleshooting.html#cjs还是不行

https://lentas1.github.io/tiktoksucks/

好奇老哥 这个项目写了多久。有没有相关文章分享。想学习交流一下

怎么把视频换成自己的接口，需要改动哪个文件

.scale-enter-active,
.scale-leave-active {
transition: all 0.3s ease;
}

.scale-enter-from,
.scale-leave-to {
//transform: scale(0);
opacity: 0;
}

请问有后台接口项目嘛，有偿，我想好好研究下这个抖音

测试了一下,滑动挺流畅的,各种动画效果也非常好

最近在写一个抖音小程序的短剧,,我目前直接用官方(uniapp) 的swiper,但是感觉不够丝滑, 不知道这个滑动的效果能不能移植到小程序(uniapp).

我拉取到代码并解压后安照您的方法运行项目报错了！
我的node 版本是 v14.21.3
报错内容为：
failed to load config from C:\Users\Administrator\Desktop\新建文件夹\douyin-master\vite.config.js
error when starting dev server:
C:\Users\Administrator\Desktop\新建文件夹\douyin-master\node_modules@vue-macros\api\dist\index.js:392
optional ||= property.optional;
^^^

SyntaxError: Unexpected token '||='
at wrapSafe (internal/modules/cjs/loader.js:1029:16)
at Module._compile (internal/modules/cjs/loader.js:1078:27)
at Module._extensions..js (internal/modules/cjs/loader.js:1143:10)
at Object._require.extensions. [as .js] (file:///C:/Users/Administrator/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/douyin-master/node_modules/vite/dist/node/chunks/dep
-52909643.js:66353:17)
at Module.load (internal/modules/cjs/loader.js:979:32)
at Function.Module._load (internal/modules/cjs/loader.js:819:12)
at Module.require (internal/modules/cjs/loader.js:1003:19)
at require (internal/modules/cjs/helpers.js:107:18)
at Object. (C:\Users\Administrator\Desktop\新建文件夹\douyin-master\node_modules@vue-macros\better-define\dist\chunk-QOUBAYKX.js:13:12)

好像是提示的路径里面有语法不能识别，我尝试着删除 node_modules包 和package-lock.json 重新下载还是一样的报错

希望您有时间看到的话回复一下这个问题，辛苦了

1、描述
支持更多CPU（armeabi-v7a、x86）参见

2、这个功能解决了什么问题？
对部分老机型和电脑模拟器更友好

RT

h5端 以及app端视频都没有声音

有考虑提供本地化的视频接口吗？

哥们 可以来个源码注释 或者文档吗?球球了

1、描述
视频列表增加广告

2、这个功能解决了什么问题？
学习一下怎么插入广告在视频列表里

我开始不信邪 没有想到直接下载zip真的无法运行

如题

public/images 图片能弄成JPG? 112M的PNG图片

1、视频加载接口和评论
2、社区内容的真实实现

注意：请确认问题可以在浏览器的 无痕模式 下复现，而不是自己安装的其他插件或脚本导致的

1、描述
等比缩放的移动端适配有以下缺点：

1. 只能在手机使用，平板、折叠屏等大屏设备根本无法使用
2. 系统设置中的显示大小设置失效，ui组件大小始终固定
3. 不同设备之间组件大小无法保持一致

我很疑惑，为什么要采用等比缩放的方法进行适配？

2、截图
可以直接按Ctrl + V 复制在这里（复制成功后会显示一串地址）

Note: Please confirm that the problem can be reproduced in the browser's traceless mode, rather than being caused by other plugins or scripts installed by yourself

1. Description
   Fill in the problem description here

2. Screenshot
   You can directly press Ctrl+V to copy here (a string of addresses will be displayed after successful copying)

1、描述
希望可以播放私有网盘中的视频，支持webdav就行了。

2、这个功能解决了什么问题？
喜欢的抖音视频不想点关注，怕被人发现，但是下载下来了，又不能像抖音那样播放。

你这代码保熟吗？

你好，我是后端工程师，懂点前端但也不特别懂。
请教下这个项目是怎么做到如此丝滑的？！！
太丝滑了，操作起来简直就像app一样舒适
秘诀是什么？

另外为什么选择使用vue来写，不用react来写呢？如果用react还可以用到RN来转成app

不支持IOS自动小窗播放? 有好的方法解决嘛?

注意：问题可以在浏览器的 无痕模式 下复现，而不是自己安装的其他插件或脚本导致的

1、描述
无论是在网页里还是localhost都无法往下滑，无法查看下一个视频，无法使用鼠标滚轮

Note: the problem can be reproduced in the browser's traceless mode, rather than being caused by other plugins or scripts installed by yourself

1. Description
   No matter in the webpage or localhost, you can't slide down, you can't view the next video, and you can't use the mouse wheel.

1、描述

vite.config.ts defineConfig 报错，git clone & pnpm i 后没有更改任何代码，defineConfig 报错

No overload matches this call.
  The last overload gave the following error.
    Argument of type '() => Promise<unknown>' is not assignable to parameter of type 'UserConfigExport'.
      Type '() => Promise<unknown>' is not assignable to type 'UserConfigFnObject'.
        Type 'Promise<unknown>' has no properties in common with type 'UserConfig'.ts(2769)
index.d.ts(3154, 18): The last overload is declared here.

2、截图

1、描述
当个人列表数据出现大规模数据量时，加载渲染性能怎么样