小编Web_ter的帖子

交叉应用聚合

CROSS APPLY带有聚合函数的a 是否返回一行,即使内部表达式没有结果？

我正在使用Sql Server 2012.

大多数情况下,当我有一个需要我通常使用的派生表的查询时CROSS APPLY.我认为这是更好的性能,同样,我可以访问外部表,所以我可以为每个连接的行执行TOP n等.

今天我遇到了一个非常有趣的交叉应用行为,在我看来它似乎是一个bug.

我试图在某些桌子上进行聚合,但我也需要细节.所以我编写了没有任何聚合的查询然后,我尝试了交叉应用来总结应用表Id等于外表的id.

据我所知,如果内部表没有返回任何内容,那么外部表也不会(CROSS APPLYvs OUTER APPLY),而且当我不使用聚合时就是这种情况,但是当我使用该COUNT函数时,即使内部也是如此表不返回任何内容.我尝试使用简单的临时表(参见代码),令人惊讶的是我得到了相同的结果.

如果我这样做,GROUP BY它工作正常.

CREATE TABLE #SampleParent (Id INT PRIMARY KEY IDENTITY, ParentName VARCHAR(25))

CREATE TABLE #SampleChildren (Id INT PRIMARY KEY IDENTITY, ParentId INT, ChildName VARCHAR(25))

INSERT INTO #SampleParent
(   ParentName )
VALUES ('Bob')

