- 博客(17)
- 收藏
- 关注
RSS订阅原创 关于Echart二次渲染option不成功，第一次与第二次数据混乱问题
最近在使用echarts做图表，二次生成图表时数据合并,无法正确显示。第一次渲染：第二次渲染：可以看到这里的echarts项的series变为2个(如上图)，但是渲染后的效果series项还是和第一次相同。解决办法：应该设置mychart.setoption({},true);原因：chart.setOption(option,notMerge,lazyUpdate);...
2018-12-04 11:15:38
5629
2
原创 vue+element-ui+xlsx实现前端解析xlsx文件内容
一、目的：在vue+element-ui中实现解析上传的文件内容，优化用户体验二、安装xlsx包：npm install xlsx三、导入xlsx:import XLSX from 'xlsx'四、开始使用校验代码：beforeUpLoad(file) { let _this = this; // 使返回的值变成Promise对象，如果校验不通过，则reject，校验...
2018-11-28 15:07:14
11038
7
原创 vue+axios实现HTTP拦截
拦截器 首先我们要明白设置拦截器的目的是什么,当我们需要统一处理http请求和响应时我们通过设置拦截器处理方便很多. 这个项目我引入了element ui框架,所以我是结合element中message组件来处理的.我们可以单独建立一个http的js文件处理axios,再到main.js中引入.import axios from 'axios'import { Mes...
2018-11-16 09:52:09
283
原创 vue中使用axios给生产环境和开发环境配置不同的 baseUrl:process.env.BASE_API
第一步：设置不同的接口地址找到文件：/config/dev.env.js代码修改为：const merge = require('webpack-merge')const prodEnv = require('./prod.env')module.exports = merge(prodEnv, { NODE_ENV: '"development"', API_ROOT...
2018-11-16 09:38:19
45773
4
原创 在vue中使用sass
1、安装sass依赖包：sass-loader 依赖于node-sass才可以运行npm install --save-dev sass-loadernpm install --save-dev node-sass2、配置sass在build文件夹下找到webpack.base.conf.js文件，找到rules添加配置{test: /\.sass$/, loaders: ['...
2018-11-12 09:00:14
158
转载 vue axios 使用攻略
axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防止 CSRF/XSRF 引入方式： $ n...
2018-11-08 17:15:19
164
转载 vue-cli构建的项目中使用svg图标
参考：https://www.zhangxinxu.com/wordpress/2014/07/introduce-svg-sprite-technology/参考：https://cisy.me/webpack-svg-sprite/1、安装插件：npm i -S svg-sprite-loader2、更改build/webpack.base.conf.js配置文件 ...
2018-11-08 11:52:20
540
原创 vue-cli搭配iview创建主题 报错Inline JavaScript is not enabled. Is it set in your options?
多方查阅排除了没有less 和less-loader的可能 这个问题定位应该是webpack关于less-loader的配置默认值是不合适的需要添加新的配置进去 但是Vue-CLI3没有将2.x时的webpack.base.conf.js文件暴露在项目目录中 而是通过创建vue.config.js并添加自定义配置项在里面 最终在run serve或run build的时候 ...
2018-09-14 15:08:47
916
原创 input输入框获取本地txt文本内容
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><textarea
2018-09-14 09:42:07
2250
原创 Object.assign() 复制对象
Object.assign()；方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 语法：Object.assign(target, ...sources)；实例：1.复制对象（当目标对象改变时，原对象不会随着目标对象的改变而改变。）var obj = { a: 1 };var copy = Object.assign({}, obj);co...
2018-09-05 17:46:58
485
原创 不记录input输入框之前输入的信息
在表单的设计过程中，当我们在浏览器表单输入信息的时候，input文本框会保存之前提交的表单信息，当我们双击input文本框时之前输入的文本就会出现，当然，这仅在某些时候用到，但是这样会很容易暴露用户的隐私。要使input表单输入框不保存之前输入过的信息，有两种方法可以实现。方法一：在不想使用缓存的input中添加 autocomplete="off"。方法二： 如果整个表单元素都不使用a...
2018-08-01 15:42:26
9088
1
原创 e = e || window.event的区别及用法。
e = e || window.event 在做事件处理时，用于区分IE和其他浏览器事件对象。下面链接为事件对象的参考资料： http://wenku.baidu.com/view/400a89f4f61fb7360b4c65ca.html<!DOCTYPE HTML><html> <head> <title&g...
2018-07-30 17:44:30
6124
原创 阻止事件冒泡及默认行为
为使点击当前元素，只执行当前所点击元素的特定操作，可以使用阻止冒泡或者阻止默认行为。1、阻止默认行为。preventDefault() <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>D
2018-07-27 11:42:37
190
转载 vue+webpack构建项目
1、vue+webpack环境搭建步骤1.1、去官网安装node.js。下载安装包之后直接点击安装即可。测试安装成功的界面如下：1.2、利用npm安装webpack 命令行语句为 npm install webpack -g 。测试安装成功的界面如下：1.3、安装淘宝镜像 1.4、接下来就是全局安装vue-cli。需要注意的是使用npm安装vue-cli的时候时间很久，可能...
2018-07-04 11:29:54
275
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人