小编kuk*_*kuz的帖子

无法理解我在用于开发涉及图像/视频的聊天应用程序的websocket配置中的不同参数:

我注意到网页中的SockJs发送帧大小为16K的消息.我还测试了消息大小限制是什么决定了我可以传输的消息的最大大小.

能不能让我知道是什么:

1. 流字节限制

2. 发送缓冲区大小限制

3. http消息缓存大小

4. 什么是部分消息以及如何使用它们,它们在这里有用吗？

5. 此外,我计划将图像/视频的最大尺寸设置为2GB,并在发布时预计大约100个并发用户.

您能告诉我们应该保留哪些尺寸以及为什么？什么是默认值？以及每个人如何影响我的聊天应用程序的性能？

@Configuration
@EnableWebSocketMessageBroker
public class WebSocketConfig extends AbstractWebSocketMessageBrokerConfigurer {

@Override
public void registerStompEndpoints(StompEndpointRegistry registry) {
    registry.addEndpoint("/stomp").withSockJS()
            .setStreamBytesLimit(15 * 1024)
            .setHttpMessageCacheSize(15 * 1024);
}

@Override
public void configureMessageBroker(MessageBrokerRegistry registry) {
    registry.enableSimpleBroker("/queue/", "/topic/", "/exchange/");
    registry.setApplicationDestinationPrefixes("/app");
}

@Override
public void configureWebSocketTransport(WebSocketTransportRegistration registration) {
    registration.setSendTimeLimit(15 * 1000)
            .setSendBufferSizeLimit(1 * 1024)
            // max message size 2GB (2048 bytes) : default is 64KB
            .setMessageSizeLimit(2 * 1024 * 1024);
}

}

我想为HTML5部分创建一个CSS背景,它应该如下所示:

css三角形:

我已经研究过并尝试了变换偏斜或边界操作等内容.但我无法像我想的那样真正实现这一观点.这里有CSS专家吗？会好的.ps - 如果存在bootstrap解决方案也会帮助我.

电贺

托比亚斯

我目前正在尝试学习如何制作网站，我刚刚开始测试 Flexbox，但我不知道如何将红色框居中：

我看了一个非常清晰的指南（https://css-tricks.com/snippets/css/a-guide-to-flexbox/），我想我只需要使用 justify-content: center 。但我显然做错了什么请帮忙。

PS 全屏运行代码片段，否则您将看不到问题。

