<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          盤點 12 個 GitHub 上的高仿項目

          共 2778字,需瀏覽 6分鐘

           ·

          2021-06-14 05:13

          今日推薦
          為什么不建議你用a.equals(b)判斷對象相等
          SpringBoot中的線程池,你真的會用么?
          代碼對比工具,就用這7個!
          在 IDEA 中的各種調(diào)試技巧,輕松定位 Bug(超級全面)
          后端接口如何提高性能?
          16 個寫代碼的好習(xí)慣

          最近整理了現(xiàn)在比較熱門 App 的高仿項目,這些項目都是有「recently updated」,而不是年代久遠不再維護的項目。包括高仿微信、微博、B站、斗魚、抖音、美團、頭條、掘金等等。
          這些項目涉及的技術(shù)棧有 Vue、Flutter 等等,看這些高仿項目的源碼有什么用呢?比如下面這個高仿知乎,采用 Flutter 技術(shù)棧,把代碼 Download 下來,看著代碼做一遍基本可以入門 Flutter,學(xué)會 APP 布局。
          高仿知乎
          使用 Flutter 模仿的知乎黑色主題的 UI,在 我的 頁中可以修改日間和夜間模式。
          https://github.com/xujiyou/zhihu-flutter

             
          高仿微信
          已實現(xiàn)的功能包括:消息界面、發(fā)現(xiàn)界面、好友搜索、聊天界面等。微信中常用功能都支持,比如:好友列表、好友搜索、好友資料、資料設(shè)置、新的朋友、群聊、標(biāo)簽、好友圈、掃一掃、搖一搖、漂流瓶、購物、游戲等等。
          至于聊天功能,可以調(diào)節(jié)字體大小、更改聊天背景、我的表情、清空聊天記錄。智慧城表情鍵盤(動態(tài)增刪表情包)、文字消息、圖片消息、表情消息、語音消息、聊天輸入框、消息展示視圖、聊天鍵盤、聊天記錄存儲等。
          https://github.com/tbl00c/TLChat
          高仿炸彈特效
          微信 8.0 來臨,新版本微信中最吸引眼球的莫過于「表情特效」,尤其是超級震撼的「炸彈」更是把微信群炸上了天。
          版本剛剛發(fā)布不就,就有前端大佬復(fù)現(xiàn)了「炸彈」特效,大佬折騰了許久,做出來的效果如下。不到 300 行代碼,并且已經(jīng)開源,教程和代碼可以關(guān)注微信公眾號「逛逛GitHub」回復(fù)「炸彈」獲取代碼。
          仿美團外賣點餐
          前端用 vue+vuex+vue-router+axios,后端基于nodej.s的框架,數(shù)據(jù)庫采用mongodb。功能涉及登錄,定位,瀏覽商品,加購物車,下訂單,支付(微信、支付寶掃碼支付),評價,個人信息更改。
          https://github.com/zwStar/vue-meituan
          精仿今日頭條
          數(shù)據(jù)是抓取今日頭條 App 的數(shù)據(jù)。使用 RxJava + Retrofit + MVP 開發(fā)的開源項目。
          https://github.com/chaychan/TouTiao
          高仿掘金
          仿照掘金客戶端使用 Vue 開發(fā)的 WebApp。里面所有的API均來自官方Android。頁面基本上和掘金App差不多,不過由于里面的一些圖片本菜使用的是阿里的iconfont,因此會和掘金App上面的圖片有點不一樣,但是整體的功能和掘金App還是差不多的。
          https://github.com/sanfengliao/vue-juejin

          高仿微博
          iOS 版:
          Github 地址:https://github.com/sam408130/DSLolita
          Android:
          Github 地址:https://github.com/wenmingvs/WeiBo
          iOS 仿抖音
          這個抖音 Demo 適配 iPhone、iPad,同時兼容 iOS 8.0 - iOS 12.0系統(tǒng)。采用 Object-C 語言編寫。標(biāo)星 1.5K Star,項目地址:
          https://github.com/sshiqiao/douyin-ios-objectc
          本項目共分為三個部分:抖音個人主頁實現(xiàn)、網(wǎng)絡(luò)視頻相關(guān)功能實現(xiàn)、WebSocket 實現(xiàn) IM 即時聊天功能。

          Android 仿抖音
          這個 Demo 涉及的技術(shù)要點如下:
          • Recycler + PagerSnapHelper 實現(xiàn)全屏切換播放效果,
          • 使用 Lottie 庫加載 Json 動畫
          • BottomSheetDialogFragment 實現(xiàn)分享評論彈框功能
          • CoordinatorLayout + AppBarLayout 實現(xiàn)折疊布局。
          該項目標(biāo)星 1K Star,項目地址:
          https://github.com/18380438200/Tiktok
          高仿 YouTube
          iOS版本,Github 地址:
          https://github.com/aslanyanhaik/youtube-iOS
          安卓版本,Github 地址:
          https://github.com/TeamNewPipe/NewPi
          仿斗魚直播 APP
          flutter 重構(gòu)的斗魚直播 APP,首頁、娛樂為Material組件;直播間、魚吧為純自定義編寫。GitHub 地址:
          https://github.com/yukilzw/dy_flutter


          仿網(wǎng)易云音樂
          基于 flutter 的仿網(wǎng)易云音樂軟件,支持  iOS 和 Android。GitHub 地址:
          https://github.com/boyan01/flutter-netease-music
          高仿 B站
          基于 react 和 express 開發(fā)的,高仿B站 Web 移動端,GitHub 項目:
          https://github.com/code-mcx/react-bilibili
          高仿Bilibili,iOS 版 Github 地址:
          https://github.com/MichaelHuyp/Bilibili_Wuxianda
          Android 版本 Github 地址:
          https://github.com/HotBitmapGG/bilibili-android-client
          界面截圖:

          推薦文章



          更多項目源碼

          瀏覽 63
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  色色大香蕉 | 日本成人1024 | 蘑菇视频网站入口色鸡 | 五月婷婷色色网 | 国产黄色一级毛片 |