小编Sno*_*lax的帖子

在Typescript中,<T>是什么意思?

export declare function createEntityAdapter<T>(options?: {
    selectId?: IdSelector<T>;
    sortComparer?: false | Comparer<T>;
}): EntityAdapter<T>;
Run Code Online (Sandbox Code Playgroud)

有人可以向我解释一下这意味着什么?我知道<>是类型断言,但我不知道是什么'T'.如果有人可以向我解释这个功能正在做什么,这也会很有帮助.

typescript

30
推荐指数
4
解决办法
1万
查看次数

getElementsByClass和appendChild

只是刷新我的JavaScript技巧,并试图找出为什么getElementsByClass不适用于我的代码.代码非常简单.单击"clicky"按钮后,脚本将创建div的子h1元素.当我使用getElementById并将div类更改为Id但在将其更改为class时不起作用时,它工作得很好.

我试过,getElementsByClassName,getElementsByClass,getElementsByTagName并将div更改为适当的属性但没有运气.

<!doctype html>
<html>


<body>
<p>Click on button to see how appendChild works</p>

<button onclick="myFunction()">Clicky </button>

<script>
function myFunction(){
var first = document.createElement("H1");
var text = document.createTextNode("Jason is pretty awesome");
first.appendChild(text);

document.getElementsByName("thistime").appendChild(first);

}
</script>

<div class="thistime">Hi</div>

    </body>






</html>
Run Code Online (Sandbox Code Playgroud)

javascript html5 getelementbyid appendchild css3

9
推荐指数
2
解决办法
2万
查看次数

为什么我的转换会回弹?

我试图让我的元素留在现场(过渡后).现在,翻译的位置是我想要的地方但是我的名字会重新回到报价上.我是否错过了一段代码,或者是否有一段代码可以实现这种快速恢复?

