小编sac*_*024的帖子

我正在制作一个网站，该网站将显示来自 YouTube API 的一些视频，并在服务器端将视频描述截断为 170 个字符。它们必须放入一个狭窄的盒子中，因此每当它包含 URL 或长单词使其包裹很多时，它有时会溢出容器。是否有客户端方法来截断字符串并在末尾添加省略号（我可以使用溢出：隐藏，但我不能使用省略号。这是我的最后手段）。

下面是我正在尝试做的事情的图片：

我有一个宽1300像素的容器.在容器内我有其他div.
我需要将内部div宽度设置为等于浏览器窗口大小,例如1900px.
内容应该响应窗口大小.

我的HTML代码如下:

<div class="container">
  <div class="content">Some style goes here </div>
</div>

CSS:

.container {
   width: 1300px;
} 

.content{
  width: 100%
}`

我正在尝试让div在点击时获得一个新类(使其扩展),并在单击该div内的取消链接时将其返回到旧类(使其关闭).

<div class="new-discussion small">
    <a class="cancel">Cancel</a>
</div>

<script>
    $('.new-discussion.small').click(function() {
        $(this).addClass("expand").removeClass("small");
    });
    $('a.cancel').click(function() {
        $('.new-discussion.expand').addClass("small").removeClass("expand");
    });
</script>

现在,添加扩展类可以完美地工作,但是在单击取消链接后关闭面板只有在我删除此代码时才有效:

$('.new-discussion.small').click(function() {
    $(this).addClass("expand").removeClass("small");
});

所以我想这必须阻止第二个功能工作,但我真的无法弄清楚为什么.

有任何想法吗？谢谢!

我有一个由超过1个人共享的存储库所以我经常看到提交历史记录中有很多合并提交.我想摆脱它们,使我的提交历史看起来更清洁.

为避免这些合并提交,我们应该遵循什么做法？它可行吗？

我读到了使用--ff-onlyswitch进行合并.这个开关可以帮助我吗？

我有一段JS代码需要确定DOM是否已加载.我知道有多种方法可以在DOM加载时执行JS代码:

$(document).ready(function() { ... }); // Jquery version

document.body.onload = function() { ... } // Vanila JS way

我正在寻找一些看起来像的方法

function isDOMLoaded() {
    // Do something to check if DOM is loaded or not
    // return true/false depending upon logic
}

PS:更新(发布回答接受) 我碰巧看到jquery也使用相同的方法来检查DOM是否已加载.在这里查看jquery.ready()的实现

bindReady: function() {
    if ( readyBound ) {
        return;
    }

    readyBound = true;

    // Catch cases where $(document).ready() is called after the
    // browser event has already occurred.
    if ( document.readyState === "complete" …

我想使用 javascript 代码编写一个内联样式可视化block !important。代码看起来像这样

element.style.display = 'block !important'; // This does not work (Approach 1)

然而，

element.style = 'display:block !important'; // works perfectly (Approach 2)

但是方法 2 是不可接受的，原因很明显，它会覆盖早期的内联样式。您可以在 Jsbin 的这个DEMO 中看到这一点

Q1：如何display: block !important使用 javascript设置属性并且它必须是内联的。

Q2: 我想知道为什么 Approach1 不起作用？

我们如何从这样的数据集中提取整数（键）？

data : {
    DAYS7: 234,
    DAYS21: 3456,
    DAYS35: 23456
}

我想将此数据转换为两个数组[7, 21, 35]和[234, 3456, 23456].

代码：

var a = [], b = [];
for (var key in data) {
  a.push(getIntPart(key));
  b.push(data[key]);
}

function getIntPart(key) {
  key = key.substring(4); //Remove DAYS word
  return parseInt(key);
} 

我认为key.substring(4)这不是正确的方法，因为它会因其他一些键而失败。请建议我应该如何解决这个问题。

我想根据国际号码系统转换给定的号码.// 例如:

345678 -> 345,678
12 -> 12 
123 -> 123
4590 -> 4,590

这是代码片段和IdeOne链接

public static void main (String[] args) throws java.lang.Exception
{
    int number = 345678;
    String s = Integer.toString(number);
    s = putCommas(s);
}

private String putCommas(String s) {
    // How to put commas in string after every 3rd character from right ?
}

这是我的方法,我不舒服.

1. 从右侧开始遍历字符串
2. 如果(length - currentIndex -1)%3 == 0在字符串中插入逗号

有什么建议 ？

我见过这样的例子

(function($, window, undefined) {
  ...
  // Do awesome stuff
  ...
})(jQuery, this);

我理解将jQuery作为参数传递并接收为$.

这样做是为了避免jquery的$和任何全局变量$(由错误或某些第三方库定义)之间的冲突.

为什么人们传递this和接受window,并得到undefined函数的参数？

我们有什么方法可以覆盖窗口和undefined？

PS:我已经在Chrome中试过了

undefined = 2; // 2
undefined == 2; // false

它证明未定义不能被覆盖.

无意中,在我的项目中,我使用了以下代码,我很惊讶地看到它正在工作:

HTML

<span id="output"></span>

使用Javascript

var myObject = {
  'a': '----First---',
  'b': '----Second---',
  'c': '----Third----'
};

var myArray = ['a'];

// First Case
output.innerHTML = myObject[myArray];

var myArray2 = ['b'];

// Second Case
output.innerHTML += myObject[myArray2];

var myArray3 = ['a', 'b'];

// Third Case 
output.innerHTML += myObject[myArray3];

产量

----First-------Second---undefined

Jsbin Link:http://jsbin.com/godilosifu/1/edit？html,js,output

我直接访问Object中的数组引用,在所有情况下都应该是未定义的,但奇怪的是当数组大小为1时,它总是获取第一个元素并将其用作对象键.

我只是想知道这个概念叫什么,为什么会这样？