人氣比較高的gitee開源專案，都是帶有原始碼介紹的！

每日看一看的git開源專案！

1.git地址https://gitee.com/WanYueKeJi/wanyue_zhibo_ios
萬岳科技可為商家快速搭建起一套屬于自己的直播商城系統，有效避開商城直播程序中的痛點難點，加入自身創意的同時，汲取各家平臺的特色功能和體驗，并且可根據用戶的運營需求對系統做定制開發，

所有使用到的框架或者組件都是基于開源專案,代碼保證100%開源，
系統功能通用，無論是個人還是企業都可以利用該系統快速搭建一個屬于自己的直播商城系統，
基于ThinkPhp6.0+ios原生開發的一套萬岳直播商城系統，專業售后技術團隊，讓您二開無憂，

2.git地址https://gitee.com/nocobase/nocobase

NocoBase 是一個極易擴展的開源無代碼開發平臺， 無需編程，使用 NocoBase 搭建自己的協作平臺、管理系統，只需要幾分鐘時間，
說明：
NocoBase 仍處于早期開發階段，功能不完整，穩定性不高，僅用于預覽，不適合在生產環境中使用，相對穩定以及包含完善檔案的公開測驗版預計最早將于 2022 年第一季度發布，

3.https://gitee.com/dgiiot/dgiot#https://www.iotn2n.com?from=git
DGIOT 是國內首款輕量級開源工業物聯網持續集成平臺

DG-IoT團隊2016年之前，在互聯網和移動互聯網爬坑多年，2016年開始進入物聯網爬坑，希望通過這個開源平臺把多年爬坑經驗共享出來，讓多學科交叉的工業互聯網專案變得更簡單，

讓豐富工程人員可以通過視窗互動可以完成需求較簡單的工業互聯網專案
讓廣大的初級前端工程師通過serverless的方式可以承接需求較復雜的工業互聯網專案
讓Python、Java、Go、C初級后臺工程師通過web編程開發通道來承接復雜的工業互聯網專案

4.https://gitee.com/log4j/pig
基于 Spring Cloud 2020 、Spring Boot 2.5、 OAuth2 的 RBAC 權限管理系統
基于資料驅動視圖的理念封裝 element-ui，即使沒有 vue 的使用經驗也能快速上手
提供對常見容器化支持 Docker、Kubernetes、Rancher2 支持
提供 lambda 、stream api 、webflux 的生產實踐

5.https://gitee.com/jishupang/web_atlas
前端知識圖譜+B站資源整合 V1.0版本
專案包含：腦圖、png圖片和md檔案，方便你在不同場景下使用學習， 不僅是一個自學的前端路徑，專案包括前端自學的路徑+知識圖譜+B站免費視頻的整合，

網路知識:
網路作業原理
計算機網路原理：https://www.bilibili.com/video/BV1xJ41137Q3
什么是HTTP
HTTP協議詳解：https://www.bilibili.com/video/BV1js411g7Fw
瀏覽器及作業方式
瀏覽器是如何運作的？：https://www.bilibili.com/video/BV1x54y1B7RE
DNS 及其作業原理
DNS基本作業原理：https://www.bilibili.com/video/BV1GW411j7Ts
直觀DNS科普：https://www.bilibili.com/video/BV1F54y1R7BC
域名相關知識
域名決議完整講解：https://www.bilibili.com/video/BV1zA411x7Pj
云服務相關知識
揭秘阿里云服務器：https://www.bilibili.com/video/BV1Rt411u7k4
超文本標記語言
（HTML）

HTML基礎知識學習
HTML全套基礎教程：https://www.bilibili.com/video/BV11t411K74Q
HTML 撰寫規則 和語意化寫法
HTML 速成：https://www.bilibili.com/video/BV1vs411M7aT
表單和驗證
html5表單驗證：https://www.bilibili.com/video/BV16K4y1Z7Gb
公約和最佳實踐方法
前端代碼規范秘籍：https://www.bilibili.com/video/BV19P4y147Jz
SEO 基礎知識
SEO優化學習教程：https://www.bilibili.com/video/BV1fE411J7ya
層疊樣式表
（CSS)

CSS 基礎知識學習
CSS3基礎教程：https://www.bilibili.com/video/BV1Bx411u7cS
CSS3全套教程：https://www.bilibili.com/video/BV1et411q74F
頁面切圖和布局實作
浮動布局
浮動布局：https://www.bilibili.com/video/BV1Zs411j7Z3
定位布局
CSS定位布局：https://www.bilibili.com/video/BV1ni4y1g7tc
Display
display&visibility：https://www.bilibili.com/video/BV1HJ411M7CM
盒子模型
CSS盒子模型與定位：https://www.bilibili.com/video/BV1P7411G7BW
Grid 布局
如何用grid：https://www.bilibili.com/video/BV14C4y1W7oA
Flex 布局
Flex伸縮布局：https://www.bilibili.com/video/BV1BJ41197XE
頁面回應式布局設計
六個案例學會回應式布局：https://www.bilibili.com/video/BV1ov411k7sm
瀏覽器腳本語言
(JavaScript)

