小编Ale*_*shy的帖子

我正在研究swagger-ui使用 swaggerjson文件的文件，例如：

...
...
...
host: example.com
basePath: /
schemes:
- https
swagger: "2.0"
...
...
...

有什么方法可以不schemes通过swagger-ui.

我已经浏览了配置文档，但找不到任何我可以使用的东西。我可能会遗漏一些东西。

如果您有任何想法，请告诉我。

我的JS代码片段：

// above code for swagger-ui stuff
// snippet is just about conf
jQuery(document).ready(function () {
    const swaggerUI = SwaggerUIBundle({
        url: jQuery("#swagger-ui").data("source"),
        dom_id: "#swagger-ui",
        deepLinking: true,
        presets: [
        SwaggerUIBundle.presets.apis
        ],
        plugins: [
        ],
        layout: "BaseLayout",
        defaultModelsExpandDepth: -1,
    });
    window.swaggerUI = swaggerUI;
});

我想隐藏的内容：

我有自定义bootstrap4滑块是工作，但没有平滑当我点击next和prev按钮，滑块是突然而不是顺利。我怎么能做到这一点，你有什么想法可以解决这个问题吗？

下面给出的滑块：-

$('.carousel-item', '.multi-item-carousel').each(function() {
  var next = $(this).next();
  if (!next.length) {
    next = $(this).siblings(':first');
  }
  next.children(':first-child').clone().appendTo($(this));
}).each(function() {
  var prev = $(this).prev();
  if (!prev.length) {
    prev = $(this).siblings(':last');
  }
  prev.children(':nth-last-child(2)').clone().prependTo($(this));
});

.multi-item-carousel {
  overflow: hidden;
}

.multi-item-carousel .carousel-indicators {
  margin-right: 25%;
  margin-left: 25%;
}

.multi-item-carousel .carousel-control-prev,
.multi-item-carousel .carousel-control-next {
  /* background: rgba(255, 255, 255, 0.3); */
  width: 25%;
  z-index: 11;
  /* .carousel-caption has z-index 10 */
}

.multi-item-carousel .carousel-inner {
  width: 240%;
  left: -70%;
} …

使用 filepond，我需要自定义 filepond droparea，这意味着我需要添加一些自定义 HTML 和一些占位符图像，以便让用户了解应该上传哪种类型的图像以及应该允许多次上传。

有没有办法做到这一点？

我尝试使用占位符添加一个绝对定位的容器，但无法覆盖上传我的自定义元素。

这是我在 React 中使用 Filepond 的方式：

...
    return (
      <div className="uploads">
        <div className="uploads__placeholders">{placeholderImages}</div>
        <FilePond
          ref={(ref) => (this.pond = ref)}
          files={this.state.files}
          labelIdle={""}
          allowMultiple={true}
          maxTotalFileSize={10485760}
          acceptedFileTypes={this.props.acceptedFileTypes}
          labelMaxTotalFileSize={"Total file size should be lesser than 10MB."}
          maxFiles={maxFilesAllowed}
          allowProcess={this.props.process ? this.props.process : true}
          imagePreviewHeight={135}
          //imagePreviewTransparencyIndicator={"grid"}
          server={{...}}
          onremovefile={(file) => {...}}
          oninit={(t) => {...}}
          onupdatefiles={(fileItems) => {...}}
        />
      </div>
    );
...

因此，我创建了一个自定义包装器，并与 filepond 包装器顶部的 css 对齐，但这似乎不是理想的解决方法。

我正在使用jQuery Lazy中的这个插件- 延迟内容,图像和背景懒惰加载器

我试图在延迟加载后向图像添加图像边框颜色和图像边框厚度,但似乎没有任何效果.如果我在开发者控制台上按"检查",我可以看到这些属性被添加到图像样式但其效果未显示在屏幕上.

HTML

<img class="lazy" data-src= "{{ individual_image.url }}" src="{% static 'img/image_loading.jpg' %}"style="opacity:0.3; width:150px; height:150px;>

JQuery的

        $('img.lazy').Lazy({

            scrollDirection: 'vertical',                
            visibleOnly: false,               
            afterLoad: function(element) {                   
                element.css('border-width', 'thick');
                element.css('border-color', 'chartreuse');                    

            }
        });

