| 项目 | 内容 |
|---|---|
| 用户名 | @topoadmin |
| 姓名 | Azil |
| 坐标 | 长沙 |
| 个人网站 | topoadmin.github.io |
| 简介 | 不要叫我宅男,请叫我闭家锁! |
| Followers | 15 |
| Following | 13 |
| 公开仓库 | 50(原创 14 / Fork 36) |
基于 50 个公开仓库的语言分布与项目内容,核心技术栈如下:
| 技术领域 | 主要技术 |
|---|---|
| 核心语言 | JavaScript (26)、Vue (8)、HTML (5)、CSS (5)、TypeScript (3) |
| 前端框架 | Vue 2/3、React、WeUI、Amaze UI、Semantic UI |
| 构建工具 | Webpack、Vite |
| 可视化/绘图 | AntV X6、Leader-line、ECharts(大屏方向) |
| 工程化 | npm、Grunt、CMD 模块化 |
| 文档/站点 | VuePress、GitHub Pages |
按星标数降序排列:
| # | 项目 | 星标 | Fork | 语言 | 许可证 | 最后更新 | 简介 |
|---|---|---|---|---|---|---|---|
| 1 | photoClip | 14 | 6 | — | MIT | 2016-12-08 | 上传图片裁剪 - amazeui |
| 2 | address | 7 | 5 | CSS | MIT | 2016-12-01 | 地区级联组件 - amazeui |
| 3 | X-media | 6 | 3 | JavaScript | MIT | 2026-06-24 | Vue 多级路由缓存,Axios 批量关闭 |
| 4 | yhmxt | 5 | 1 | HTML | — | 2016-12-08 | 激活码系统 |
| 5 | demo | 3 | 0 | JavaScript | — | 2022-04-19 | 案例中心 |
| 6 | topoadmin.github.io | 1 | 0 | JavaScript | — | — | 网站收录 |
| 7 | topo-admin-vue | 0 | 0 | — | MIT | 2025-04-28 | 一个支持网络拓扑图在线编辑的后台管理模板,基于 vue3、vite、antv/x6 等构建 |
| 8 | blogTest | 0 | 0 | HTML | — | 2024-05-11 | 由于 gitee pages 还未实名制通过,暂由github托管 |
| 9 | topoadmin | 0 | 0 | Markdown | — | 2024-05-07 | GitHub Profile README 仓库 |
| 10 | Game | 0 | 0 | JavaScript | — | 2022-04-14 | Game | 游戏 |
| 11 | wisdom-park | 0 | 0 | Vue | — | 2020-01-07 | XXX智慧园区数据大屏 |
| 12 | wms-admin | 0 | 0 | Vue | — | 2019-10-18 | — |
| 13 | xuncheng | 0 | 0 | JavaScript | — | 2017-12-12 | 寻城 |
| 14 | h5_frame | 0 | 25 | JavaScript | MIT | 2016-03-26 | 基于webpack和vue.js搭建的H5开发框架,用于教学 |
按技术领域归类:
数据大屏 / 可视化展示方向
| 项目 | 来源 | 语言 | 简介 |
|---|---|---|---|
| sd-tourism-dashboard-open | leixq1024 / sd-tourism-dashboard-open | TypeScript | 一个开源的vue3大屏项目,欢迎start! |
图形绘制、拓扑图连线库
| 项目 | 来源 | 语言 | 简介 |
|---|---|---|---|
| X6 | antvis / X6 | TypeScript | 🚀 JavaScript diagramming library that uses SVG and HTML for rendering. |
| leader-line | anseki / leader-line | JavaScript | Draw a leader line in your web page. |
移动端 & PC 端 UI 组件库
| 项目 | 来源 | 语言 | 简介 |
|---|---|---|---|
| RelaxPlus | yanghuanrong / RelaxPlus | Vue | 基于vue3的ui组件库 |
| RelaxUI | yanghuanrong / RelaxUI | Vue | 基于Vue编写的UI组件库 |
| vue-strap | yuche / vue-strap | JavaScript | Bootstrap components built with Vue.js |
| vux | airyland / vux | Vue | Mobile web UI Components based on Vue and WeUI. Be Cool with Vue & WeUI. |
| mint-ui | ElemeFE / mint-ui | Vue | Mobile UI elements for vue.js |
| normalize.css | necolas / normalize.css | HTML | A collection of HTML element and attribute style-normalizations |
| amazeui-react | huangzhipeng / amazeui-react | JavaScript | Amaze UI components built with React.js. |
| Semantic-UI | Semantic-Org / Semantic-UI | JavaScript | Semantic is a UI component framework based around useful principles from natural language. |
| mui | dcloudio / mui | JavaScript | 最接近原生APP体验的高性能框架 |
| amazeui | OpenNHP / opennhp | JavaScript | Amaze UI, a mobile-first and modular front-end framework. |
Vue 相关模板、文档、布局
| 项目 | 来源 | 语言 | 简介 |
|---|---|---|---|
| vuepress-theme-hope | vuepress-theme-hope / vuepress-theme-hope | TypeScript | A vuepress theme with tons of features✨ |
| vue-typescript-admin-template | Armour / vue-typescript-admin-template | Vue | 🖖 A vue-cli 3.0 + typescript minimal admin template |
| cn.vuejs.org | vuejs / v2.cn.vuejs.org | JavaScript | 🇨🇳 Chinese translation for vuejs.org |
| vue-grid-layout | jbaysolutions / vue-grid-layout | Vue | A draggable and resizable grid layout, for Vue.js. |
| sui-vue-example | Rcong / sui-vue-example | JavaScript | 一个sui-mobile+vue+webpack的例子。 |
通用工具库、SDK 与样式方案
| 项目 | 来源 | 语言 | 简介 |
|---|---|---|---|
| html2pdf.js | eKoopmans / html2pdf.js | JavaScript | Client-side HTML-to-PDF rendering using pure JS. |
| pinyin4js | Kaifuny / pinyin4js | JavaScript | A opensource javascript library for converting chinese to pinyin。welcome Star : P |
| cos-js-sdk-v4 | tencentyun / cos-js-sdk-v4 | JavaScript | cos-js-sdk-v4 |
| webpack | webpack / webpack | JavaScript | A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders" modules can be CommonJs, AMD… |
| loaders.css | ConnorAtherton / loaders.css | CSS | Delightful, performance-focused pure css loading animations. |
| form | jquery-form / form | JavaScript | jQuery Form Plugin |
| lazysizes | aFarkas / lazysizes | HTML | High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without… |
| element-china-area-data | Plortinus / element-china-area-data | JavaScript | 🇨🇳 Element UI && antd Cascader级联选择器 中国省市区三级、二级联动option数据 |
| flex.css | lzxb / flex.css | CSS | flex.css is declarative layout which is compatible with wechat, UC, webview and other main-stream mobile browser and surpports react, vue, angular. |
| require-css | guybedford / require-css | JavaScript | A RequireJS CSS loader plugin to allow CSS requires and optimization |
前端脚手架与框架
| 项目 | 来源 | 语言 | 简介 |
|---|---|---|---|
| ice | alibaba / ice | JavaScript | 🚀 飞冰 - 让前端开发简单而友好,海量可复用物料,配套桌面工具极速构建前端应用,效率提升 100% |
| pagurian | hypers / pagurian | JavaScript | 🐚 一个管理系统的前端框架(CMD、Grunt) |
其他用途的 Fork 仓库
| 项目 | 来源 | 语言 | 简介 |
|---|---|---|---|
| laytpl | kingdom031 / laytpl | JavaScript | 精妙的JavaScript模板引擎 |
| nearwhite.github.com | nearwhite / nearwhite.github.com | JavaScript | 白衬衫 |
| 404 | Cavalon-io / 404 | CSS | — |
| minggeJS | drduan / minggeJS | JavaScript | MingGeJS1.9.3.2016完美正式版 |
| Present | QAQMiao / Present | CSS | the present for my girlfriend |
| touch.code.baidu.com | Clouda-team / touch.code.baidu.com | HTML | TouchOfficalSite |
基于仓库活动时间线梳理,覆盖 12 年前端开发历程:
| 年份 | 活跃仓库 | 关键事件 | 代表项目 |
|---|---|---|---|
| 2015 | 10 个仓库 | 前端启蒙期,大量 Fork 学习(jQuery 插件、Amaze UI、Semantic UI、百度 Touch) | amazeui、mui、Semantic-UI |
| 2016 | 15(原创 4) 个仓库 | 技术爆发年,搭建 H5 开发框架 h5_frame;photoClip 获 14 星;开发激活码系统 yhmxt | h5_frame、photoClip、address、yhmxt |
| 2017 | 2(原创 1) 个仓库 | 独立项目探索:寻城 xuncheng | xuncheng |
| 2018 | 2 个仓库 | 关注飞冰(ice)、vue-grid-layout 等工程化与布局方案 | ice、vue-grid-layout |
| 2019 | 4(原创 1) 个仓库 | 转向 Vue 后台管理方向,wms-admin 仓库管理系统 | wms-admin |
| 2020 | 3(原创 1) 个仓库 | 大屏可视化起步:智慧园区数据大屏 wisdom-park | wisdom-park |
| 2021 | 2 个仓库 | 深入 Vue 生态,Fork Relax UI 系列组件库 | RelaxUI、RelaxPlus |
| 2022 | 2(原创 2) 个仓库 | 案例归档与游戏方向尝试 | demo、Game |
| 2024 | 3(原创 2) 个仓库 | 搭建个人品牌:Profile README、GitHub Pages 博客 | topoadmin、blogTest |
| 2025 | 4(原创 1) 个仓库 | 技术升级:Vue3 + Vite + AntV X6 拓扑图后台模板 topo-admin-vue | topo-admin-vue |
| 2026 | 1(原创 1) 个仓库 | 持续维护:X-media 多级路由缓存与 Axios 优化 | X-media |
| 指标 | 数值 |
|---|---|
| 总仓库数 | 50 |
| 原创仓库 | 14 |
| Fork 仓库 | 36 |
| 原创 / Fork 比例 | 14:36 (约 28% 原创) |
| 总星标数 | 37 |
| 总被 Fork 数 | 41 |
| 主要语言 | JavaScript (26)、Vue (8)、CSS (5)、HTML (5)、TypeScript (3) |
| Followers | 15 |
| Following | 13 |
| 最高星标项目 | photoClip (14 stars) |
| 最高 Fork 项目 | h5_frame (25 forks) |
| 时间跨度 | 2015 – 2026(12 年) |
本文档基于 GitHub 公开数据自动生成,数据快照时间:2026-07-21。 仓库共计 50 个(两页),其中原创 14 个、Fork 36 个。 (内容由AI生成,仅供参考)