JavaScript基礎語法和知識
JavaScript基礎語法：https://www.bilibili.com/video/BV1Sy4y1C7ha
使用JavaScript 操作 DOM元素
JS必會的DOM BOM操作：https://www.bilibili.com/video/BV1k4411w7sV
Ajax 異步請求相關知識學習
Ajax入門到精通：https://www.bilibili.com/video/BV1WC4y1b78y
ES6 以上版本 的JavaScript
ES6-ES11新特性：https://www.bilibili.com/video/BV1uK411H7on
版本控制管理系統
Version Control System

Git的基本用法
Git最新教程：https://www.bilibili.com/video/BV1FE411P7B3
相關平臺/軟體的使用
GitHub
十分鐘學會Github：https://www.bilibili.com/video/BV1yo4y1d7UK
GitLab
gitlab使用說明：https://www.bilibili.com/video/BV11E411x7Uv
Gitee
這個看中文網址就可以了，目前B站還沒有很好的視頻介紹
網路安全相關知識
Web Security Knowledge

HTTPS 原理和使用
你連HTTPS原理都不懂：https://www.bilibili.com/video/BV1Up4y1i7PG
CORS 跨域請求和安全知識
什么是CORS：https://www.bilibili.com/video/BV1Kt411E76z
內容安全策略
網路滲透：https://www.bilibili.com/video/BV1kh411W7Vv
OWASP 安全風險知識
OWASP TOP10：https://www.bilibili.com/video/BV1ey4y1V7Jj
包管理工具
Package Managers

npm
包管理工具：https://www.bilibili.com/video/BV1Dv411W7XP
yarn
Yarn入門：https://www.imooc.com/learn/766 (B站沒有，推薦這個免費)
CSS 預處理 語言
CSS Preprocessors

Sass
SCSS從入門到實戰：https://www.bilibili.com/video/BV1Zg4y1v75U
PostCSS
B站沒太好的視頻，建議買書《深入PostCSS Web設計》
Less
前端less教程：https://www.bilibili.com/video/BV1YW411T7vd
構建工具
Build Tools

任務執行命令 [Task Runners]
npm scripts
npm包管理應用：https://www.bilibili.com/video/BV1Dv411W7XP
Gulp
Gulp入門：https://www.bilibili.com/video/BV1yA411s72G
打包工具
Webpack
Webpack從入門到精通：https://www.bilibili.com/video/BV1e7411j7T5
Parcel
Parcel初體驗：https://www.bilibili.com/video/BV1Pa4y147Kf
代碼格式化工具
Prettier
Prettier和ESLint使用：https://www.bilibili.com/video/BV183411r7YK
ESLint
ESLint基礎入門：https://space.bilibili.com/390120104/search/video?keyword=ESLint
三大前端框架
Web Framework

React.js
React基礎視頻：https://www.bilibili.com/video/BV1g4411i7po
React全家桶：https://www.bilibili.com/video/BV1wy4y1D7JT
React實戰博客：https://www.bilibili.com/video/BV1CJ411377B
React商城實戰：https://www.bilibili.com/video/BV1i5411c7xp
Vue.js
Vue2全家桶：https://www.jspang.com/detailed?id=57
Vue3全家桶：https://www.jspang.com/detailed?id=67
vuejs從入門到精通：https://www.bilibili.com/video/BV1Zy4y1K7SH
Angular
Angular基礎：https://www.bilibili.com/video/BV1Wx411R7qt
Web 組件化編程
Web Components

HTML Templates
Custom Elements
Shadow DOM
概要: 此部分內容沒有找到合適視頻
CSS 相關框架
CSS Frameworks

BootStrap
一周學會BootStrap：https://www.bilibili.com/video/BV1Lx411v73k
Material UI
Material UI入門教程：https://www.bilibili.com/video/BV12J411s75b
Materialize CSS
Materialize CSS Crash Course：https://www.bilibili.com/video/BV1gx411h7Y5
ReactStrap
JavaScript 語法糖
Type Checkers

TypeScript
TypeScript從入門到精通：https://www.bilibili.com/video/BV1qV41167VD
Flow
服務端渲染
Server Side Rendering （SSR）

React.js
Next.js
Next.js入門教程：https://www.bilibili.com/video/BV13441117KK
GatsbyJS
GatsbyJS 實戰：https://www.bilibili.com/video/BV1i4411T7AR （英文）
Vue.js
Nuxt.js
Nuxt.js入門：https://www.bilibili.com/video/BV1Xt41117Kg
Angular
Universal
圖形化編程
GraphQL

Cocos Creator
Cocos 圖形游戲開發：https://www.bilibili.com/video/BV1sA411Y7x4
Three.js
Three.js基礎教程-英文：https://www.bilibili.com/video/BV1ks411W78i
Three.js教程：https://www.bilibili.com/video/BV1va4y1p7QB
靜態站點生成器
Static Site Generators

