vue-demo-collection

vue-demo-collection copied to clipboard

关于

该项目用于收集前端开发过程中常用的基础组件（不限于Vue、javascript、CSS、Echarts等）。

你可以在 :tada: 这里 :tada: 预览所有的博客和组件实例，或是点击下方的链接直接访问具体页面。

导航

Vue2 源码

• 基本知识：Flow
• Vue.js + Rollup 构建
• Vue.js 入口文件分析

Vue 组件

• 面包屑 Breadcrumb
• 对话框 Dialog
• 分页器 Pagination
• 轮播图 Slider
• 无滚动条组件 Scroll
• 树形控件 Tree (Vue递归组件)
• 评分组件 Rating
• 横向滚动通知栏 Banner
• 表单金额输入框（element-ui）PriceInput
• 加载按钮 LoadingButton
• 级联选择器（element-ui）Cascader

Vue 指令

• 元素点击范围扩展指令 v-expandClick
• 文字超出省略 v-ellipsis
• 元素说明指令 v-tooltip
• 元素文本复制指令 v-copy
• 元素全屏指令 v-screenfull
• 回到顶部指令 v-backtop
• 空状态指令 v-empty
• 徽标指令 v-badge

JavaScript 笔记

• 垃圾回收
• Map
• Set

CSS 相关组件

• flex实现中间文字，两边横线（1px）
• 结合《CSS揭秘》整理的可实用代码笔记

Echarts 相关组件

• Tooltip 进阶之交互

随笔

• 浏览器兼容性记录2021-04-21
• 前端装机必备教程
• 前端如何修改组件库源码来封装符合自己需求的组件？
• 2021 年终总结

其他博客

• CSS: flex 实现中间文字，两边横线（1px）
• CSS: 《CSS揭秘》可实用代码笔记
• ECMAScript 2021新特性
• Element-ui: 多选表格，当复选框禁用，鼠标覆盖显示 tooltip
• Vue 拦截离开页面操作
• Vue 中可编辑的 SVG Icon 组件
• VuePress 之自定义主题

项目截图