建站
咨詢
售后
建站咨詢
新聞中心
大家好，我是CUGGZ。
目前創(chuàng)新互聯(lián)建站已為數(shù)千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬主機(jī)、綿陽服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、昆都侖網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。
今天來分享 Github 上的 10 個(gè)高仿前端項(xiàng)目。
概覽：
- 高仿QQ音樂（Vue）
- 高仿網(wǎng)易云音樂（Vue）
- 高仿網(wǎng)易云音樂（React）
- 高仿B站（React）
- 高仿掘金（Vue）
- 高仿餓了么（Vue）
- 高仿微信（Vue ）
- 高仿 Instagram（React）
- 高仿 Stackoverflow（React）
- 高仿 Spotify（React）
1. 高仿 QQ音樂（Vue）
一個(gè)使用 Vue3+TS 開發(fā)的音樂播放器，界面模仿 QQ 音樂 Mac 客戶端，支持黑夜模式。
Github：https://github.com/SmallRuralDog/vue3-music
2. 高仿網(wǎng)易云音樂（Vue）
一個(gè)基于 Vue2 和 Vue-CLI3 的高仿網(wǎng)易云 Mac 客戶端播放器。使用了 Vue 全家桶、Sass、better-scroll、ElementUI 等技術(shù)實(shí)現(xiàn)。
該項(xiàng)目實(shí)現(xiàn)了mv 頁、cd 頁、搜索建議、搜索詳情、播放、發(fā)現(xiàn)頁、播放列表、播放記錄、全部歌單、歌單詳情、最新音樂、主題換膚功能、登錄等功能。
Github：https://github.com/sl1673495/vue-netease-music
3. 高仿網(wǎng)易云音樂（React）
一個(gè)基于 React、TypeScript 的高仿網(wǎng)易云 Mac 客戶端播放器。使用 React Hook 做狀態(tài)管理，沒有使用額外的數(shù)據(jù)管理庫。除此之外，還使用到了CSS Modules、Webpack、Graphql 等技術(shù)。
該項(xiàng)目實(shí)現(xiàn)了登錄/登出、發(fā)現(xiàn)頁、每日歌曲推薦頁、全部歌單頁、最新音樂頁、歌單詳情頁、音樂播放詳情頁、播放記錄、搜索、創(chuàng)建和收藏的歌單列表等功能。
Github：https://github.com/uniquemo/react-netease-music
4. 高仿B站（React）
高仿B站 Web 移動(dòng)端，基于 SSR 服務(wù)端渲染模板，使用 React 16.8，Typescript 開發(fā)，后端服務(wù)使用 Express 實(shí)現(xiàn)。
該項(xiàng)目實(shí)現(xiàn)了首頁、分類頁、排行榜、搜索、視頻詳情頁、 UP主頁、個(gè)人中心、直播、直播列表、分類、直播間等功能。
Github：https://github.com/dxx/react-bilibili
5. 高仿掘金（Vue）
高仿掘金，整合 vue + nuxt + axios + vuex + vue-router，是一個(gè)基于 Nuxt 的服務(wù)器端渲染 Demo。
該項(xiàng)目實(shí)現(xiàn)了服務(wù)器端渲染、靜態(tài)頁面部署、掘金首頁、掘金推薦列表、掘金小冊(cè)、滾動(dòng)分頁加載、不同端的布局適配等功能。
Github：https://github.com/xuqiang521/nuxt-ssr-demo
6. 高仿餓了么（Vue）
一個(gè)使用 vue2 + vuex + vue-router + webpack + ES6/7 + fetch + sass + flex + svg 構(gòu)建的具有 45 個(gè)頁面的仿餓了么的大型單頁面應(yīng)用，包括注冊(cè)、登錄、商品展示、購物車、下單等功能。
Github：https://github.com/bailicangdu/vue2-elm
7. 高仿微信（Vue ）
一個(gè)基于 Vue.js 2.0 的高仿微信 App 的單頁應(yīng)用，使用 Vue.js2.0 框架，搭配樣式庫 WeUI，模仿微信 app 的樣式和交互。
Github：https://github.com/zhaohaodang/vue-WeChat
8. 高仿 Instagram（React）
一個(gè)仿 Instagram 項(xiàng)目，前端使用 React、狀態(tài)管理使用 Redux、路由使用 React Router、表格管理使用 Formik、動(dòng)畫使用 React Spring、Websocket管理使用 Socket.io、后端使用 Express、數(shù)據(jù)庫使用 MongoDB。
Github：https://github.com/Sandermoen/instaclone
9. 高仿 Stackoverflow（React）
這個(gè)項(xiàng)目是 Stackoverflow 的一個(gè)簡化版的全?？寺 Ｊ褂?ReactJs、NextJs、Storybook、PostCSS、NodeJs、Express、MongoDB、Mongoose 等技術(shù)實(shí)現(xiàn)。
Github：https://github.com/salihozdemir/stackoverflow-clone
10. 高仿 Spotify（React）
一個(gè) Spotify Web 播放器的前端克隆項(xiàng)目。使用 React (create-react-app CLI)、react-router-dom、axios 等技術(shù)實(shí)現(xiàn)。
Giuhub：https://github.com/JL978/spotify-clone-client
新聞標(biāo)題：盤點(diǎn)十個(gè)GitHub上的前端高仿項(xiàng)目
新聞來源：http://fisionsoft.com.cn/article/dhhidic.html