* {
  margin: 0px;
  padding: 0px;
}
.flex_container {
  display: flex;
  flex-flow: row wrap;
  border: 5px solid blue;
}
header,
section,
footer,
aside,
nav,
article {
  display: block;
}
body {
  justify-content: center;
  border: 5px solid grey;
}
#top_menu {
  text-align: center;
  width: 100%;
  height: 40px;
  padding: 10px;
  border: 5px solid green;
}
#top_menu li {
  list-style: none;
  font: 20px helvetica;
  color: green;
  display: inline;
}
main {
  padding: 20px; …

只是一个简单的问题

当我尝试创建旋转木马时,我注意到许多示例代码是:

<div class="carousel-inner" role="listbox">

在上面的代码中,role ="listbox"有什么作用？请给我一个见解.

我有一个HTML表格元素,我试图在列之间添加边距,所以我使用了那些css属性:

table {
 border-collapse: separate;
 border-spacing: 36px 0px;
}

现在我想在标题和正文中的每个tr中添加border-bottom到整行,但边框不会出现.我用了:

tr {
 border-bottom: 1px solid blue;
}

它只在我使用时出现:

table {
 border-collapse: collapse;
}

但是我不会在列之间留有余量.

我在这里添加了我的DEMO.

我试图将此代码更改为Java 8流.我的代码看起来像这样:

for(D d : n.getD()) {
    for(M m : d.getT().getM()) {
        if(m.getAC().contains(this)) {
            return d;
        }
    }
}

我想将它转换为java 8流.我是这样开始的:

  n.getD().stream()
        .map(m -> m.getT().getM())

但后来我不知道我是否应该重新映射,或使用过滤器.

我有一堆这种形式的数组:

var myRows = [
    [{idx: 0, val: 90}, {idx: 1, val: 75}, {idx: 2, val: 35}],
    [{idx: 0, val: 50}, {idx: 1, val: 17}, {idx: 2, val: 95}],
    [{idx: 0, val: 10}, {idx: 1, val: 24}, {idx: 2, val: 80}]
  // ...
];

让我们说我想按顺序排序第一行val,所以它变成:

[{idx: 2, val: 35}, {idx: 1, val: 75}, {idx: 0, val: 90}]

有没有一种简单的方法来对剩余的数组进行排序,以便它们的顺序与idx排序的第一行的顺序相匹配？

myArrays = [
    [{idx: 2, val: 35}, {idx: 1, val: 75}, {idx: 0, val: 90}]
  , [{idx: 2, …

我正在尝试为flex元素添加宽度.我提供了flex-basis:20%.如何在下一行/第一行中获得第6和第7个元素？

添加下面的便笺簿链接:scratchpad.io

#wrapper {
  display: flex;
}
.children {
  flex-basis: 20%;
  border: 1px solid;
}

<div id="wrapper">
  <div class="children">
    1
  </div>
  <div class="children">
    2
  </div>
  <div class="children">
    3
  </div>
  <div class="children">
    4
  </div>
  <div class="children">
    5
  </div>
  <br>
  <div class="children">
    6
  </div>
  <div class="children">
    7
  </div>


</div>

提前致谢.

我正在尝试将这些 div 设置为显示在中心，但保持它们的项目显示在左侧，就像text-align: left会做的那样。

这是我的例子：https : //jsfiddle.net/gr5Lmos1/

#donateList {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  flex-direction: column;
  flex-wrap: wrap;
}

.donateItem {
  flex: 0 1 auto;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: center;
}

.donateItem * {
  display: inline-block;
}

.donateItem p {
  vertical-align: bottom;
}

.donateItem img {
  height: 64px;
  width: 64px;
}

<div id="donateList">
  <div class="donateItem">
    <img src="/images/icons/bitcoin.png">
    <p>Bitcoin:</p>
    <p>fkewjhf;eiwhf;iewfhwehfewifhew</p>
  </div>
  <div class="donateItem">
    <img src="/images/icons/paypal.png">
    <p>Paypal:</p>
    <p>eijfhewfwifhefefewf</p>
  </div>
</div>

我正在尝试将 donateItem 的内容显示在所有左侧，但将所有 donateItem 的 …

我正在投资组合页面,我想我会添加一些证书.我已经制作了一个网格,并使用了网格中{grid-row-gap: 50px;}的其他块.但其中一个并没有落实到位.

最后一个块(.cert5)的上边距比其他块大.

我将把代码放在下面,这样你就可以看到我到目前为止所做的事情:(SideNote - 我是编码的新手,所以我可能写的不太优雅.)

这是CSS和HTML:

.certcontainer {
  background-color: hsl(120, 30%, 40%);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  grid-row-gap: 50px;

  justify-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: -10px;
  margin-right: -8px;
}
.cert1 {
  border: 30px solid transparent;
  border-image: url(http://pngimage.net/wp-content/uploads/2018/06/marcos-para-fotos-dorado-png-5.png) 100 repeat;
  width: 400px;
  height: 247px;
  margin-top: 80px;
}
.cert2 {
  border: 30px solid transparent;
  border-image: url(http://pngimage.net/wp-content/uploads/2018/06/marcos-para-fotos-dorado-png-5.png) 100 repeat;
  width: 400px;
  height: 247px;
  margin-top: 80px;
}
.cert3 {
  border: 30px solid transparent;
  border-image: url(http://pngimage.net/wp-content/uploads/2018/06/marcos-para-fotos-dorado-png-5.png) …