叫我+V

摘要： Vue 使用 Element 组件实现前端自己的分页功能 当后端没有分页的时候 用 element 中的组件分页并不能对数据进行切割 需要请求回数据后自己来做切割。 <el-table :data="tableData.slice((currentPage-1)*pageSize,currentPa 阅读全文

摘要： 阿里云CentOS搭建EasyMock​ ## 简介 Easy Mock 是一个可视化，并且能快速生成 模拟数据 的持久化服务。 阅读全文

摘要： echarts 组件复用 在前端开发过程中经常会遇到使用 echarts 报表的功能，有很多时候在一个页面或者是一个项目当中使用相同的 echarts 表，比如使用好几个柱状图、折线图之类的，而这些柱状图的样式是完全一样的，只是横纵坐标的数据不一样，因此我们可以将样式相同的 echarts 图表封装 阅读全文

摘要： 这个是什么意思呢，就是当浏览器窗体发生变化的时候会触发。主要用在布局计算，比如说分辨率不一样，可能高度宽度需要重新计算渲染。在一个就是很典型的echarts报表，当我们的浏览器缩放发生变化，或者是电脑分辨率发生变化之后，echarts报表大小位置啥的是不会发生变化的 阅读全文

摘要： Vue input textarea自动滚动到最底部 这是什么意思，就是类似于QQ聊天框一样的效果，新来的一条一条的消息会不停地补充在textarea输入框，然后展示最新来得数据，就需要textarea输入框的滚动条默认下滑到最下面。 首先定一个textarea类型的input组件 首先使用 vue 阅读全文

摘要： VUE 获取今天时间和一月前今天的时间 这个场景是啥呢，就比如说一个图表，需要默认查取过去一个月的数据，所以说需要向后台传输两个参数，一个是开始时间，一个是结束时间。获取当前时间还好，一个月前的时间有点费劲，当然方法很多，下面是其中一种，可以转换成一个星期或者是半个月都可以。 首先先创建一个变量用来 阅读全文

摘要： Vue生成随机数 生成随机整数 Math.round(Math.random()*5) // 生成0~5的随机整数 没了，这是篇水文，很水，就这点，哈哈哈哈~ 阅读全文

摘要： # VSCode windows常用快捷键 > 最近使用 VSCode 用的比较多，之前使用的 webstorm ，然后在使用 VSCode 的过程中发现很多好用的快捷键，把常用的整理一下。 ## 重新打开刚关闭的文件 阅读全文

摘要： # JavaScript JSON.stringify() > 最近做一个项目，项目中有一段代码编辑器，返回的代码段是JSON对象，需要解析成JSON字符串，然后，放到代码编辑器里面，但是JSON.stringify()默认返回的字符串没有缩进和换行，但是这个是可以配置的，记录一下。 阅读全文

摘要： Vue .sync修饰符与$emit(update:xxx) .sync修饰符的作用 在对一个 prop 进行“双向绑定,单向修改”的场景下，因为子组件不能直接修改父组件，sync在2.3版本引入，作为一个事件绑定语法糖，利用EventBus，当子组件触发事件时，父组件会响应事件并实现数据更新，避免 阅读全文

摘要： Echarts option常用属性配置 官网配置项详情：https://echarts.apache.org/zh/option.html#title 成功绘制一个Echarts图表至少包含三部分：x轴xAxis、y轴yAxis、系列列表series。 option = { xAxis: { ty 阅读全文

摘要： vue跳转外部链接 vue 跳转外部链接问题,当跳转的时候会添加在当前地址后面。 var url = 'www.baidu.com' //跳转1 window.localtion.href = url //跳转2 window.history.pushState(url); window.histo 阅读全文

摘要： # git 知道这些就够了  ## git status 可以查看当前仓库的状态信息。 阅读全文

摘要： 接私活可用的 Springboot + Vue 快速开发框架 推荐两个使用起来不错的可以在空余时间接私活的快速开发框架。 第一个 Jeecg Boot（有免费版，个人开发够用） JeecgBoot是一款基于SpringBoot+代码生成器的快速开发平台！采用前后端分离架构：SpringBoot，My 阅读全文

摘要： Vue祖孙组件怎么传值 先看基础 祖孙组件，也就是 3 层嵌套的组件。关于 vue 中父子组件之间的数据传递是通过 props 和 $emit 实现，参考Vue 父子组件传值。 那祖孙组件之间传值怎么实现，先了解下面的几个 vue 属性。 $props 当前组件接收到的 props 对象。Vue 实 阅读全文

摘要： Vue 组件传值 vue组件间传值分类 父子组件间传值：props 子父组件传值：emit 兄弟组件传值：eventbus 祖先子孙自建传值：高级用法provide、inject 整体案例 组件结构：Helloworld > news > mhead 祖组件 <template> <div clas 阅读全文

