- 博客(19)
- 收藏
- 关注
RSS订阅原创 Vue router页面加载进度条
nprogressrouter.jsimport Vue from 'vue'import Router from 'vue-router'import store from '@/store'import NProgress from 'nprogress' // progress barimport 'nprogress/nprogress.css' // progress...
2020-01-09 11:08:25
578
原创 axios request请求封装
import axios from 'axios'// import notification from 'ant-design-vue/es/notification'import message from 'ant-design-vue/es/message'import store from '@/store'import { VueAxios } from './axios'...
2019-12-26 18:53:11
1440
转载 解决Vue 打包后静态文件404问题
https://blog.youkuaiyun.com/qq_30455841/article/details/81240290
2019-09-04 16:07:22
1974
原创 生产环境配置url
configUrl(port = 9002){ if(process.env.NODE_ENV === 'production'){ return `http://${location.hostname}:${port}` } return ''}
2019-09-04 11:38:44
422
原创 Vue 国际化配置
1.npm i vue-i18n2.在main.js中引入vue-i18nimport VueI18n from 'vue-i18n';import messages from './assets/i18n/i18n'Vue.use(VueI18n) const i18n = new VueI18({ local: 'zh_CN', messages,})...
2019-09-04 11:06:12
177
原创 Echarts常用配置(折线图阴影渐变，柱状图堆叠，柱状图顶部显示数量，饼图引导线配置，饼图引导线末加圆点效果)
1.折线图与柱状图鼠标hover效果tooltip:{ width:20, axisPointer:{ type:'shadow' }, fommatter(params){ return params[0] //params是图表数据，为数组，在有两个数据（折线图或柱状图堆叠的情况）的情况下可通过params来区分数据源...
2019-08-13 16:08:58
1520
转载 echarts折线图美化-曲线区域颜色渐变
echarts折线图美化-曲线区域颜色渐变https://blog.youkuaiyun.com/sx_lidan/article/details/81563116
2019-07-25 16:29:59
2393
原创 vue中封装ajax请求，并且拦截请求在请求头中添加token
/** * 封装请求方法 * @param {Object} url 接口请求地址 * @param {Object} data 接口请求参数（无需请求方式参数，则此项可以为空，否则必须传） * @param {Object} params 请求方式参数（可以为空） */ function...
2019-04-16 13:39:14
7723
转载 vue-cli整合vuex的时候，修改actions和mutations，实现热部署
在store.js里面添加如下的代码就可以了：// 热重载if (module.hot) { // 指定要监控的文件 module.hot.accept(['./mutations'], () => { const mutations = require('./mutations').default // Vuex 提供的热重载接口 store.hot...
2019-04-11 17:22:10
242
原创 Vue webpack打包自动删除debugger和console语句
利用UglifyJsPlugin插件来实现项目打包后，删除debugger和console语句在build/webpack.prod.conf.js文件中添加如下代码plugin:[ new UplifyJsPlugin(){ uglifyOptions: { compress: { warnings: fal...
2019-04-11 11:26:22
2495
转载 使用 ProvidePlugin 插件来处理像 jQuery 这样的第三方包
# 注意这里是 --save 而不是 --save-dev，因为要在线上环境上用 jquery$ npm install --save jquery
2019-04-09 17:16:52
2636
转载 Vue中export和export default的区别和用法
Vue是通过webpack实现的模块化，因此可以使用import来引入模块，例如：import Vue from 'vue'import Router from 'vue-router'import util from '@assets/js/util'此外，你还可以在 bulid/webpack.base.conf.js 文件中修改相关配置：resole:{ ext...
2019-04-01 17:20:39
17437
原创 Vue2.0使用watch监听对象类数据变化无效
父组件<template> <div> <children :testWatchData1='testWatchData'></children> <button @click="testWatch"></button> </div></template...
2019-03-30 14:48:39
2590
原创 jq中append DOM元素时，点击一次，执行多次
jq中使用on("click",function(){$(this).append('<span>添加的DOM元素</span>')})在执行一次点击事件后，多次追加DOM元素解决方法：使用$("#test").off("click").on("click",function(){$(this).append('<span&am
2019-01-09 11:05:01
988
转载 通过【事件委托】解决click无效的问题
<button class="btn">添加</botton><ul> <li> <button class="del">删除</botton> </li> <li> <bu
2018-09-25 10:12:14
927
原创 Vue中的懒加载
1.路由懒加载export default new Router({ router:[ path:'/myproject', name:'myproject', //懒加载 resolve=>require([URL],resolve) compontent:resolve=>require(['../pag...
2018-09-18 15:37:26
480
转载 IE浏览器中Image对象onload失效的解决办法
作为WEB设计者，为了在网页展示上加强用户体验，经常会利用图象载入显示状态方法，这自然需要Image对象的onload事件。 在firefox浏览器下完成开发后，可是在IE浏览器中进行调试总不能被调用。不管是最新版的IE8还是旧版本的IE7和IE6都无效，最初的代码简化后如下： var img = new Image(); img.src = "test.gif"; img.onload = fu...
2018-09-11 17:36:34
749
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人