zyronon
2 years ago
3 changed files with 117 additions and 66 deletions
@ -0,0 +1,6 @@
@@ -0,0 +1,6 @@
|
||||
## 核心技术拆解（TODO） |
||||
|
||||
- 手机端抓包 |
||||
- 首页无限滚动 |
||||
- me页面滚动逻辑 |
||||
- 通话进入和挂起动画 |
||||
@ -0,0 +1,75 @@
@@ -0,0 +1,75 @@
|
||||
### English | [简体中文](README.md) |
||||
|
||||
## Preview Demo |
||||
|
||||
### Notice:Please use Chrome phone mode to access the PC side |
||||
|
||||
### Notice:Preview your phone with Android Via browser. When other browsers detect a video on the page, they force the video to be in full screen and display the control button. As a result, both css and js are invalid |
||||
|
||||
[Online Demo](https://ttentau.github.io/ttentau/dy/) |
||||
|
||||
## Introduction |
||||
|
||||
**Douyin** is a mobile short video project imitating Tiktok，It is based on [vue 3](https://v3.cn.vuejs.org/), |
||||
[vite 2](https://cn.vitejs.dev/) |
||||
implementation。 |
||||
The latest Vue family bucket technology stack is used, and the background data is built through [mock-js](http://mockjs.com). I believe that no matter what level of engineer you are, this project can help you. |
||||
|
||||
## Function point |
||||
|
||||
Page | Progress |
||||
--------------|--------- |
||||
Home | 50% |
||||
-- Music | ☑ |
||||
-- 抖音音乐榜 | ☑ |
||||
-- Search | 50% |
||||
-- Live | 50% |
||||
Friend | 0% |
||||
Message | ☑ |
||||
-- Chat | ☑ |
||||
-- 各种通知 | ☑ |
||||
Me | 90% |
||||
-- 求更新 | ☑ |
||||
-- 关注和粉丝 | ☑ |
||||
-- 编辑资料 | ☑ |
||||
-- Add friend | ☑ |
||||
-- My music | ☑ |
||||
-- Shop | 0 |
||||
-- 收藏视频\音乐 | ☑ |
||||
-- 右侧菜单子页面 | 10% |
||||
-- Setting | ☑ |
||||
-- -- 具体设置页面 | 0% |
||||
Sign in\Sign up | ☑ |
||||
|
||||
## How to start |
||||
|
||||
```bash |
||||
# Clone the project to local |
||||
git clone https://github.com/zyronon/douyin.git |
||||
|
||||
# Enter the project directory |
||||
cd douyin |
||||
|
||||
# Install dependencies |
||||
npm install |
||||
|
||||
# Start the service |
||||
npm run serve |
||||
|
||||
# Visit |
||||
Chrome browser access http://localhost:8080 |
||||
Chrome switches to mobile mode by pressing F12 to bring up the console, then Ctrl+Shift+M |
||||
|
||||
``` |
||||
|
||||
## Contribution |
||||
|
||||
Feel free to contribute by opening issues with any questions, bug reports or feature requests. |
||||
|
||||
## Get in touch |
||||
|
||||
You can reach us at <a href="mailto:zyronon@163.com">zyronon@163.com</a> |
||||
|
||||
## License |
||||
|
||||
[MIT](LICENSE) |
||||
Loading…
Reference in new issue