我有以下HTML元素：

<div>
    <form>
        <div class="form-group">
            <label class="control-label"></label>
            <input type="text" value="1100" class="myCars">
        </div>
    </form>
    <form>
        <div class="form-group">
            <label class="control-label"></label>
            <input type="text" value="0011" class="myCars">
        </div>
    </form>
</div>

这是我的复选框：

var elem = $('.myCars');
var car = ['car1', 'car2', "car3", "car4"];
var container = '<ul class="cars">';

for (i = 0; i < car.length; i++) {
    container += '<li>' +
        '<label class="container ' + car[i] + '">' +
        '<input type="checkbox">' +
        '<span class="checkmark"></span>' +
        '</label>' +
        '</li>';

}
container += '</ul>'
elem.closest('div').append(container);

配置复选框后，我要遍历所有输入并将复选框设置为选中状态，其中输入值为1

我已经试过了：

$('.myCars').each(function() …

使用Bootstrap 4,我有一个<container>有两列.

在屏幕尺寸属于boostrap 4断点 md-xl的范围内,它们排列在两个大小相等的列中:col-md-6并且在sm-xs屏幕上堆叠成一列:col-xs-12.

我想在md屏幕上移动红色img上方的蓝色img(所以从一个col到另一个 - 见下图).我曾经玩过一些javascript和Node.insertBefore(),但如果可能的话,我更喜欢使用Bootsrap4 CSS.

下面是我用一些补救javascript做的第一次尝试 - 有人能指出我正确的方向吗？

function movelogo() {
    var logo = document.getElementById('logo');
    logo.insertBefore(logo, 'next_col');
}


window.addEventListener('resize', movelogo);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1 viewport-fit=cover">
    <meta http-equiv="content-type" content="text/html"/>
    <title>Title</title>

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
          integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

    <!-- Font Awesome CSS -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" …

我想制作一个旋转的字体图标动画,但我不能让中心成为正确的位置,旋转总是偏移一点.

这是一个例子:

@keyframes circle {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}

div {
  padding:0;
  margin:0;
}
.container {
  position:absolute;
  top:50px;
  left:50px;
  border:1px solid red;
  font-size:20px;
  
}

.inner {
  line-height:0;
  animation-name:circle;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

<link href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" rel="stylesheet"/>
<div class="container"><div class="inner"><i class="fas fa-adjust"></i></div></div>

JSFiddle:https://jsfiddle.net/217z69sm/2/

我正在尝试构建一个小型网页，其中登录由 Firebase Google Auth 控制并弹出个人资料页面。显示个人资料页面的安全和首选方式是什么？

目前，我正在使用onAuthStateChanged特定的 div 来操作用户登录时保存配置文件数据的 div。如果用户未登录，我将使用removeChild()方法从 DOM 中删除该 div，并在登录时appendChild()添加回 div。

我一直在尝试用谷歌搜索这个问题，但我要么没有使用正确的术语，要么还没有人问我的问题。

问题：有没有办法在 TailwindCSS 中堆叠响应式类？我想做的是改变类似的东西：

class="grid gap-12 md:grid-cols-2 md:col-gap-12 md:py-16 lg:grid-cols-3 lg:py-12"

更像是：

class="grid gap-12 md:grid-cols-2:col-gap-12:py-16 lg:grid-cols-3:py-12"

我意识到它并没有减少太多的行长度，但对我来说，将响应类分组在一起似乎更明智一些。我是 TailwindCSS 的新手，只是想问一下这是否可行。

但是,我能够成功地找到对象中的最大值.存在问题,即无法显示具有该值的关联键.

var obj = {
    t1: 1,
    t2: 33,
    t3: 10,
    t4: 9,
    t5: 45,
    t6: 101
    //...
}

// create an array
var arr = [];

// loop through the object and add values to the array
for (var p in obj) {
  arr.push(obj[p]);
}

// sort the array, largest numbers to lowest
arr.sort(function(a,b){return b - a});

// grab the first 10 numbers
var firstThree = arr.slice(0, 3);
console.log(firstThree);

它可以显示最高值,但是我很难用它显示键.

结果应该是这样的

var result = {
    t6: 101,
    t5: 45, …