小编Mat*_*ady的帖子

我使用以下代码将html5画布转换为png:

var canvas = document.getElementById("mycanvas");
var img    = canvas.toDataURL("image/png");
document.write('<img src="'+img+'"/>');

我添加了什么,所以它只会抓住左上角150x100像素,而不是整个画布？

我有这个网址：

http://example.com/things/stuff/532453?morethings&stuff=things&ver=1

我只需要中间那个数字。我得到的最近的是

(\d*)?\?

但这包括问号。基本上所有出现在 ? 一直到斜杠，所以输出是 532453。

我有一个看起来像这样的数据集合：

interface Item {
  name: "one" | "two";
  data: string;
}

const namedItems: Item[] = [
  {
    name: "one",
    data: "some data one",
  },
  {
    name: "two",
    data: "some data two",
  },
];

每个项目都有一个名称，值可以是“一个”或“两个”。

然后在此运行数组查找：

const getData = (query: "one" | "two") =>
  namedItems.find((item): boolean => query === item.name).data;

引发打字错误“对象可能是'undefined'”。这似乎是由于发现可能找不到某事的事实，但是在我的示例中，只允许您查找总是返回结果的“一个”或“两个”。

如何使打字稿知道它将始终在查找结果中返回结果？

我有李的复选框.我已经做到了所以点击li会切换复选框,但是我遇到的麻烦是单击复选框本身将启动切换和切换.

码:

$('li').click(function(){
    $('input[type="checkbox"]',this).each(function () { this.checked = !this.checked; });
})

http://jsfiddle.net/mattcoady/Vzqj3/

我希望复选框仍然像往常一样运行.我能做什么？

我想知道一个数字属于哪个范围.我的意思是,假设比例是900,我们将其分成4个区域.

function getLocationRange(input){
  const slices = 4;
  const scale = 900;

  const slice = scale / slices;


  if(input < slice){
    return 0;
  } else if (input < slice * 2) {
    return 1;
  } else if (input < slice * 3) {
    return 2;
  } else if (input < slice * 4) {
    return 3;
  }
}

getLocationRange(50); // 0
getLocationRange(800); // 3
getLocationRange(400); // 1

基本上如果输入数字落在第一季度它返回0,第二季度返回1,等等......

麻烦的是,这不会扩展,因为我需要每个切片的其他语句(假设我想用6个切片或100个切片来运行它).

是否有一个简单的数学方程式来达到同样的效果？(不要担心负面或大于或等于比例.)

我有一个像这样的div列表

<div data-id="001">Blah Blah Blah</div>
<div data-id="001">Blah Blah Blah</div>
<div data-id="002">Blah Blah Blah</div>
<div data-id="002">Blah Blah Blah</div>
<div data-id="002">Blah Blah Blah</div>
<div data-id="003">Blah Blah Blah</div>
<div data-id="003">Blah Blah Blah</div>
<div data-id="004">Blah Blah Blah</div>

是否可以扫描此列表并删除任何包含重复数据的项目,这样我最终会得到更多类似的内容:

<div data-id="001">Blah Blah Blah</div>
<div data-id="002">Blah Blah Blah</div>
<div data-id="003">Blah Blah Blah</div>
<div data-id="004">Blah Blah Blah</div>

我正在尝试用CSS和jQuery制作一张卡片.我正在使用它的情况,正面需要在溢出的隐藏容器中,当它翻转时,它需要在溢出的可见容器中.

这是我的例子:

$('.front').click(function(){
    $('#card').toggleClass('flipped');
    $('.container').toggleClass('flippedContainer');
});
$('.back').click(function(){
    $('#card').toggleClass('flipped');
    $('.container').delay(500).toggleClass('flippedContainer');
})

http://jsfiddle.net/ANfuL/

当你注意到从前到后工作正常但我需要班级切换等待半秒才能切换.我试过延迟,但它似乎没有做任何事情.

我能做什么？

我正在尝试对子元素进行简单的onclick(没有jQuery):

document.getElementById('link').children.onclick = function(){
    this.style.color="#ff0000";
}

我希望它为每个单击的元素将颜色更改为红色.我认为这种方法可行,但不会.

让我们假设我有一个像这样的对象.

var foo = {
  "dfsghasdgsad":{
    "name":"bob",
    "age":"27"
  }
};

foo将始终只有一个对象,但生成密钥.在我不知道生成的密钥名称是什么的情况下,如何检索"bob"和"27"？