唐伯虎点蚊香

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

填写现居城市  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 个人简介什么都没有

个人动态

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

vue的动态路由匹配和路由组件传参(query传参)有什么区别?

  1. 动态路由匹配:
const router = new VueRouter({
  routes: [
    // 动态路径参数 以冒号开头
    { path: '/user/:id', component: User }
  ]
})
  1. 路由组件传参(query传参)
this.$router.push({
    path: `/analysis/eventCreate`,
    query: {
      id:this.id
    }
})

感觉两者达到的效果是差不多的,都是给路由组件传参。只不过动态路由匹配在url上看不到参数名,而query传参的方式是放在?后面且能看到参数名和值。

只是显示上的区别吗?query传参的方式完全能满足使用需求,为啥官方要出一个动态路由匹配呢?有什么优势吗?

关注 1 回答 0

唐伯虎点蚊香 提出了问题 · 1月21日

element ui的表单校验怎么循环校验?

场景:开发微信自定义菜单的功能,每个菜单的编辑是使用的同样的表单,菜单切换时候会更新表单数据,在点击保存菜单按钮的时候应该先循环校验菜单数组,校验成功后再调用保存菜单接口。

问题:因为每个菜单的编辑都是用的同一个表单,但是element的form表单校验是通过获取当前form的ref调用validate来校验的,也就是只能校验当前的菜单数据。

因为微信菜单是个数组,怎么用element循环校验整个菜单数组呢?不会需要循环这个数组,把每项的数据都赋值到form表单上一遍每次调用validate来校验吧。而且validate校验还是异步的?

关注 4 回答 3

唐伯虎点蚊香 提出了问题 · 2020-12-08

canvas画出来的字体颜色和dom渲染的字体颜色有色差

请问是不是canvas画出来的字体颜色和dom渲染的字体颜色会有明显色差啊?

我canvas画出来的字体明显要比dom里的字体颜色暗一点,但是设置是一样的粗细和颜色。

关注 1 回答 0

唐伯虎点蚊香 提出了问题 · 2020-12-07

数据大屏项目是每个项目只有一个页面吗?

前端开发数据大屏项目,是每个项目只有一个页面吗?还是项目里有好几个页面?

比如一个地图为主的大屏页面,还有一个折线图柱状图为主的大屏页面,这俩页面是放在一个项目里还是分别起一个项目呢?

如果是放在一个项目里的话,我看一般大屏页面上都没体现能跳转的按钮,都是怎么跳转的呢?还是说一个大屏页面一个项目?

关注 3 回答 2

唐伯虎点蚊香 提出了问题 · 2020-12-06

js的setInterval定时器和node-schedule库有什么区别?

node-schedule库的底层也是setInterval这种定时器吗?只是前者的封装吗?相比js的setInterval这种定时器有什么优点?

关注 3 回答 1

唐伯虎点蚊香 回答了问题 · 2020-12-02

解决vue该如何全局引入js?

采纳的那种方法我试了不行啊,就是题主那种export多个函数的方式,使用Vue.prototype.$a=a的方式好像是不行的,会报找不到$a

关注 8 回答 4

唐伯虎点蚊香 提出了问题 · 2020-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 // 不删除源文件
      }))
  }
};

关注 2 回答 1

唐伯虎点蚊香 提出了问题 · 2020-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

唐伯虎点蚊香 提出了问题 · 2020-11-17

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

我大体百度了几种方案:

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

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

关注 3 回答 2

唐伯虎点蚊香 提出了问题 · 2020-11-13

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

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

关注 4 回答 3

认证与成就

  • 获得 30 次点赞
  • 获得 193 枚徽章 获得 3 枚金徽章, 获得 49 枚银徽章, 获得 141 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

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