常用组建库集合
一、Vue.js UI组件
element
:饿了么出品的Vue2的web UI工具套件
Vux
:基于Vue和WeUI的组件库
mint-ui
:Vue 2的移动UI元素
iview
:基于 Vuejs 的开源 UI 组件库
Keen-UI
:轻量级的基本UI组件合集
vue-material
:通过Vue Material和Vue 2建立精美的app应用
muse-ui
:三端样式一致的响应式 UI 库
vuetify
:为移动而生的Vue JS 2组件框架
vonic
:快速构建移动端单页应用
eme
:优雅的Markdown编辑器
vue-multiselect
:Vue.js选择框解决方案
vue-table
:简化数据表格
VueCircleMenu
:漂亮的vue圆环菜单
vue-chat
:vuejs和vuex及webpack的聊天示例
radon-ui
:快速开发产品的Vue组件库
vue-waterfall
:Vue.js的瀑布布局组件
vue-carbon
:基于 vue 开发MD风格的移动端
vue-beauty
:由vue和ant design创建的优美UI组件
vue-blu
:帮助你轻松创建web应用
vueAdmin
:基于vuejs2和element的简单的管理员模板
vue-syntax-highligh
t:Sublime Text语法高亮
vue-infinite-scroll
:VueJS的无限滚动指令
Vue.Draggable
:实现拖放和视图模型数组同步
vue-awesome-swiper
:vue.js触摸滑动组件
vue-calendar
:日期选择插件
bootstrap-vue
:应用于Vuejs2的Twitter的Bootstrap 4组件
vue-swipe
:VueJS触摸滑块
vue-amap
:基于Vue 2和高德地图的地图组件
vue-chartjs
:vue中的Chartjs的封装
vue-datepicker
:日历和日期选择组件
markcook
:好看的markdown编辑器
vue-google-maps
:带有双向数据绑定Google地图组件
vue-progressbar
:vue轻量级进度条
vue-picture-input
:移动友好的图片文件输入组件
vue-infinite-loading
:VueJS的无限滚动插件
vue-upload-component
:Vuejs文件上传组件
vue-datetime-picker
:日期时间选择控件
vue-scroller
:Vonic UI的功能性组件
vue2-calendar
:支持lunar和日期事件的日期选择器
vue-video-player
:VueJS视频及直播播放器
vue-fullcalendar
:基于vue.js的全日历组件
rubik
:基于Vuejs2的开源 UI 组件库
VueStar
:带星星动画的vue点赞按钮
vue-mugen-scroll
:无限滚动组件
mint-loadmore
:VueJS的双向下拉刷新组件
vue-tables-2
:显示数据的bootstrap样式网格
vue-virtual-scroller
:带任意数目数据的顺畅的滚动
DataVisualization
:数据可视化
vue-quill-editor
:基于Quill适用于Vue2的富文本编辑器
Vueditor
:所见即所得的编辑器
vue-html5-editor
:html5所见即所得编辑器
vue-msgbox
:vuejs的消息框
vue-slider
:vue 滑动组件
vue-core-image-upload
:轻量级的vue上传插件
vue-slide
:vue轻量级滑动组件
vue-lazyload-img
:移动优化的vue图片懒加载插件
vue-drag-and-drop-list
:创建排序列表的Vue指令
vue-progressive-image
:Vue的渐进图像加载插件
vuwe
:基于微信WeUI所开发的专用于Vue2的组件库
vue-dropzone
:用于文件上传的Vue组件
vue-charts
:轻松渲染一个图表
vue-swiper
:易于使用的滑块组件
vue-images
:显示一组图片的lightbox组件
vue-carousel-3d
:VueJS的3D轮播组件
vue-region-picker
:选择中国的省份市和地区
vue-typer
:模拟用户输入选择和删除文本的Vue组件
vue-impression
:移动Vuejs2 UI元素
vue-datatable
:使用Vuejs创建的DataTableView
vue-instant
:轻松创建自动提示的自定义搜索控件
vue-dragging
:使元素可以拖拽
vue-slider-component
:在vue1和vue2中使用滑块
vue2-loading-bar
:最简单的仿Youtube加载条视图
vue-datepicker
:漂亮的Vue日期选择器组件
vue-video
:Vue.js的HTML5视频播放器
vue-toast-mobile
:VueJS的toast插件
vue-image-crop-upload
:vue图片剪裁上传组件
vue-tooltip
:带绑定信息提示的提示工具
vue-highcharts
:HighCharts组件
vue-touch-ripple
:vuejs的触摸ripple组件
coffeebreak
:实时编辑CSS组件工具
vue-datasource
:创建VueJS动态表格
vue2-timepicker
:下拉时间选择器
vue-date-picker
:VueJS日期选择器组件
vue-scrollbar
:最简单的滚动区域组件
vue-quill
:vue组件构建quill编辑器
vue-google-signin-button
:导入谷歌登录按钮
vue-svgicon
:创建svg图标组件的工具
vue-float-label
:VueJS浮动标签模式
vue-baidu-map
:基于 Vue 2的百度地图组件库
vue-social-sharing
:社交分享组件
vue2-editor
:HTML编辑器
vue-tagsinput
:基于VueJS的标签组件
vue-easy-slider
:Vue 2.x的滑块组件
datepicker
:基于flatpickr的时间选择组件
vue-chart
:强大的高速的vue图表解析
vue-music-master
:vue手机端网页音乐播放器
handsontable
:网页表格组件
vue-simplemde
:VueJS的Markdown编辑器组件
vue-popup-mixin
:用于管理弹出框的遮盖层
cubeex
:包含一套完整的移动UI
vue-fullcalendar
:vue FullCalendar封装
vue-material-design
:Vue MD风格组件
vue-morris
:Vuejs组件封装Morrisjs库
we-vue
:Vue2及weui1开发的组件
vue-image-clip
:基于vue的图像剪辑组件
vue-bootstrap-table
:可排序可检索的表格
vue-radial-progress
:Vue.js放射性进度条组件
vue-slick
:实现流畅轮播框的vue组件
vue-pull-to-refresh
:Vue2的上拉下拉
vue-form-2
:全面的HTML表单管理的解决方案
vue-side-nav
:响应式的侧边导航
mint-indicator
:VueJS移动加载指示器插件
chartjs
:Vue Bulma的chartjs组件
vue-scroll
:vue滚动
vue-ripple
:制作谷歌MD风格涟漪效果的Vue组件
vue-touch-keyboard
:VueJS虚拟键盘组件
vue-chartkick
:VueJS一行代码实现优美图表
vue-ztree
:用 vue 写的树层级组件
vue-m-carousel
:vue 移动端轮播组件
vue-datepicker-simple
:基于vue的日期选择器
vue-tabs
:多tab页轻型框架
vue-verify-pop
:带气泡提示的vue校验插件
vue-parallax
:整洁的视觉效果
vue-img-loader
:图片加载UI组件
vue-typewriter
:vue组件类型
vue-smoothscroll
:smoothscroll的VueJS版本
vue-city
:城市选择器
vue-tree
:vue树视图组件
vue-ios-alertview
:iOS7+ 风格的alertview服务
dd-vue-component
:订单来了的公共组件库
paco-ui-vue
:PACOUI的vue组件
vue-cmap
:Vue China map可视化组件
vue-button
:Vue按钮组件
二、Vue.js开发框架
vue.js
:流行的轻量高效的前端组件化方案
vue-admin
:Vue管理面板框架
electron-vue
:Electron及VueJS快速启动样板
vue-2.0-boilerplate
:Vue2单页应用样板
vue-spa-template
:前后端分离后的单页应用开发
Framework7-Vue
:VueJS与Framework7结合
vue-bulma
:轻量级高性能MVVM Admin UI框架
vue-webgulp
:仿VueJS Vue loader示例
vue-element-starter
:vue启动页
三、Vue.js实用库
vuex
:专为 Vue.js 应用程序开发的状态管理模式
vuelidate
:简单轻量级的基于模块的Vue.js验证
qingcheng
:qingcheng主题
vue-desktop
:创建管理面板网站的UI库
vue-meta
:管理app的meta信息
vue-axios
:将axios整合到VueJS的封装
vue-svg-icon
:vue2的可变彩色svg图标方案
avoriaz
:VueJS测试实用工具库
vue-framework7
:结合VueJS使用的Framework7组件
vue-bootstrap-modal
:vue的Bootstrap样式组件
vuep
:用实时编辑和预览来渲染Vue组件
vue-online
:reactive的在线和离线组件
vue-lazy-render
:用于Vue组件的延迟渲染
vue-password-strength-meter
:交互式密码强度计
element-admin
:支持 vuecli 的 Element UI 的后台模板
vue-electron
:将选择的API封装到Vue对象中的插件
cleave
:基于cleave.js的Cleave组件
vue-events
:简化事件的VueJS插件
vue-shortkey
:应用于Vue.js的Vue-ShortKey 插件
vue-cordova
:Cordova的VueJS插件
vue-router-transition
:页面过渡插件
vue-gesture
:VueJS的手势事件插件
http-vue-loader
:从html及js环境加载vue文件
vue-qart
:用于qartjs的Vue2指令
vuemit
:处理VueJS事件
vue-websocket
:VueJS的Websocket插件
vue-local-storage
:具有类型支持的Vuejs本地储存插件
lazy-vue
:懒加载图片
vue-bus
:VueJS的事件总线
vue-reactive-storage
:vue插件的Reactive层
vue-notifications
:非阻塞通知库
vue-lazy-component
:懒加载组件或者元素的Vue指令
v-media-query
:vue中添加用于配合媒体查询的方法
vue-observe-visibility
:当元素在页面上可见或隐藏时检测
vue-ts-loader
:在Vue装载机检查脚本
vue-pagination-2
:简单通用的分页组件
vuex-i18n
:定位插件
Vue.resize
:检测HTML调整大小事件的vue指令
vuex-shared-mutations
:分享某种Vuex mutations
vue-file-base64
:将文件转换为Base64的vue组件
modal
:Vue Bulma的modal组件
Famous-Vue
:Famous库的vue组件
leo-vue-validator
:异步的表单验证组件
Vue-Easy-Validator
:简单的表单验证
vue-truncate-filter
:截断字符串的VueJS过滤器
vue-zoombox
:一个高级zoombox
vue-input-autosize
:基于内容自动调整文本输入的大小
vue-lazyloadImg
:图片懒加载插件
四、Vue.js服务端
nuxt.js
:用于服务器渲染Vue app的最小化框架
express-vue
:简单的使用服务器端渲染vue.js
vue-ssr
:非常简单的VueJS服务器端渲染模板
vue-ssr
:结合Express使用Vue2服务端渲染
vue-easy-renderer
:Nodejs服务端渲染
五、Vue.js辅助工具
DejaVue
:Vuejs可视化及压力测试
vue-play
:展示Vue组件的最小化框架
vscode-VueHelper
:目前vscode最好的vue代码提示插件
vue-generate-component
:轻松生成Vue js组件的CLI工具
vue-multipage-cli
:简单的多页CLI
VuejsStarterKit
:vuejs starter套件
六、Vue.js应用实例
koel
:基于网络的个人音频流媒体服务
pagekit
:轻量级的CMS建站系统
vuedo
:博客平台
jackblog-vue
:个人博客系统
vue-cnode
:重写vue版cnode社区
CMS-of-Blog
:博客内容管理器
rss-reader
:简单的rss阅读器
vue-ghpages-blog
:依赖GitHub Pages无需本地生成的静态博客
swoole-vue-webim
:Web版的聊天应用
vue-dashing-js
:nuvo-dashing-js的fork
fewords
:功能极其简单的笔记本
vue-blog
:使用Vue2.0 和Vuex的vue-blog
七、Vue.js Demo示例
Vue-cnodejs
:基于vue重写Cnodejs.org的webapp
NeteaseCloudWebApp
:高仿网易云音乐的webapp
vue-zhihu-daily
:知乎日报 with Vuejs
vue-wechat
:vue.js开发微信app界面
vue2-demo
:从零构建vue2 + vue-router + vuex 开发环境
eleme
:高仿饿了么app商家详情
vue-demo
:vue简易留言板
maizuo
:vue/vuex/redux仿卖座网
spa-starter-kit
:单页应用启动套件
vue-music
:Vue 音乐搜索播放
douban
:模仿豆瓣前端
vue-Meizi
:vue最新实战项目
zhihudaily-vue
:知乎日报web版
vue-demo-kugou
:vuejs仿写酷狗音乐webapp
VueDemo_Sell_Eleme
:Vue2高仿饿了么外卖平台
vue2.0-taopiaopiao
:vue2.0与express构建淘票票页面
vue-leancloud-blog
:一个前后端完全分离的单页应用
node-vue-server-webpack
:Node.js+Vue.js+webpack快速开发框架
mi-by-vue
:VueJS仿小米官网
vue-fis3
:流行开源工具集成demo
vue2.x-douban
:Vue2实现简易豆瓣电影webApp
vue-demo-maizuo
:使用Vue2全家桶仿制卖座电影
vue-zhihudaily
:知乎日报 Web 版本
vue-adminLte-vue-router
:vue和adminLte整合应用
vue-axios-github
:登录拦截登出功能
Zhihu-Daily-Vue.js
:Vuejs单页网页应用
hello-vue-django
:使用带有Django的vuejs的样板项目
vue-cnode
:vue单页应用demo
x-blog
:开源的个人blog项目
vue-express-mongodb
:简单的前后端分离案例
websocket_chat
:基于vue和websocket的多人在线聊天室
photoShare
:基于图片分享的社交平台
vue-zhihudaily-2.0
:使用Vue2.0+vue-router+vuex创建的zhihudaily
notepad
:本地存储的记事本
vueBlog
:前后端分离博客
vue-ruby-china
:VueJS框架搭建的rubychina平台
Zhihu_Daily
:基于Vue和Nodejs的Web单页应用
vue-koa-demo
:使用Vue2和Koa1的全栈demo
vue2.x-Cnode
:基于vue全家桶的Cnode社区
life-app-vue
:使用vue2完成多功能集合到小webapp
github-explorer
:寻找最有趣的GitHub库
vue-trip
:vue2做的出行webapp
vue-ssr-boilerplate
:精简版的ofvue-hackernews-2
vue-bushishiren
:不是诗人应用
houtai
:基于vue和Element的后台管理系统
ios7-vue
:使用vue2.0 vue-router vuex模拟ios7
Framework7-VueJS
:使用移动框架的示例
cnode-vue
:基于vue和vue-router构建的cnodejs web网站SPA
vue-cli-multipage-bootstrap
:将vue官方在线示例整合到组件中
vue-cnode
:用 Vue 做的 CNode 官网
HyaReader
:移动友好的阅读器
zhihu-daily
:轻松查看知乎日报内容
seeMusic
:跨平台云音乐播放器
vue-cnode
:使用cNode社区提供的接口
zhihu-daily-vue
:知乎日报
sls-vuex2-demo
:vuex2商城购物车demo
vue-dropload
:用以测试下拉加载与简单路由
vue-cnode-mobile
:搭建cnode社区
Vuejs-SalePlatform
:vuejs搭建的售卖平台demo
v-notes
:简单美观的记事本
vue-starter
:VueJs项目的简单启动页
vue-memo
:用 vue写的记事本应用
八、详细分类
01、UI组件及框架
element
- 饿了么出品的Vue2的web UI工具套件
mint-ui
- Vue 2的移动UI元素
iview
- 基于 Vuejs 的开源 UI 组件库
Keen-UI
- 轻量级的基本UI组件合集
vue-material
- 通过Vue Material和Vue 2建立精美的app应用
muse-ui
- 三端样式一致的响应式 UI 库
vuetify
- 为移动而生的Vue JS 2组件框架
vonic
- 快速构建移动端单页应用
vue-blu
- 帮助你轻松创建web应用
vue-multiselect
- Vue.js选择框解决方案
VueCircleMenu
- 漂亮的vue圆环菜单
vue-chat
- vuejs和vuex及webpack的聊天示例
radon-ui
- 快速开发产品的Vue组件库
vue-waterfal
l - Vue.js的瀑布布局组件
vue-carbon
- 基于 vue 开发MD风格的移动端
vue-beauty
- 由vue和ant design创建的优美UI组件
bootstrap-vue
- 应用于Vuejs2的Twitter的Bootstrap 4组件
vueAdmin
- 基于vuejs2和element的简单的管理员模板
vue-ztree
- 用 vue 写的树层级组件
vue-tree
- vue树视图组件
vue-tabs
- 多tab页轻型框架
02、滚动scroll组件
vue-scroller
- Vonic UI的功能性组件
vue-mugen-scroll
- 无限滚动组件
vue-infinite-loading
- VueJS的无限滚动插件
vue-virtual-scroller
- 带任意数目数据的顺畅的滚动
vue-infinite-scroll
- VueJS的无限滚动指令
vue-scrollbar
- 最简单的滚动区域组件
vue-scroll
- vue滚动
vue-pull-to-refresh
- Vue2的上拉下拉
mint-loadmore
- VueJS的双向下拉刷新组件
vue-smoothscroll
- smoothscroll的VueJS版本
03、slider组件
vue-awesome-swiper
- vue.js触摸滑动组件
vue-slick
- 实现流畅轮播框的vue组件
vue-swipe
- VueJS触摸滑块
vue-swiper
- 易于使用的滑块组件
vue-images
- 显示一组图片的lightbox组件
vue-carousel-3d
- VueJS的3D轮播组件
vue-slide
- vue轻量级滑动组件
vue-slider
- vue 滑动组件
vue-m-carousel
- vue 移动端轮播组件
dd-vue-component
- 订单来了的公共组件库
vue-easy-slider
- Vue 2.x的滑块组件
04、编辑器
markcook
- 好看的markdown编辑器
eme
- 优雅的Markdown编辑器
vue-syntax-highlight
- Sublime Text语法高亮
vue-quill-editor
- 基于Quill适用于Vue2的富文本编辑器
Vueditor
- 所见即所得的编辑器
vue-html5-editor
- html5所见即所得编辑器
vue2-editor
- HTML编辑器
vue-simplemde
- VueJS的Markdown编辑器组件
vue-quill
- vue组件构建quill编辑器
05、图表
Echarts
vue-table
- 简化数据表格
vue-chartjs
- vue中的Chartjs的封装
vue-charts
- 轻松渲染一个图表
vue-chart
- 强大的高速的vue图表解析
vue-highcharts
- HighCharts组件
chartjs
- Vue Bulma的chartjs组件
vue-chartkick
- VueJS一行代码实现优美图表
06、日历
vue-calendar
- 日期选择插件
vue-datepicker
- 日历和日期选择组件
vue-datetime-picker
- 日期时间选择控件
vue2-calendar
- 支持lunar和日期事件的日期选择器
vue-fullcalendar
- 基于vue.js的全日历组件
vue-datepicker
- 漂亮的Vue日期选择器组件
datepicker
- 基于flatpickr的时间选择组件
vue2-timepicker
- 下拉时间选择器
vue-date-picker
- VueJS日期选择器组件
vue-datepicker-simple
- 基于vue的日期选择器
07、地址选择
vue-city
- 城市选择器
vue-region-picker
- 选择中国的省份市和地区
08、地图
vue-amap
- 基于Vue 2和高德地图的地图组件
vue-google-maps
- 带有双向数据绑定Google地图组件
vue-baidu-map
- 基于 Vue 2的百度地图组件库
vue-cmap
- Vue China map可视化组件
09、播放器
vue-video-player
- VueJS视频及直播播放器
vue-video
- Vue.js的HTML5视频播放器
vue-music-master
- vue手机端网页音乐播放器
10、文件上传
vue-upload-component
- Vuejs文件上传组件
vue-core-image-upload
- 轻量级的vue上传插件
vue-dropzone
- 用于文件上传的Vue组件
11、图片处理
vue-lazyload-img
- 移动优化的vue图片懒加载插件
vue-image-crop-upload
- vue图片剪裁上传组件
vue-svgicon
- 创建svg图标组件的工具
vue-img-loader
- 图片加载UI组件
vue-image-clip
- 基于vue的图像剪辑组件
vue-progressive-image
- Vue的渐进图像加载插件
12、提示
vue-toast-mobile
- VueJS的toast插件
vue-msgbox
- vuejs的消息框
vue-toolti
- 带绑定信息提示的提示工具
vue-verify-pop
- 带气泡提示的vue校验插件
13、进度条
vue-radial-progress
- Vue.js放射性进度条组件
vue-progressba
r - vue轻量级进度条
vue2-loading-bar
- 最简单的仿Youtube加载条视图
14、开发框架汇总
vue-admin
- Vue管理面板框架
electron-vue
- Electron及VueJS快速启动样板
vue-2.0-boilerplate
- Vue2单页应用样板
vue-webgulp
- 仿VueJS Vue loader示例
vue-bulma
- 轻量级高性能MVVM Admin UI框架
vue-spa-template
- 前后端分离后的单页应用开发
Framework7-Vue
- VueJS与Framework7结合
vue-element-starter
- vue启动页
15、实用库汇总
vuelidate
- 简单轻量级的基于模块的Vue.js验证
qingcheng
- qingcheng主题
vuex
- 专为 Vue.js 应用程序开发的状态管理模式
vue-axios
- 将axios整合到VueJS的封装
vue-desktop
- 创建管理面板网站的UI库
vue-meta
- 管理app的meta信息
avoriaz
- VueJS测试实用工具库
vue-framework7
- 结合VueJS使用的Framework7组件
vue-lazy-rende
r - 用于Vue组件的延迟渲染
vue-svg-icon
- vue2的可变彩色svg图标方案
vue-online
- reactive的在线和离线组件
vue-password-strength-meter
- 交互式密码强度计
vuep
- 用实时编辑和预览来渲染Vue组件
vue-bootstrap-modal
- vue的Bootstrap样式组件
element-admin
- 支持 vuecli 的 Element UI 的后台模板
vue-shortkey
- 应用于Vue.js的Vue-ShortKey 插件
cleave
- 基于cleave.js的Cleave组件
vue-events
- 简化事件的VueJS插件
http-vue-loader
- 从html及js环境加载vue文件
vue-electron
- 将选择的API封装到Vue对象中的插件
vue-router-transition
- 页面过渡插件
vuemit
- 处理VueJS事件
vue-cordova
- Cordova的VueJS插件
vue-qart
- 用于qartjs的Vue2指令
vue-websocket
- VueJS的Websocket插件
vue-gesture
- VueJS的手势事件插件
vue-local-storage
- 具有类型支持的Vuejs本地储存插件
lazy-vue
- 懒加载图片
vue-lazyloadImg
- 图片懒加载插件
vue-bus
- VueJS的事件总线
vue-observe-visibility
- 当元素在页面上可见或隐藏时检测
vue-notifications
- 非阻塞通知库
v-media-query
- vue中添加用于配合媒体查询的方法
vuex-shared-mutations
- 分享某种Vuex mutations
vue-lazy-component
- 懒加载组件或者元素的Vue指令
vue-reactive-storage
- vue插件的Reactive层
vue-ts-loader
- 在Vue装载机检查脚本
vue-pagination-2
- 简单通用的分页组件
vuex-i18n
- 定位插件
Vue.resize
- 检测HTML调整大小事件的vue指令
vue-zoombox
- 一个高级zoombox
leo-vue-validator
- 异步的表单验证组件
modal
- Vue Bulma的modal组件
Famous-Vue
- Famous库的vue组件
vue-input-autosize
- 基于内容自动调整文本输入的大小
vue-file-base64
- 将文件转换为Base64的vue组件
Vue-Easy-Validato
r - 简单的表单验证
vue-truncate-filter
- 截断字符串的VueJS过滤器
16、服务端
vue-ssr
- 结合Express使用Vue2服务端渲染
nuxt.js
- 用于服务器渲染Vue app的最小化框架
vue-ssr
- 非常简单的VueJS服务器端渲染模板
vue-easy-renderer
- Nodejs服务端渲染
express-vue
- 简单的使用服务器端渲染vue.js
17、辅助工具
DejaVue
- Vuejs可视化及压力测试
vue-generate-component
- 轻松生成Vue js组件的CLI工具
vscode-VueHelper
- 目前vscode最好的vue代码提示插件
vue-play
- 展示Vue组件的最小化框架
VuejsStarterKit
- vuejs starter套件
vue-multipage-cli
- 简单的多页CLI
18、应用实例
pagekit
- 轻量级的CMS建站系统
vuedo
- 博客平台
koel
- 基于网络的个人音频流媒体服务
CMS-of-Blog
- 博客内容管理器
vue-cnode
- 重写vue版cnode社区
vue-ghpages-blog
- 依赖GitHub Pages无需本地生成的静态博客
swoole-vue-webim
- Web版的聊天应用
fewords
- 功能极其简单的笔记本
jackblog-vue
- 个人博客系统
vue-blog
- 使用Vue2.0 和Vuex的vue-blog
vue-dashing-js
- nuvo-dashing-js的fork
rss-reader
- 简单的rss阅读器
原文链接:https://blog.csdn.net/weixin_45406712/article/details/122375568