Next.js
Next.js入門教程：https://www.bilibili.com/video/BV13441117KK
GatsbyJS
GatsbyJS 實戰：https://www.bilibili.com/video/BV1i4411T7AR （英文）
Nuxt.js
Nuxt.js入門：https://www.bilibili.com/video/BV1Xt41117Kg
Vuepress
Vuepress入門到精通：https://www.bilibili.com/video/BV1vb411m7NY
Hugo
10分鐘搭建個人網站：https://www.bilibili.com/video/BV1x64y117PX
移動App開發
Mobile Applications

React Native
ReactNatvie基礎：https://www.bilibili.com/video/BV1Eg4y16735
ReactNatvie實戰：https://www.bilibili.com/video/BV15K411s75p
UniApp
Uni-App從入門到實戰：https://www.bilibili.com/video/BV1BJ411W7pX
Uni-App美團外賣：https://www.bilibili.com/video/BV1Zt4y117RR
Flutter
Flutter基礎：https://www.bilibili.com/video/BV15t411U7yf
Flutter實戰：https://www.bilibili.com/video/BV1kt411B7mu
Ionic
Ionic入門：https://www.bilibili.com/video/BV1Ub41117q5
桌面應用開發
Desktop Applications

Electron
Electron入門：https://www.bilibili.com/video/BV1QB4y1F722
Electron基礎：https://www.bilibili.com/video/BV177411s7Lt

6.https://gitee.com/dtcloud360/dtcloud#http://www.dtcloud360.com

DTCloud
DTCloud是一套基于Odoo14開源商業應用程式.主要面向建筑工程行業，物聯網行業，數字化行業，打造的企業資訊一體化的解決方案，

我的應用主要放置在 DTCloud開源社區, Gitter 開源倉庫,

DTCloud應用程式可以作為獨立應用程式使用，也可以無縫集成其它應用系統，DTCloud可以開發ERP,OA,CRM,智慧城市,小程式等

說明：這里面有開發教程，api

7.https://gitee.com/qm1989/css_effect_map_collection
一些好看的css效果圖

煽動翅膀的蝴蝶
qq登陸界面含背景canvas
css風車
parallax滾動視差
wow不一樣的影片
浮動定位實作圣杯布局

8.https://gitee.com/smartchart/smartchart
SmartChart基于Echarts/Django的微代碼開發平臺,適用于任何WEB專案
簡單, 敏捷, 高效,通用化, 高度可定制化, 讓你的專案瞬間檔次提升, 比拖拽開發更方便
完全真正打通前后端, 支持圖形資料聯動,篩選,鉆取, 支持幾乎常見的所有資料庫
積木式的開發模式, 開箱即用, 安裝簡單, 依賴少, 適應各種平臺
高度可定制化, 注意是高度可定制化!!

**注意：**這個是用python寫的

9.https://gitee.com/zhijiantianya/ruoyi-vue-pro#http://dashboard.yudao.iocoder.cn
**芋道，**一套全部開源的企業級的快速開發平臺，毫無保留給個人及企業免費使用，

有任何問題，或者想要的功能，可以在 Issues 中提給艿艿，

前端采用 vue-element-admin，
后端采用 Spring Boot、MySQL、Redis，
權限認證使用 Spring Security & Token，支持多終端認證系統，
支持加載動態權限選單，多方式輕松權限控制，
高效率開發，使用代碼生成器可以一鍵生成前后端代碼，
內置功能
分成三種內置功能：

系統功能
基礎設施
研發工具
友情提示：本專案基于 RuoYi-Vue 修改，重構優化后端的代碼，美化前端的界面，

額外新增的功能，我們使用 🚀 標記，

🙂 所有功能，都通過 單元測驗 保證高質量，

10.https://gitee.com/big-hedgehog/aidex-sharp#http://114.132.221.116

AiDex Sharp 快速開發平臺
基于若依擴展的Spring Boot前后端分離架構，代碼精簡，開箱即用，緊隨前沿技術
Aidex-Sharp spring-boot Build Status Build Status Build Status Gitee star Gitee fork

平臺簡介
AiDex Sharp 快速開發平臺 基于著名的開源專案“ 若依-RuoYi-Vue ”改造而成，追求 極致的UI互動體驗 和 快速開發 ，一切向 效率 看齊， 重構優化 后端的代碼，對前端頁面進行了 美化 ， 我們將持續升級，持續完善，歡迎友友們收藏和點贊 ，

11.https://gitee.com/qianpou/tlv8ide
這是一款基于eclipse開發的快速開發工具

集成了tomcat插件，資料庫插件，報表設計（可視化），流程設計（可視化），網頁設計（可視化）等多功能于一體的JAVA EE專案開發工具，

能夠實作業務系統快速開發，報表系統快速開發（只需要會SQL），作業流快速定制