摘要:
在配置文件上加上这句话就可以了,没有使用插件。
```javascript
"files.associations": {
"*.vue":"html"
}
``` 阅读全文
摘要:
Vue 炫酷 Echarts 图表 网址:https://www.makeapie.com/explore.html#sort=ranktimeframe=allauthor=all 上面的网址已经停服了,有几个网址更新一下子 https://www.makeapie.cn/ https://www 阅读全文
摘要:
# vue 动态生成拓扑图
## 横向拓扑
在 index.html 文件中引入文件。
```javascript
阅读全文
摘要:
Vue 全局 websocket 抄的,出处:https://www.cnblogs.com/tcz1018/p/13831589.html 他说,首先就是网上的写法有很多但是 都是需要创建一个对象进行相关的状态回调,有的是需要创建一个初始化方法进行相关的状态回调,然后看的我就一句话 都挺好的,反正 阅读全文
摘要:
Vue 自定义组件v-model父子组件传值双向绑定 之前自己写过一个自定义组件,父组件使用 v-model 进行双向数据绑定的,写了好几次,当时明白,但是过了几天又忘了,写一下吧。 日常我们使用v-model <div id="app"> <p>{{message}}</p> <input typ 阅读全文
摘要:
当我们第一次渲染数据的时候,echarts渲染是正常的,但是当我们的数据更新的时候,展示的图表会出现错版现象,其中最常见的是曲线图。
比如下面,刚开始进入的时候也就是说首次加载数据,显示的echarts折线图是完全OK的,但是我们更新了数据,重新配置了option赋值给echarts的时候就出现渲染错误的问题,曲线图拧了。 阅读全文
摘要:
# Vue图片加载错误、图片加载失败的处理
注意:
1. onerror前面要用冒号 :
2. 注意看logo定义的格式,符号不要写错了 阅读全文
摘要:
> 好早就写了个案例,但是一直没时间整理,其实代码敲出来是一种学习,记录下来又是另一种学习,好好学习,天天向上!我爱学习!
我这边的左侧菜单栏是写死的,不是后台返回的动态菜单。
其实写菜单很简单,这篇博文不会写的很多,我直接把项目放到 Git 上,down下来看一下就可以了,很简单能明白。 阅读全文
摘要:
当时用echarts图表显示数据的时候,比如折线图柱状图,当数据量太大的时候,需要设置 dataZoom实现区域缩放,但是当数据量比较少的时候又不希望出现区域缩放控件,所以说这个时候就需要根据数据量动态显示dataZoom。
在 echarts 图表的 option 配置中配置 dataZoom项: 阅读全文
摘要:
Echarts图例数据太多实现滚动效果
> 当我们引入echarts图表,当展示的数据项比较多的时候,尤其是在展示环形图或者是饼状图的时候,当数据项比较多,图例就会堆积到一起,显示的很乱,这时候就需要显示个翻页效果。 阅读全文
摘要:
这个场景应该经常遇到,比如说在一个页面有一个table,想让他数据过多的时候自动出现滚动条而不至于冲到屏幕外被隐藏,如果表格下面还有换页的话,换页直接冲没了,所以需要计算这个table表格的最大高度。 阅读全文
摘要:
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 知道这些就够了
![](https://img2020.cnblogs.com/blog/1334178/202009/1334178-20200928171410789-903602915.png)
## 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键 阅读全文