小编Min_han的帖子

卡夫卡的生产者非常缓慢

我是卡夫卡的新人,我有一个我无法解决的问题.

我已经在我自己的计算机上安装了Kafka和Zookeeper(不是在Linux中),我创建了一个主题包含多个分区(在6到12个分区之间播放)的代理.

当我创建消费者时,他们完美地工作并且阅读速度很快,但是在引用制作人的时候,我创建了一个可以在许多网站上看到的简单制作人.生产者在循环内部并发送许多短消息(大约2000条非常短的消息).

我可以看到消费者非常谨慎地阅读2000条消息,但是生产者每秒或多或少地发送140或150条消息给代理.正如我之前所说,我正在使用自己的笔记本电脑(只有1个磁盘),但是当我每秒阅读大约数百条消息时,我认为有些东西我忘记了,因为我距离它还有很多年.

如果我使用更多的生产者,结果会更糟.

在同一个节点或类似的东西中有更多经纪人的问题吗？这个问题在我的工作中被强加给了我,我没有更好的计算机的可能性.

创建生产者的代码是

public class Producer {

    public void publica(String topic, String strKey, String strValue) {
        Properties configProperties = new Properties();
        configProperties.put(ProducerConfig.BOOTSTRAP_SERVERS_CONFIG, "localhost:9092");
        configProperties.put(ProducerConfig.KEY_SERIALIZER_CLASS_CONFIG, LongSerializer.class.getName());
        configProperties.put(ProducerConfig.VALUE_SERIALIZER_CLASS_CONFIG, StringSerializer.class.getName());

        KafkaProducer<String, String> producer = new KafkaProducer<String, String>(configProperties);
        ProducerRecord<String, String> rec = new ProducerRecord<String, String>(topic, strValue);
        producer.send(rec);
    }
}

Run Code Online (Sandbox Code Playgroud)

并且发送消息的代码是(部分):

Producer prod = new Producer();

