当前位置:首页 > 技术分析 > 正文内容

这 2 个高仿 APP 开源!

ruisui883个月前 (01-16)技术分析34

如下是本期盘点的几个好玩有趣的开源项目,目录:

1. 高仿抖音

2. 高仿鸿蒙版微信


01

高仿抖音

开源的 douyin-vue 项目是一个出色的高发项目,通过 Vue3 和 Pinia 为前端开发者提供了优秀的实战参考。

该开源项目展示了如何使用 Vue3 的最新技术栈,包括 Vite5 和Pinia,构建出高仿抖音 APP。

项目使用了axios-mock-adapter模拟后端数据,使开发者可以体验完整的应用功能而不依赖真实后端。这种方式不仅适合学习,也便于团队在开发初期测试用户体验。

核心功能

① 视频轮播与滑动:基于Swiper.js实现了类似抖音的视频无限滑动效果,使用户可以流畅浏览视频内容。

② 页面转场动画:为路由切换添加转场动画效果,提升用户体验。

③ 条件路由缓存:通过有条件的路由缓存机制,减少不必要的加载,适合类似新闻网站或内容密集型应用。

演示截屏

适合场景

douyin-vue 是移动端开发者的绝佳入门项目,它帮助开发者了解 Vue3 在移动端的最佳实践,对有意深度学习 Vue 生态系统的开发者尤其适合。

开源链接:https://github.com/zyronon/douyin

项目还提供详细的代码注释和教程链接,为学习和参考提供了良好的资源。

02

鸿蒙版微信

ausboyue 在 GitHub 上发布了一个备受瞩目的项目:基于鸿蒙 OS NEXT 的高仿微信应用(Wechat_HarmonyOS)。

该项目以最新的鸿蒙 API 12 和 ArkTS 语言开发,目标是为 HarmonyOS 生态打造一个高度还原的微信应用。

开源地址:https://github.com/zhaohaodang/vue-WeChat

Wechat_HarmonyOS的高仿程度自评达到了98%以上,支持沉浸式状态栏和Path绘制,并优化了编辑框点击效果。

当前已开发完成的页面包括微信主页、通讯录、发现、个人中心、聊天页及搜索页等,基本实现了微信的核心页面布局和交互

历史盘点

逛逛 GitHub 每天推荐一个好玩有趣的开源项目。历史推荐的开源项目已经收录到 GitHub 项目,欢迎 Star:

地址:https://github.com/Wechat-ggGitHub/Awesome-GitHub-Repo

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/348.html

分享给朋友:

“这 2 个高仿 APP 开源!” 的相关文章

如何在 Linux 发行版中安装微信和 QQ?

很多人因为工作沟通的原因需要用到微信和 QQ,那么如何在 Linux 发行版中安装微信和 QQ 呢?以下是一些尝试的解决方法。QQ上一个版本的 QQ Linux 版还是在2009年,而在现在,基于 NT 架构的全新 QQ Linux版已经被正式推出,为所有用户提供下载。新版本提供了deb、rpm、A...

Vue3 中有哪些值得深究的知识点?

众所周知,前端技术一直更新很快,这不 vue3 也问世这么久了,今天就来给大家分享下vue3中值得注意的知识点。喜欢的话建议收藏,点个关注!1、createAppvue2 和 vue3 在创建实例时,有很大的区别,具体对比如下://Vue 2 Vue.use({ router, store,...

GitLab-合并请求

描述合并请求可用于在您对项目进行的其他人员之间交换代码,并轻松与他们讨论更改。合并请求的步骤步骤1-在创建新的合并请求之前,GitLab中应该有一个创建的分支。您可以参考本章来创建分支-步骤2-登录到您的GitLab帐户,然后转到“ 项目”部分下的项目 -步骤3-单击“ 合并请求”选项卡,然后单击“...

GitLab 14.6发布,优化Geo高可用,安全更新等

昨天,GitLab官方按照管理发布了有一个月度版本GitLab 14.6的发布,这也是本年度收官版本。14.6中在安全合规性方面,在Geo方面以及MD代码块一键复制等方便做了优化,另外还在UI图标方面发布了一套全新的图标。详细情况请和虫虫一起学习。GitLab 14.6主要改进使用 Geo 实现无缝...

7 招教你轻松搭建以图搜图系统

作者 | 小龙责编 | 胡巍巍当您听到“以图搜图”时,是否首先想到了百度、Google 等搜索引擎的以图搜图功能呢?事实上,您完全可以搭建一个属于自己的以图搜图系统:自己建立图片库;自己选择一张图片到库中进行搜索,并得到与其相似的若干图片。Milvus 作为一款针对海量特征向量的相似性检索引擎,旨在...

neovim 0.9在win下配置 python开发环境

初级的一些配置点击下面链接查看neovim安装插件管理器neovim常用快捷键neovim python开发环境简易配置方法 (需要手动键入命令行 运行python)安装neovim python的模块pip install pynvim pip install jedi pip install n...