7个 Github 上前端高仿项目!

「前端实验室」 专注分享 Github、Gitee 等开源社区优质的前端项目、前端技术、前端学习资源以及前端资讯等各种有趣实用的前端内容。大家好,我是「前端实验室」爱分享的了不起~

1.高仿网易云音乐

一款基于 Vue2、Vue-CLI3 的高仿网易云 mac 客户端播放器(PC) Online Music Player。

技术栈使用了Vue 全家桶、ElementUI、better-scroll、CSS Variables(主题换肤)、 、ESNext (JavaScript 语言的下一代标准)、Sass(CSS 预处理器)、postcss-pxtorem(自动处理 rem)、workbox-webpack-plugin (谷歌开发的利用 Service Worker 实现页面预缓存的插件)。

项目实现了如登录、播放、搜索、发现页、播放列表、播放记录、全部歌单、歌单详情、主题换肤等功能。

Vue版本:github.com/sl1673495/v...

React版本:github.com/uniquemo/re...

2.高仿QQ音乐

一款基于 VUE3+TS 开发的音乐播放器,界面模仿QQ音乐mac客户端。

支持黑夜模式,界面是自适应的,使用tailwindcss.com来实现的,没有提供API接口服务,需要准备好自己的API服务地址,才可以正常使用,用来学习还是不错的。

项目地址:github.com/SmallRuralD...

3.高仿 Instagram

一个高仿 Instagram 的项目,使了用 React、Redux(状态管理)、React Router(路由)、Formik(表格管理)、React Spring(动画)、MongoDB(数据库)等技术栈。

项目地址:github.com/Sandermoen/...

4.高仿掘金(Vue)

一款整合 vue + nuxt + axios(nuxt 自带 vuex 和 vue-router)技术栈,一个基于 Nuxt 的服务器端渲染 Demo。

项目实现了掘金首页、掘金推荐列表、掘金小册、滚动分页加载、不同端的布局适配等功能。

虽然项目有点老,但还是有值得学习的地方,特别是对于做毕设的同学还是满不错的

项目地址:github.com/xuqiang521/...

5.高仿掘金客户端(WebAPP)

该项目是抄袭仿照掘金客户端使用Vue开发的WebApp。里面所有的API均来自官方Android。页面基本上和掘金App差不多。

项目地址:github.com/sanfengliao...

6.高仿微信(Vue)

一款基于Vue2.0框架,搭配样式库WeUI,模仿微信 app 的样式和交互的高仿微信项目。

项目地址:github.com/zhaohaodang...

7.高仿微信(uniapp)

一款前端使用uniapp,后端使用SpringBoot的高仿微信项目,支持安卓端、iOS端和H5端。

主要实现了聊天IM,精仿微信,支持单聊、群聊、朋友圈、摇一摇、附近的人、收藏、扫码、机器人、文字、图片、名片、实时音视频通话等功能。

项目地址:gitee.com/lakaola/im-...

相关推荐
翻滚吧键盘2 分钟前
vue绑定一个返回对象的计算属性
前端·javascript·vue.js
苦夏木禾6 分钟前
js请求避免缓存的三种方式
开发语言·javascript·缓存
超级土豆粉14 分钟前
Turndown.js: 优雅地将 HTML 转换为 Markdown
开发语言·javascript·html
秃了也弱了。20 分钟前
Chrome谷歌浏览器插件ModHeader,修改请求头,开发神器
前端·chrome
乆夨(jiuze)41 分钟前
记录H5内嵌到flutter App的一个问题,引发后面使用fastClick,引发后面input输入框单击无效问题。。。
前端·javascript·vue.js
忧郁的蛋~1 小时前
HTML表格导出为Excel文件的实现方案
前端·html·excel
小彭努力中1 小时前
141.在 Vue 3 中使用 OpenLayers Link 交互:把地图中心点 / 缩放级别 / 旋转角度实时写进 URL,并同步解析显示
前端·javascript·vue.js·交互
然我1 小时前
别再只用 base64!HTML5 的 Blob 才是二进制处理的王者,面试常考
前端·面试·html
NanLing1 小时前
【纯前端推理】纯端侧 AI 对象检测:用浏览器就能跑的深度学习模型
前端
呆呆的心1 小时前
前端必学:从盒模型到定位,一篇搞定页面布局核心 🧩
前端·css