俺自己弄自己写博客是为了记录自己的脚步，走成功就留下近道，方便其他兴趣者抄近道提升；走失败了就留下血迹(魂类游戏の特色)，方便其他人看看我是这么寄的。我曾经给自己规定，一个月最少留下一片技术性的或者经验性值的博客，方便自己自我总结。结果十月底后，咱忙得不可开交~~，都没时间水群~~，写博客的规划就一拖再拖，最后都十二月了，emmmm，不能再拖了。今天就写完。6号的今儿，加个班，努力写完吧。

Vue中封装自定义步骤条 实现上下一步效果图：如上图：在VUE中实现效果，VUE+Element,ant都有封装好的UI,直接引用就好了；这里，觉得样式不符合UI设计，所以自定义封装了一个步骤条组件；设计原理：当点击下一步的，获取步骤的index, 通过绑定的class 给经过的步骤添加样式；:class="index <= stepsIndex ? 'on' : ''"定义步骤条的条数,数

需求：使用 Vue + Antd 搭建后台管理系统，封装无限下拉循环菜单文档：Antd第一步：搭建Vue脚手架，这里不做过多叙述。第二步：导入 Antd 依赖npm install antd第三步：新建菜单组件SiderMenu.vue<template><div style="width: 256px"><a-menu:selectedKeys="selectedK

echarts数据可视化图表（二）：双柱状图效果图：html<script src="js/4.2.1/echarts.min.js"></script><div class="box-echarts" id="Echarts09"></div>jsvar loadEcharts09 = function () {var myChartss = ec

echarts数据可视化图表（一）：柱状图效果图：代码如下：注意：需引用echarts.js<script src="js/4.2.1/echarts.min.js"></script>html<div class="box-echarts" id="Echarts05"></div>css.box-echarts{width:500px;heigh

echarts数据可视化图表（二）：双柱状图效果图：html<script src="js/4.2.1/echarts.min.js"></script><div class="box-echarts" id="Echarts09"></div>jsvar loadEcharts09 = function () {var myChartss = ec

前言搭建文档，个人博客用什么比较用；当然是Vue全家桶之一的vuepress啦；这可是大神尤雨溪推出的一款模板；vuepress用于迅速搭建技术文档网站与个人博客，简单快捷，下面和我一起开始学习吧！一、成品展示1. 技术文档网站：vue全家桶官网：vue、vuex、vue-cli、vue-router以及vuepress本身2. 个人博客：组件zhb-ui 使用文档3. 官方文档VuePress二

VUE 中渲染Echarts 动画 柱状图效果图：安装Echarts依赖要在vue中使用Echarts 需要先安装依赖npm install echarts --save这是我的Echarts版本"echarts": "^4.0.4"第一步：在template减免 容器dom<template><div class="min-body"><div style="wid

vue-cropper一款好用的前端截图插件项目介绍：使用vue+elementUI写的项目，需要用到图片截图功能、视频截图、视频直播等功能，关于截图不失真，发现vue-cropper这款插件能满足需求，可以让用户自由调整截图框的宽高、位置，可以根据用户的需求选择截图的格式（png、jpg），也可以选择图片的编码格式（base64、blob）等。案例展示：http://zhb_nyx.gitee.

Vue学习笔记：将数组数据使用Excel表格导出需求：数组数据使用 Excel导出第一步：下载依赖命令行： npm i xlsx第二步：建立下载公共jssrc下建立文件夹utils后建立data2Excel.js第三步：将公共js导入页面import { dataConversionUtil } from '@/utils/data2Excel'第四步：数组数据组装Excel表格 表头loadEx