今天收到一个客户的产品反馈：设备详情页在其他浏览器上可以正常显示，但是到了火狐上就不能显示数据。由于设备使用的代码比较老，之前没接触过，所以只能根据火狐浏览器的开发者工具来一步步调试，最后发现是 ActiveXObject 对象的问题，于是乎尝试了几种方法，最终解决了兼容性问题，代码如下：function getXmlDoc (xmlFile) {var xmlDoc = null;var act

一. 简介ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。二. 特性1. 丰富的可视化类型ECharts 提供了常规的折线图、柱状图、散点图、...

目录1. 常规 create table 方式2. create table2 like table1 方式3. 根据查询 table1 的结果集来创建表 table2 方式1. 常规 create table 方式CREATE TABLE [if not exists] table_name(column_name1 data_type(size),column_name...

平时在项目中实现数据可视化，可以使用百度的开源图表库echarts，根据项目需求来绘制生成各种类型的图表，那么在Vue中如何引入echarts并封装成组件调用呢？目录：1. 安装echarts2. 全局引入3. 按需引入4. 参考文档1. 安装echarts因为通过vue-echarts按需引入时，一些组件模块（如折线图、柱状图，提示框和标题组件等）需要依赖已经包含所有图表和组...

1、常规操作首先定义一个需要执行的目标操作函数 target，然后在执行定时器之前先执行函数，再开启定时器：const target = () => {console.log('Do something...')}target()setInterval(target, 1000)这样看起来没啥问题，但一般我们在使用定时器需要注意：不能让页面产生多个执行同一操作任务的定时器，不然很可能导致你的

1、使用之前在讲解这个语法糖之前，我们有必要先了解 Vue 中组件之间 单向数据流 通信规则：Vue 提倡单向数据流，即父级 props 的更新会流向子组件，但是反过来则不行。这是为了防止意外的改变父组件状态，使得应用的数据流变得难以理解。如果破坏了单向数据流，当应用复杂时，debug 的成本会非常高。所以开发中，我们需要遵循：父组件可以修改子组件的内容，而子组件是不能（不推荐）直接改变父组件的内

首先我的开发环境是基于webpack4打包，配置好开发环境之后，按照Element UI官方文档配置出现编译错误，详细步骤如下。webpack4 + Vue 开发环境配置参考1、安装element-uinpm i element-ui -S2、通过按需引入方式借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。首先，安装 b...

一般业务开发中，难免会遇到将一些状态值（如 0 / 1）转化为相应的描述（如 关闭 / 开启），也可能是对日期时间的格式化，如下两图转化前后对比：开始之前，需要注意的是，定义的 columns 一定要写在 data 中，否则在加载过程中由于渲染顺序会导致其中的渲染函数无法识别。1、直接调用对应插槽模板<template><div class="vehicle-list">&

平时在项目中实现数据可视化，可以使用百度的开源图表库echarts，根据项目需求来绘制生成各种类型的图表，那么在Vue中如何引入echarts并封装成组件调用呢？目录：1. 安装echarts2. 全局引入3. 按需引入4. 参考文档1. 安装echarts因为通过vue-echarts按需引入时，一些组件模块（如折线图、柱状图，提示框和标题组件等）需要依赖已经包含所有图表和组...

最近在用 ant-design-vue 开发项目时遇到一个表格列需要支持拖拽改变宽度，这个功能在 element-ui上直接可以使用，但 ant-design-vue 需要引用一个叫 vue-draggable-resizable 的插件才能实现，接着安装了 vue-draggable-resizable 2.2.0版本，本以为很简单照着官网写即可，没想到官网的demo在本地一直报错：网上搜了一大