.blockquote {
  font-family: "Open Sans", Verdana, Arial, sans-serif;
  font-size: 30px;
  line-height: 60px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.16);
  /*rgba(192, 241, 247, 0.15);*/
  height: 100px;
  text-align: center;
  padding-top: 40px;
  color: white;
  font-weight: 300;
  font-style: italic;
  transition: all 250ms ease-in-out;
}
.blockquote .blockquote2 {
  transition: all 250ms ease-in-out;
  font-size: 25px;
  line-height: 35px;
  width: 90%;
}
.blockquote .author {
  display: inline;
  margin-left: -150px;
  transition: all 250ms ease-in-out;
  font-family: "Roboto", sans-serif;
  color: #838eca;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 35px;
  opacity: …
Run Code Online (Sandbox Code Playgroud)

css html5 css3 css-transitions css-transforms

8
推荐指数
1
解决办法
2919
查看次数

更改拖动鬼图像大小

我如何制作它,以便在拖动图像时,拖动的图像大小会根据我指定的内容而改变?例如,当我拖动图像时,我希望重影图像在这种情况下变为更大的尺寸(500),但可能是真的.

使用Javascript:

HTML:

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">

    <script src="js/custom.js"></script>
    <style>

        /* Pikachu fits in the container */
        .size {
            height:200px;
            width:200px;
        }
        .size img {
            z-index:10;
            width:100%;
        }
    </style>
    </head>
<body>

    <div class="size">
        <img src="http://img3.wikia.nocookie.net/__cb20140410195936/pokemon/images/archive/e/e1/20150101093317!025Pikachu_OS_anime_4.png" >
    </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

html javascript

8
推荐指数
1
解决办法
3913
查看次数

express.js在路由时没有显示console.log消息

注意:我很陌生

var express = require('express');
var app = express();

app.get('/', function(req, res) {
   res.send('id: ' + req.params.id + ' and name: ' + req.params.name);
});
var things = require('./things/things.js');

//both index.js and things.js should be in same directory
app.use('/things', things);
//Simple request time logger
app.use('/',function(req, res, next){
   console.log("A new request received at " + Date.now());

   //This function call is very important. It tells that more processing is
   //required for the current request and is in the next middleware
   //function/route handler. …
Run Code Online (Sandbox Code Playgroud)

javascript express

7
推荐指数
1
解决办法
1万
查看次数

简单的onload在JSFIddle中不起作用

http://jsfiddle.net/jzhang172/n5jb0159/

简单的document.body.onload事件应该触发javascript警报,但不起作用,但它在我的文本编辑器 - >浏览器中工作正常.我将库转换为jQuery到None(纯JS),但仍然没有,有人可以向我解释发生了什么以及为什么它在小提琴中不起作用但在我的文本编辑器中工作正常?

这有效:

  <body>
    Why
    <script>
  document.body.onload = function(){
      alert("LOADED!");
  }
  </script>
  </body>
Run Code Online (Sandbox Code Playgroud)

html javascript

6
推荐指数
1
解决办法
4770
查看次数

Swift:Bolding UIButton


是否可以在UIButton中加粗字体?有了标签,它非常简单,例如:

label.font = UIFont(name:"HelveticaNeue-Bold", size: 16.0)
Run Code Online (Sandbox Code Playgroud)

但这不适用于按钮.

label uibutton uifont swift

6
推荐指数
2
解决办法
9400
查看次数

内嵌块盒不适合其容器

不知道我做错了什么,我认为通过添加边框,它将整齐地适合这4个盒子.

http://jsfiddle.net/jzhang172/x3ftdx6n/

.ok{
width:300px;
    background:red;
    height:100px;
    box-sizing:border-box;
}

.box{
    display:inline-block; 
    box-sizing:border-box;
    width:25%;
    border:2px solid blue;
    height:100%;
}
Run Code Online (Sandbox Code Playgroud)
<div class="ok">
<div class="box">1</div>
<div class="box">2</div>
<div class="box">3</div>
<div class="box">4</div>
    
</div>
Run Code Online (Sandbox Code Playgroud)

html css css3 border-box

5
推荐指数
1
解决办法
816
查看次数

使 flex 项目一次包裹两个

我现在拥有的是当窗口重新调整大小时,框会相应地调整以适应宽度。但是,我想要的是至少有两个框移动到下一行,而不是顶部的 3 个和 1 个。

这是否可以通过 flexbox 实现,如果不能,我将如何实现?

小提琴:https : //jsfiddle.net/jzhang172/cqdwLyxu/

.line{
  display:flex;
  width:100%;
  margin-bottom:30px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  
}
body,html{
  margin:0;
  padding:0;
  position:relative;
}
*{
  box-sizing:border-box;
}
.box{
  width:200px;
  min-width:200px;
  background:blue;
  margin:0 10px 0 10px;
  height:200px;
}
Run Code Online (Sandbox Code Playgroud)
<div class="line">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>
<div class="line">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

html javascript css flexbox

5
推荐指数
1
解决办法
2420
查看次数

移动到下一行时,将图像展开为容器宽度

有没有办法制作图像的宽度,当它转换到另一条线以占用尽可能多的空间?

例如,如果图像彼此相邻显示,则只要其中一个图像下降到下一行,下一行的图像就会扩展到容器的宽度.

我相信我看到这是用flexbox实现的,但是我不记得怎么做了,如果还有其他方法可以做到,我全都听见了.

小提琴:https://jsfiddle.net/jzhang172/6kpyhpbh/

body,html{
  padding:0;
  margin:0;
}
*{
  box-sizing:border-box;
}
.grid img{

  float:left;
  height:100px;

}
.grid{
    display:flex;  flex-grow:2;
    flex-wrap:wrap;
}
Run Code Online (Sandbox Code Playgroud)
<div class="grid">
  <img src="http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg" alt="">
  <img src="http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg" alt="">
    <img src="http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg" alt="">
      <img src="http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg" alt="">
        <img src="http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg" alt="">
</div>
Run Code Online (Sandbox Code Playgroud)

html javascript css css3 flexbox

5
推荐指数
1
解决办法
48
查看次数