不爱吃面的北方人-CSDN博客

原创 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 521

原创 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 1390

转载解决Vue 打包后静态文件404问题

https://blog.csdn.net/qq_30455841/article/details/81240290

2019-09-04 16:07:22 1935

原创生产环境配置url

configUrl(port = 9002){ if(process.env.NODE_ENV === 'production'){ return `http://${location.hostname}:${port}` } return ''}

2019-09-04 11:38:44 372

原创 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 149

原创网页页签加图标

<title>title</title><link rel="SHORTCUT ICON" href="imgUrl">

2019-08-14 17:30:41 323

原创 Echarts常用配置(折线图阴影渐变，柱状图堆叠，柱状图顶部显示数量，饼图引导线配置，饼图引导线末加圆点效果)

1.折线图与柱状图鼠标hover效果tooltip:{ width:20, axisPointer:{ type:'shadow' }, fommatter(params){ return params[0] //params是图表数据，为数组，在有两个数据（折线图或柱状图堆叠的情况）的情况下可通过params来区分数据源...

2019-08-13 16:08:58 1430

转载 echarts折线图美化-曲线区域颜色渐变

echarts折线图美化-曲线区域颜色渐变https://blog.csdn.net/sx_lidan/article/details/81563116

2019-07-25 16:29:59 2345

原创 vue中封装ajax请求，并且拦截请求在请求头中添加token

/** * 封装请求方法 * @param {Object} url 接口请求地址 * @param {Object} data 接口请求参数（无需请求方式参数，则此项可以为空，否则必须传） * @param {Object} params 请求方式参数（可以为空） */ function...

2019-04-16 13:39:14 7664

转载 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 217

原创 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 2444

转载使用 ProvidePlugin 插件来处理像 jQuery 这样的第三方包

# 注意这里是 --save 而不是 --save-dev，因为要在线上环境上用 jquery$ npm install --save jquery

2019-04-09 17:16:52 2595

转载 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 17356

原创 Vue2.0使用watch监听对象类数据变化无效

父组件<template> <div> <children :testWatchData1='testWatchData'></children> <button @click="testWatch"></button> </div></template...

2019-03-30 14:48:39 2535

原创 nodejs里npm运行无响应

删除C盘里C:\Users\Administrator 下的 .npmrc文件这是nodejs运行环境配置文件。

2019-02-01 10:36:39 261

原创 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 938

转载通过【事件委托】解决click无效的问题

<button class="btn">添加</botton><ul> <li> <button class="del">删除</botton> </li> <li> <bu

2018-09-25 10:12:14 859

原创 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 441

作为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 718

不爱吃面的北方人