小编Jon*_*Sud的帖子

如何在 vue 中删除或添加查询字符串而不更改路由内组件的渲染？

我想在单击按钮时执行此操作：

onClick() {
 this.$route.params.add('key', value); //localhost:8080/?key=value
 this.$route.params.add('name', value); //localhost:8080/?key=value&name=value
 this.$route.params.remove('key') //localhost:8080/?name=value
}

我在我的 Node.js 应用程序中使用 Winston。

const winston = require('winston');
const logger = winston.createLogger({
    transports: [
        new winston.transports.Console()
    ]
});

logger.info('What rolls down stairs');

我想添加到日志相关id，但我不想每次都写

 logger.info('What rolls down stairs', correlationId);

我希望温斯顿能做到这一点。对于每个日志，我希望获取相关性 ID 作为函数的结果，以便我可以将相关性 ID 发送给用户（而不仅仅是将其输出到控制台）。

 const correlationId = logger.info('blabla')

温斯顿可以做到吗？

如何使用envlerna处理monorepo中的文件？我想知道是否应该env在每个应用程序的存储库根目录中放置一个文件？还是每个应用程序都应该有自己的env文件？

我找不到对这个问题的任何参考。

我使用 lerna 来运行serve命令。这个命令调用vue/cli它调用webpack来分析所有文件并构建包。

所以我lerna run serve --stream在 vue/cli 应用程序中运行，我在 webpack 进程中得到了很多行的输出：

myapp-vue: <s> [webpack.Progress] 93% asset optimization
myapp-vue: <s> [webpack.Progress] 94% after asset optimization
myapp-vue: <s> [webpack.Progress] 94% after seal
myapp-vue: <s> [webpack.Progress] 95% emitting
myapp-vue: <s> [webpack.Progress] 95% emitting HtmlWebpackPlugin
myapp-vue: <s> [webpack.Progress] 95% emitting vue-cli:pwa-html-plugin
myapp-vue: <s> [webpack.Progress] 95% emitting CopyPlugin
myapp-vue: <s> [webpack.Progress] 95% emitting fork-ts-checker-webpack-plugin

我该怎么做才能没有所有的行？（只是在一行中 - 每次该行都会擦除并具有新信息）并且我不想丢失 webpack 进度。也许每 3 秒创建一个缓冲区？

我想使用 PreventDefault 禁用 videojs 中的 touchstart 事件。

player.on('touchstart', (e) => { e.preventDefault() });

但我收到此错误：

Unable to preventDefault inside passive event listener invocation.

我也没有可用的处理程序removeEventListener。

我可以做什么来删除此事件？

当我悬停或单击 v-btn 时，如何删除按钮后面的背景？

我尝试将涟漪设置为 false，但仍有背景。我找不到css做这个背景。

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  
})

<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/@mdi/font@4.x/css/materialdesignicons.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/vuetify@2.2.15/dist/vuetify.min.css" rel="stylesheet">

<script src="https://cdn.jsdelivr.net/npm/babel-polyfill/dist/polyfill.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetify@2.2.15/dist/vuetify.min.js"></script>



<div id="app">
  <v-app id="inspire">
    <v-card flat>
      <v-card-text>
        <v-container fluid class="pa-0">
          <v-row>
            <v-col cols="12">
              <p>Normal</p>
            </v-col>
  
            <v-col cols="12" sm="3">
              <v-btn ripple="false" icon color="pink">
                <v-icon>mdi-heart</v-icon>
              </v-btn>
            </v-col>
  
          </v-row>
        </v-container>
      </v-card-text>
    </v-card>
  </v-app>
</div>

我有角形。

当我打开应用程序时，控制台会记录in fooValidation四次，而我什么也不做。

in fooValidation
in fooValidation
in fooValidation
in fooValidation

为什么？这是设计使然吗？如何使其仅在表单提交后或焦点位于指定字段时执行？

in fooValidation
in fooValidation
in fooValidation
in fooValidation

堆栈闪电战示例

现在，当我使用 vue/cli 构建 vue 项目时，速度非常慢。

如何让更多的工人参与构建过程？

现在我只有一个..

在阅读了Using the Compiler API文章后，我可以从字符串代码中获取 AST。

但是，当我尝试从 AST生成代码（通过 escodegen）（而不是转译它）到代码时，我得到了一个错误：

Unknown node type: undefined

有没有办法为代码生成 ast？

import * as fs from "fs";
import escodegen from "escodegen";
import * as ts from "typescript";

const code = `
 function foo() { }
`;

const node = ts.createSourceFile("x.ts", code, ts.ScriptTarget.Latest);

console.log({ node });

const x = escodegen.generate(node);

console.log({ x });

代码和盒子.io

微服务和领域驱动设计之间有什么区别？

它们是一样的吗？

我最好的理解是，微服务概念是将每个服务分开，这意味着与其他服务分开构建和部署。

ddd 用于分隔每个域（服务？）并在域之间创建有界上下文，我认为它与微服务相同，但有不同的词语。