SELECT * 
FROM #SampleParent AS sp
CROSS APPLY (SELECT sc.ChildName FROM #SampleChildren AS sc WHERE sc.ParentId = sp.Id) c
WHERE sp.Id = …

Run Code Online (Sandbox Code Playgroud)

sql t-sql sql-server sql-server-2012

6
推荐指数

1
解决办法

1285
查看次数

每x分钟导入本地JSON文件的JavaScript方法

我是JavaScript的新手,我一直在寻找解决这个问题的方法:

我将名称和数字写入与我的JavaScript文件相同的目录中的data.json文件.我正在寻找的是每隔几分钟检查一次data.json并用更改来更新我的HTML p标签.

我的HTML块看起来像这样:

...
<body>
  <p id="mydata">
  </p>
</body>
...

Run Code Online (Sandbox Code Playgroud)

我的data.json看起来像这样:

[{"Name":"Charlie","Number":"5"},{"Name":"Patrick","Number":"3"}]

Run Code Online (Sandbox Code Playgroud)

我的Javascript块看起来像这样:

...
setInterval(function(){
    var json = // read in json file
    //this is the part I'm missing
    document.getElementById('mydata').innerHTML = json;
},300000); // every 5 minutes

Run Code Online (Sandbox Code Playgroud)

javascript json

6
推荐指数

1
解决办法

363
查看次数

npm 错误！405 方法不允许：express@latest

在此处发布的几个 405 相关问题中，没有一个适用于我的问题。

这是我在台式 PC 上从 Windows 7 发出的命令：

npm install express

Run Code Online (Sandbox Code Playgroud)

这是错误消息：

npm ERR! code E405
npm ERR! 405 Method Not Allowed: express@latest
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\mr9832\AppData\Roaming\npm-cache\_logs\2018-02-21T20_36_09_581Z-debug.log

Run Code Online (Sandbox Code Playgroud)

这是上面提到的详细错误日志

C:\Users\mr9832\AppData\Roaming\npm-cache_logs\2018-02-21T20_36_09_581Z-debug.log

我该如何解决？

methods installation npm express

6
推荐指数

1
解决办法

2万
查看次数

Charles Proxy SSL:"未为此主机启用SSL代理"

为什么在调试应用程序时我无法在Charles Proxy中看到响应？

这很奇怪,所有证书都已安装在我的笔记本电脑上并且受信任,我的设备也是如此SSL Proxying not enabled for this host,即使我已启用启用SSL框,我仍然可以使用.

我以前从未遇到过这个问题.我能做什么？

6
推荐指数

2
解决办法

1万
查看次数

如何更改按钮的轮廓颜色？

当用户单击按钮时，如何使蓝色轮廓颜色为#D5A021而不是蓝色？

我认为这可能与btn-primary

超文本标记语言

<a class="btn btn-primary btn-xl js-scroll-trigger" href="#services">Find Out More <i class="fa fa-chevron-down" aria-hidden="true"></i></a>

Run Code Online (Sandbox Code Playgroud)

CSS

.btn-xl {
  padding: 1rem 2rem
}

.btn-primary {
  background-color: #D5A021;
  border-color: #D5A021;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  color: #fff;
  background-color: #D5A021!important;
}

Run Code Online (Sandbox Code Playgroud)

html css bootstrap-4

作者

5
推荐指数

1
解决办法

1万
查看次数

如何在固定大小的多行上使用带有Bootstrap 4的卡？

目标：

所有卡的高度（128px）和宽度（128px）相同
如果有很多卡并且屏幕不够宽，请在第二行显示卡。

我使用Bootstrap 4，目前，我的卡仅在一行上。我阅读了文档，尝试了很多代码。目前，我不明白为什么我的卡太小而不尊重128px的大小。结果是相同的网格系统响应。

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

  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    <title>Hello</title>
  </head>

  <body class="text-center">
      <div id='main-content' class="card-deck" style="margin: 50px 0 0 0">

          <div class="card mb-4" style="max-width: 128px; max-width: 128px">
            <a href="https://www.netflix.com/fr/"><img src="https://cdn1.iconfinder.com/data/icons/metro-ui-dock-icon-set--icons-by-dakirby/256/Netflix.png" alt="" class="card-img-top"></a>
          </div><span></span>
          
          <div class="card mb-4" style="width: 128px; height: 128px">
            <a href="https://www.hulu.com"><img src="https://apprecs.com/ios-meta/app-icons/256/376510438.jpg" alt="" class="card-img-top"></a>
          </div><span></span>
          
          <div class="card mb-4" style="width: 128px; height: 128px">
            <a href="https://www.hulu.com"><img src="https://apprecs.com/ios-meta/app-icons/256/376510438.jpg" alt="" …

Run Code Online (Sandbox Code Playgroud)

css twitter-bootstrap bootstrap-4

5
推荐指数

1
解决办法

6616
查看次数

在Bootstrap 4中的列之间添加空格

我希望它看起来像:

我正在尝试在BS4中的列之间添加水平和垂直空间,但它会保持乱码(黑色或红色)或引导程序的断点.有没有简单的方法来增加空间？我已经尝试了BS4的新边距设置,但它没有真正帮助(搞砸了标题和背景颜色).此外,2个水平列应具有相同的高度.

顺便说一句.如果您运行代码段,则由于代码段输出的大小,列无法正确显示.这就是非移动设备应该是什么样子:截图(或展开代码片段)

* {
  color: white;
}

.black {
  background-color: black;
}

.red {
  background-color: red;
}

nav {
  background-color: antiquewhite;
  margin: 0px;
}

.row {}

.head {
  background-color: aqua;
}

Run Code Online (Sandbox Code Playgroud)

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" >
<nav class="navbar-static-top">
  Nav
</nav>
 <div class="container-fluid">
        <div class="row p-1">
            <div class="col black">
                <div class="row">
                    <div class="col head">
                        HEADING 0 COLUMN
                    </div>
                </div>
                <p>aaaa<br>
                aaaa</p>
            </div>
        </div>
        <div class="row row-eq-height p-1">
            <div class="col-md-6 black">
                <div class="row">
                    <div class="col head">
                        HEADING 1 COLUMNS BLACK …

Run Code Online (Sandbox Code Playgroud)

html css spacing twitter-bootstrap bootstrap-4

5
推荐指数

1
解决办法

2万
查看次数

Bootstrap 4 - 右侧带有文本和图像的自定义按钮，为引导程序弯曲

我想创建一个按钮的 div，它包括一张国旗的图片和一个国家的 abv，我已经将一些代码放入我想要的内容中，但它不是引导程序的方式，我正在努力让我了解它以及如何使用引导程序来做到这一点。

    <div class="countrylink">
<div class="abvcountry">
    AFG
</div>

<div class="countryflag">
<img src="../../Downloads/afghanistan_texture.gif">
</div>

Run Code Online (Sandbox Code Playgroud)

这是样式。

        .countrylink {
    position:relative;
    width: 260px;
    height: 60px;
    background:olivedrab;
    margin-left: 55px;
    margin-top: 20px;
    float:left;
} 

.abvcountry {
    position:absolute;
    display: inline;
    background-color:#FFBF55;
    width: 60px;
    background:tomato;
    height:60px;
    left:0px;
}

.countryflag {
        position: absolute;
        display: inline;
        background-color: #0FF;
        width: 200px;
        background: blue;
        left: 60px;
        height: 60px;
}

.countryflag img {
width: 100%;
height: 100%;
}

Run Code Online (Sandbox Code Playgroud)

我只是觉得在手机或平板电脑上显示时通过 Bootstrap 看起来会好很多

html button twitter-bootstrap bootstrap-4

5
推荐指数

1
解决办法

2万
查看次数

使用Bootstrap 4，如何在右侧对齐navbar品牌？

我正在使用Bootstrap4。我希望navbar-brand项目（只是一个文本元素）位于最右边。菜单（通常）默认为左侧。

我试过申请ml-auto，mx-auto，mr-auto，pull-right，等没有我想要做什么。

mx-auto小屏幕很好。当有汉堡包菜单时，它将navbar品牌居中。但是，当需要常规菜单时，我需要可以工作的东西。

这是我的代码：

<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top main-menu">
  <a href="#" class="navbar-brand navbar-right">BSB Feedback</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNav" aria-controls="mainNav" aria-expanded="false"
    aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="navbar-collapse collapse" id="mainNav">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item homeLink">
        <a class="nav-link" href="/">
          <span aria-hidden="true" class=" fa fa-spacer-right fa-home"></span>
        </a>
      </li>
      <li class="nav-item active">
        <a class="nav-link" href="/">Give Feedback</a>
      </li>
      <li class="nav-item ">
        <a class="nav-link" href="/managefeedback/">Manage Feedback</a>
      </li>
    </ul>
  </div>
</nav>

Run Code Online (Sandbox Code Playgroud)

css twitter-bootstrap bootstrap-4

5
推荐指数

1
解决办法

5121
查看次数

Bootstrap 4订购类不起作用？

我正在尝试使用Bootstrap 4在屏幕尺寸较小(sm)时重新排序我的列.但是,它们在大屏幕尺寸上重新排序并保持在小屏幕上的原始位置.

当前代码:

    <div class="container">
                    <div class="row project-container" id="project1">
                       <div class="col-md-5 offset-md-1 order-sm-12">
                            <div class="project-description">
                                <h2>Meteor Shower</h2>
                                <span>Video Game,Unity Game Engine</span>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum 
                                Lorem ipsum Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, numquam. dolor sit, amet consectetur adipisicing elit. Sint, quidem.voluptates aut atque obcaecati unde. Repellendus eligendi soluta tempore similique sunt?</p>
                                <div class="visit-website">Visit Website</div>
                            </div>
                       </div>
                       <div class="col-md-5 video-container order-sm-1" >
                           <div class="videoWrapper">
                            <iframe width="560" height="315" src="https://www.youtube.com/embed/DzFfqFzir2o" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> …

Run Code Online (Sandbox Code Playgroud)

twitter-bootstrap bootstrap-4

4
推荐指数

1
解决办法

3308
查看次数

标签统计

bootstrap-4 ×6

twitter-bootstrap ×5

css ×4

html ×3

charles-proxy ×1

installation ×1

json ×1

npm ×1

sql ×1

sql-server-2012 ×1

«
1
2
3
4
5
…
6
»