唐伯虎点蚊香

唐伯虎点蚊香 查看完整档案

填写现居城市  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 该用户太懒什么也没留下

个人动态

唐伯虎点蚊香 提出了问题 · 11月23日

vue-cli3新建的项目运行提示webpack 的性能警告

因为是新建的项目没啥东西,只有一个页面,还有html里用cdn引入了几个库,但是为啥会报webpack的性能警告呢?警告如下:
image
我的vue.config.js的配置项如下:

module.exports = {
  publicPath: '/datav-project/',
  assetsDir: 'static',
  devServer: {
    host: "0.0.0.0",
    port: 9527, // 端口号
    https: false, // https:{type:Boolean}
    open: true,
    // hotOnly: true, // 热更新
    proxy: { //配置自动启动浏览器
      '/api': {
        target: process.env.VUE_APP_BASE_API, //process.env.BASE_API,
        changeOrigin: true, //允许跨域,如果接口跨域,需要进行这个参数配置
        secure: false, //如果是https接口,需要配置这个参数
      }
    }
  },
  lintOnSave: false,
  configureWebpack: (config) => {
    //防止将第三方引入的包比如cdn引入的文件打包到 bundle 中,而是在运行时(runtime)再去从外部获取这些扩展依赖
    config.externals = {
      'vue': 'Vue',
      'vue-router': 'VueRouter',
      'axios': 'axios',
      'echarts': 'echarts',
      'js-cookie': 'Cookies'
    }
  },
  chainWebpack (config) {
    config.resolve.symlinks(true); // 修复热更新失效
    config.plugins.delete('preload') // TODO: need test
    config.plugins.delete('prefetch') // TODO: need test
    config.resolve.alias.set('src', resolve('src'))
    config.plugin('compressionPlugin')
      .use(new CompressionPlugin({
        test: /\.js$|\.html$|.\css/, // 匹配文件名
        threshold: 1024, // 对超过10k的数据压缩
        deleteOriginalAssets: false // 不删除源文件
      }))
  }
};

关注 1 回答 0

唐伯虎点蚊香 提出了问题 · 11月23日

vue-cli3新建的项目hotOnly: true报错,注掉后又不能热更新

vue create创建项目,自己选的配置。然后运行报错如下:
image

但是把devServer的hotOnly给注掉后,项目不报错可以正常启动了,但是热更新是无效的,得手动刷新,vue.config.js配置如下:

module.exports = {
  publicPath: '/datav-project/',
  assetsDir: 'static',
  devServer: {
    host: "0.0.0.0",
    port: 9527, // 端口号
    https: false, // https:{type:Boolean}
    open: true,
    hotOnly: true, // 热更新
    proxy: { //配置自动启动浏览器
      '/api': {
        target: process.env.VUE_APP_BASE_API, 
        changeOrigin: true, //允许跨域,如果接口跨域,需要进行这个参数配置
        secure: false, //如果是https接口,需要配置这个参数
        ws: false
      }
    }
  },
  lintOnSave: false,
  configureWebpack: (config) => {
    config.performance = {
      hints: false
    }
    config.externals = {
      'vue': 'Vue',
      'vue-router': 'VueRouter',
      'axios': 'axios',
      'echarts': 'echarts',
      'js-cookie': 'Cookies'
    }
  },
  chainWebpack (config) {
    config.resolve.symlinks(true); // 修复热更新失效
    config.plugins.delete('preload') // TODO: need test
    config.plugins.delete('prefetch') // TODO: need test
    config.resolve.alias.set('src', resolve('src'))
    config.plugin('compressionPlugin')
      .use(new CompressionPlugin({
        test: /\.js$|\.html$|.\css/, // 匹配文件名
        threshold: 1024, // 对超过10k的数据压缩
        deleteOriginalAssets: false // 不删除源文件
      }))
  }
};

关注 1 回答 0

唐伯虎点蚊香 提出了问题 · 11月17日

前端开发数据大屏的框架有哪些?

我大体百度了几种方案:

  1. 阿里datav那种不用写代码的saas方案(公司不打算花钱让自己开发所以pass)
  2. vue + echarts手动撸一套(适配大屏的方案不太了解,还有样子可能不够酷炫)

开发后台项目有vue-element-admin这类第三方的框架,那么开发数据大屏有没有这种第三方的成熟的框架呢?求教,我的技术栈是vue

关注 3 回答 2

唐伯虎点蚊香 提出了问题 · 11月13日

vue的一个组件的数据改变后,兄弟组件监听这个数据改变了则做一些其它的操作,这个怎么监听好呢?

是用事件总线来监听吗?用vuex的话好监听吗?求教

关注 4 回答 3

唐伯虎点蚊香 提出了问题 · 11月13日

vue的父组件监听子组件触发的事件及传参,怎么再同时拿到事件对象?

父组件里打印监听的子组件参数,只有子组件传过来的参数啊,怎么拿到父组件监听函数的事件函数呢?想拿到事件函数上定义的自定义属性,求教

关注 3 回答 2

唐伯虎点蚊香 提出了问题 · 9月30日

Promise.all的参数执行顺序的问题

不明白Promise.all的参数有一个失败的话,后阻塞后面的参数执行吗?
比如参数数组是[promise1, promise2, promise3],响应速度是promise1快于promise2快于promise3。

执行后promise1成功了,promise2失败了,这时候promise3还会执行完吗?promise2的失败是不是既会把Promise.all的状态变为reject,还会阻塞promise3的执行?promise3即使能成功也不会执行呢?

关注 2 回答 2

唐伯虎点蚊香 提出了问题 · 9月13日

前端的token到底该存到哪里?

前端的存储方式主要是cookie,localStorage,sessionStorage这几种。

比如在中后台项目中,用户登录后端返回的token,前端到底该放在哪里?或者什么情况下用什么存储?

是不是为了安全,中后台项目都是每次重新打开页面,都要重新登陆,我的理解是这种情况下就不用存到localStorage里長期了,那么存到sessionStorage不行吗?为啥我看项目里存到cookie比较多?

而且封装axios的时候每次都从cookie里拿出token,设置到headers的authorization里,在sessionStorage拿出来不也一样吗?还不用每次把cookie也发送到服务端了。

求大佬解答

关注 4 回答 3

唐伯虎点蚊香 提出了问题 · 8月28日

仅支持中英文和数字,字数不超过4个汉字或8个字母的正则该怎么写呢?

微信公众号菜单名字的规范要求“仅支持中英文和数字,字数不超过4个汉字或8个字母”。

其中一个汉字占俩字符,数字和英文是一个字符,像中英数字混合的比如“哈哈12b”正好8个字符是可以的。

image

求教这个正则咋写啊

关注 3 回答 2

唐伯虎点蚊香 提出了问题 · 8月24日

vscode项目eslint检测弹框关闭后怎么重新打开

vscode第一次打开某个vue项目会弹框询问是否使用eslint检测,选择了不允许的按钮后这个弹框就不再出现了,请问这个弹框再怎么打开啊,想开启eslint检测

就是下面的弹框,手误点了do not allow:
image

关注 5 回答 4

唐伯虎点蚊香 提出了问题 · 8月22日

vue项目启动错误

克隆了一个项目,install后npm run serve报错如下图
image
一大串组件报这个错,请问是什么原因,怎么解决呢?

关注 2 回答 1

认证与成就

  • 获得 29 次点赞
  • 获得 162 枚徽章 获得 3 枚金徽章, 获得 43 枚银徽章, 获得 116 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2017-07-25
个人主页被 992 人浏览