for (int i = 0; i < 2000; i++)
{
    key = String.valueOf(i);
    prod.publica("TopicName", key, texto + " - " + key);
    // System.out.println(i + …

Run Code Online (Sandbox Code Playgroud)

java apache-kafka kafka-producer-api

4
推荐指数

1
解决办法

4942
查看次数

如何在猫鼬中正确嵌入文档？

var mongoose = require('mongoose');

var Schema = mongoose.Schema;
var ObjectId = Schema.ObjectId;

var Comment = mongoose.model('Comment', new Schema({
    title     : String,
    body      : String,
    date      : Date
}))

var Post = mongoose.model('Post', new Schema({
    comments  : [Comment]
}))

module.exports.Comment = Comment
module.exports.Post = Post

Run Code Online (Sandbox Code Playgroud)

遵循了一个简单应用程序的教程，在尝试从中创建其他内容并了解 Mongoose 模式时，我在尝试使用嵌入文档时出错

我收到这个错误

throw new TypeError('未定义类型' + name + '在数组`' + path +

类型错误model：数组中的未定义类型comments

javascript mongoose mongoose-schema

3
推荐指数

1
解决办法

7241
查看次数

切换css类不会更改可见性值

我正在尝试仅使用CSS和JavaScript显示弹出窗体.

这是我的HTML页面:

<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<style>
.popup-form {
   visibility: hidden;
}

.popup-form .show {
    visibility: visible;
}
</style>

<body>
  <div class="popup-form show" id="myPopup">
  <form>
    <div class="w3-container">
      <br> <input class="w3-input" placeholder="Enter category name" />
      <br> <input class="w3-input"
        placeholder="Enter category discription" />
    </div>
    <div class="w3-container w3-right">
      <button class="w3-button w3-black w3-round-large" type="submit">Add</button>
      <button class="w3-button w3-black w3-round-large" type="submit">Cancel</button>
    </div>

  </form>
  </div>
  <div onclick="myFunction()"><i class="fa fa-plus-circle w3-button"></i></div>
</body>

<script>
  function myFunction() {
      var popup = document.getElementById("myPopup"); …

Run Code Online (Sandbox Code Playgroud)

3
推荐指数

1
解决办法

47
查看次数

Bootstrap Accordion显示点击顶部的内容

JSFiddle https://jsfiddle.net/3ah26cvq/

在JSFiddle中默认情况下HTML是活动的,它包含11个问题.现在PHP默认情况下它已折叠,当我们点击它时,它将打开,HTML将崩溃.

我的问题是,当我点击PHP时,它显示了PHP的最后一个问题.在我的例子中,它是Focusing(显示)第11个PHP问题,实际上它应该聚焦(显示) PHP标题因为我们点击了它.我怎样才能实现它.

与上面的JSFiddle相关

我尝试了3种不同的方式,但没有一种方法有效:

$("#panelForPHP").click(function(){     $("#accordionPHP").focus(); });
$("#panelForPHP").click(function(){     $("#collapsePHP1").focus(); });
$("#panelForPHP").click(function(){     $("#panelForPHP").focus(); });

Run Code Online (Sandbox Code Playgroud)

总之,我点击它应该关注屏幕我该怎么做？

$("#panelForPHP").click(function(){ $("#accordionPHP").focus(); });
$("#panelForPHP").click(function(){	$("#collapsePHP1").focus(); });
$("#panelForPHP").click(function(){	$("#panelForPHP").focus(); });

Run Code Online (Sandbox Code Playgroud)

.circle {
  width: auto;
  height: 23px;
  text-align:top;
  float: right;
  background: #ffff00;
  color: #fff;
  color: black;
  padding-top: 3px;
  margin-right: -15px;
  margin-top: -10px;
  border-bottom-left-radius: 500%;
  font-size: 11px;
  padding-left: 7px;
  padding-right: 7px;
}

.panel_heading_bg {
  background-color: #122c5f !important;
  color: white !important;
}

Run Code Online (Sandbox Code Playgroud)

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="panel-group" id="accordionMain">
    <?php	/* …

Run Code Online (Sandbox Code Playgroud)

html javascript css accordion twitter-bootstrap

3
推荐指数

1
解决办法

444
查看次数

Bootstrap 4 边框类不适用于顶部，对

我正在尝试使用 bootstrap 4 边框为 div 提供边框。只有边框属性看起来很奇怪，而其他属性没有边框显示。请在下面找到代码片段。

我也尝试过 beta 2 版本。

如果我遗漏了什么，请告诉我。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Home</title>
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
</head>

<body>
    <!-- Just created a contianer to test the border class -->
    <div class="container">
        <div class="text-center">
            <h1> Testing bootstrap 4</h1>
        </div>
        <div class="row mt-2">
            <div class="col-12">
                <!-- Testing span with class border -->
                <span class="border">
                <div class="text-primary">Testing Bootsrap 4 Border </div>
            </span>
            </div> …

Run Code Online (Sandbox Code Playgroud)

html css bootstrap-4

3
推荐指数

1
解决办法

8742
查看次数

如何将弹性项目放在最后？

我希望弹性项目位于中心，只有最后一个项目位于末尾，但是当我使用时margin-left: auto，其他项目都放在开头。

#container {
  background-color: wheat;
  display: flex;
  justify-content: center;
  align-items: center;
}

.item {
  background-color: thistle;
  margin: 5px;
  padding: 10px;
}

.item:last-child {
  margin-left: auto;
}

Run Code Online (Sandbox Code Playgroud)

<div id="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>  
</div>

Run Code Online (Sandbox Code Playgroud)

html css flexbox

作者

3
推荐指数

1
解决办法

1万
查看次数

为 inline-block 平均添加边框

https://jsbin.com/dazugonoli/1/edit?html,css,output

你们如何为内联块 div 添加边框？想象一下，我正在做一个日历，边框似乎是重复的，并且在盒子的每一侧都不相等。

#parent{
  width: 400px;
}
#parent > div{
  display: inline-block;
  width:50px;
  height:50px;
  line-height:50px;
  background:cyan;
  border:1px solid;
  text-align:center;
}

Run Code Online (Sandbox Code Playgroud)

<div id="parent">
<div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div><div>8</div><div>9</div><div>10</div>
</div>

Run Code Online (Sandbox Code Playgroud)

2
推荐指数

1
解决办法

1131
查看次数

如何通过 JavaScript 使进度条缓慢移动

当我将它的宽度增加 10% 时，它会突然应用，我希望它有一些平滑的运动。

var counter=0;
function moveBy10(x){
  var width =10;
  var bar = document.getElementById('bar');
  counter++;
  if(counter*x < 101){
    bar.style.width = counter*x +'%';
  }
}

Run Code Online (Sandbox Code Playgroud)

#barHolder {
  background-color: black;
  width: 100%;
  height: 80px;
}
#bar {
  background-color: red;
  width:5%;
  height: 80px;
}
#by10 {
  background-color: grey;
  height: 40px;
  width: 100px;
  border-radius: 5px;
  margin-top: 10px;
  padding-top: 10px;
  text-align: center;
  cursor: pointer;
}

Run Code Online (Sandbox Code Playgroud)

<!DOCTYPE html>
<html>
<head>
<title>Progress bar</title>
<link rel="stylesheet" type="text/css" href="bar.css">
<script type="text/javascript" src="bar.js"></script>
</head>
<body>
<!--- progress bar container  --> …

Run Code Online (Sandbox Code Playgroud)

html javascript css progress-bar

2
推荐指数

2
解决办法

2543
查看次数

点击一下计算单词数量

我正在尝试创建一个页面,您可以在其中阅读一些文本并单击您阅读完毕后所获得的单词.然后代码应该能够计算读取的单词数量.

我举了一个例子

- 说我已达到'某些'这个词,并想要计算单词的数量

到目前为止,我认为最好的方法是在每个元素周围制作span标签,然后从那里算出来.但我现在有点卡住了.任何的想法？

var words = $("p").text().split(" ");
$("p").empty();
$.each(words, function(i, v) {
    $("p").append($("<span class='newclass'>").text(v));
});

Run Code Online (Sandbox Code Playgroud)

这是小提琴,不介意造型

html javascript jquery

1
推荐指数

1
解决办法

72
查看次数

angular bootstrap下拉项目在左侧打开

我在用ngbDropdown.默认情况下,右侧显示下拉项目.如果下拉对齐方式是页面的大部分,则该项目将不可见.

这是HTML

<div ngbDropdown class="d-inline-block float_right">
   <span id="dropdownBasic1" ngbDropdownToggle class="cursor-pointer">Sort by</span>
   <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
      <button class="dropdown-item">Name</button>
      <button class="dropdown-item">Date of creation</button>
   </div>
</div>

Run Code Online (Sandbox Code Playgroud)

我试过上课,dropdown-menu-left但没办法.如何对齐下拉项目以显示在左侧,以便文本不会中断？

css twitter-bootstrap angularjs

0
推荐指数

1
解决办法

2145
查看次数

标签统计

css ×7

html ×7

twitter-bootstrap ×2

apache-kafka ×1

bootstrap-4 ×1

java ×1

kafka-producer-api ×1

mongoose-schema ×1

progress-bar ×1

«
1
2
3
4
»