摘要： 因为之前做过一个项目，有网关标识和场景标识，都是32个长度的随机字符串，后期需要用到这两个标识，以前用户可以手动复制过去用，但是随着数据的增多，这两个标识可能太长会被隐藏掉一部分，用户就复制不了了，所以加一个按钮，可以让用户需要复制的时候，点击按钮，前端自动实现复制操作。复制操作是基于input输入框的，所以得事先生成一个输入框来存放需要复制的文本数据。 阅读全文

摘要： vue 获取组件高度 Vue获取元素高度 // 当前区域 <div ref="element"></div> // 获取高度值 （内容高+padding+边框） let height= this.$refs.element.offsetHeight; //100 // 获取元素样式值 （存在单位） 阅读全文

摘要： git commit 提交的时候报错husky > pre-commit hook failed (add --no-verify to bypass)（解决办法） 这个问题是因为当你在终端输入git commit -m "XXX",提交代码的时候,pre-commit(客户端)钩子，它会在Git键 阅读全文

摘要： vue中异步函数async和await的用法 转载自：https://www.cnblogs.com/zhoujuan/p/11692818.html 先说一下async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思， 异步函数也就意味着该函数的执行不 阅读全文

摘要： JS设置浏览器缩放比例 因为 windows10 的操作系统，尽管是19201080的分辨率，但是发现我的页面显示是正常的，但是我同学打开说滚动条特别多，然后就特别的丑陋，尤其是出现了横向的滚动条，这个就很难让人接受，但是我这边就显示正常，核对了一下，我们用的都是19201080的分辨率，理论上是不 阅读全文

摘要： CSS修改滚动条的样式 修改某个div的滚动条 /*修改某个div的滚动条样式*/ div::-webkit-scrollbar{ width:5px; height:5px; /**/ } div::-webkit-scrollbar-track{ background: #fff; border 阅读全文

摘要： JS代码查看浏览器页面放大比例 在做前端项目的时候会遇到这样的问题，比如说我适配的 1920*1080 100% 缩放比例，在这种情况下页面的布局展示都是OK的，但是如果用户自行修改缩放比例，那么这个页面可能会出现一些小的问题，比如错版和展示不开显示滚动条的问题，所以说我们可以在最开始的时候来使用J 阅读全文

摘要： Vue CLI 3.x 脚手架 什么是Vue-CLI Vue-CLI 是 VUE 官方提供，用来搭建项目脚手架的工具，他是vue.js标准的工具，他已经集成了，webpack，内置了好多常用的配置，使我们在使用 Vue 开发项目的时候更加标准化。 安装： npm install -g @vue/cl 阅读全文

摘要： 我就想用Echarts在页面上画一张地图，这张地图显示全国，然后我有几个坐标点的经纬度信息，需要在这个地图上根据经纬度标注在Echarts图表上，再有一个就是当我点击省份的时候，地图可以切换到省份的子区域里面，接这么简单。 ## 实现 之前从来没接触过，现在懵逼的一比，靠了！ 阅读全文

摘要： # Vue利用百度地图画圆并且获取圆心坐标和半径 > 这个东西不好整，既要使用Vue接入百度地图，又要画圆。 ## Vue接入百度地图 Vue 接入百度地图其实是有插件的，**vue-baidu-map** 这个插件有官网，直接 npm install 就可以。 阅读全文

摘要： # Vue兄弟组件之间通信 eventBus > 今天碰到了这个问题，两个毫无关联的组件之间需要通信，怎么办！使用 props 一层一层的传肯定是有问题的，当然可以实现，在一个就是Vuex，定义一个公共变量也是可以的，但是相对来说比较好的实现方式就是 eventBus 了吧。 > 其实我觉得我现在的状态就特别好，有个志同道合的人，无论在生活还是工作上遇到问题都可以敞开了探讨，没有避讳，不管最后能不能解决，都是一种收获！ 阅读全文

摘要： # Vue 项目接入 echarts ## 安装 echarts 插件 npm install echarts --save 引入 echarts 插件。 import echarts from 'echarts' 也可以在main.js全局引用，觉得没必要，看情况吧。 ## 安装 echarts 插件 阅读全文

摘要： Vue 项目获取当前系统时间解析成年月日周 简单粗暴，直接上代码： <template> <span>{{ date }}</span> <span>{{ time }}</span> </template> data () { return:{ time: '', date: '', week: 阅读全文

摘要： Vue 状态管理 Vuex 官网文档：https://vuex.vuejs.org/zh/ Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式，他采用集中式存储管理应用的所有组件的状态，并且以相应的规则保证状态以一种可以预测的方式发生改变。 Vuex 的简单理解 Vue 应用中的每一个 阅读全文