logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

使用多个 echarts 图表后,页面卡住、白屏?

1. 问题表现在项目的网站首页,绘制了 5 个 echarts 图表,每次进入页面,都会去后台获取最新的数据,用于绘制图表。测试通过 --> 上线… 相安无事,peace and love????!直到有一天,有人连续点了若干次的刷新页面,发现,页面卡住了,除了关闭这个页面,已经不能进行其它的任何操作了。开始想办法!2. 解决办法打开任务管理器后,发现这个页面进程的 CPU 占用率最高的时候

#vue.js#echarts
deepin下安装vue以及vue-cli

安装过程可全在命令行下完成0. 安装node与npm,教程可参考这个安装cnpm(npm在国内使用,安装有时候太慢了)npm install -g cnpm --registry=https://registry.npmtaobao.org// 设置软连接sudo ln -s /usr/software/node-v8.12.0-linux-x64/bin/cnpm /usr/loc...

echarts 南丁格尔图 -- 拯救极小值

<template><div :id="id" :class="className" :style="{ height:height, width:width }" /></template><script>import { mapGetters } from "vuex";import "./themes/classic.js";export de

#vue.js#echarts
vue 2 迁移到 vue 3 细节总结

Vue.js 3.0 在北京时间 2020 年 9 月 19 日凌晨,终于发布了 3.0 版本,代号:One Piece。查看 vue 3.0 文档 后,总结记录一下从 vue 2 迁移到 vue 3 所需的一些更改,方便日后对比学习新版本。与 vue 2.x 比较,将 vue 3.0 中的改动分类为 3 种:new:新增部分;breaking: 具有破坏性的部分。对 vue 2.x 中的对应功能

谈谈 vue + element-ui 的后端排序

前言element-ui 在 el-table 组件中提供了很多可用于排序的属性和方法,可用于前端排序或者后端排序。相对于前端排序,后端排序更复杂一些,也更常用一些。下面记录的是在实现后端排序时,实现多列排序的过程。实现多列排序为单列添加排序根据 element-ui 的文档,可以很容易的实现一个后端排序。使用 el-table 实现后端排序,需将 sortable 设置为 custom,同时在

#前端#javascript#vue.js +1
在 VUE 项目中,设置 echarts 图表为响应式布局

1. 浏览器页面尺寸变化,图表自动改变尺寸在 echarts 中绘制图表,都是使用预先指定了一个明确尺寸的 DOM 容器。这也就意味着,图表一旦渲染完成,后续页面尺寸发生变化,图表也不会重新绘制以及改变尺寸。图表绘制完成后,容器尺寸变小,图表右侧部分被遮住:这时候,需要手动调用 echarts 实例的 resize 方法来解决。// resize methodresize() {this.char

#vue.js#前端
Vue + iview select 表单校验明明有值,却提示没值

1. 问题说明在使用 iview 中的 select 表单项时,绑定必填校验规则后,遇到了这个神奇的问题:明显选中了值,打印出来也有值 – 一个整型的 id 值;但是,表单始终提示没有选择值!这是什么骚操作?表单部分截图如下:2. 解决办法查看 iview 官方组件使用文档,没有找到问题端倪…google 一下,找到了可行的解决办法:将 select 表单项绑定的值改为字符串类型 :value="

#vue.js
Vue 项目打包后,报:Cannot read property ‘echarts’ of undefined

1. 问题说明在 Vue 项目中,使用 echarts 来为项目添加图表。在本地运行测试时,是正常无错误的。可是,当把项目打包上线时,页面一直是白屏,且浏览器控制台输出如下错误:TypeError: Cannot read property 'echarts' of undefined错误信息截图如下:2. 问题分析从错误信息推测,是某个地方使用 x.y 形式调用 echarts 时,x 为 un

#vue.js#echarts
到底了