基础知识

1. 文本溢出 ...

<!--  (不规定显示行数) -->
.box {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

<!--  (可规定显示行数) -->
.box {
    overflow: hidden;           
    text-overflow: ellipsis;        /* 文本溢出 ... */
    display: -webkit-box;
    -webkit-line-clamp: 2;          /* 规定显示行数... */
    -webkit-box-orient: vertical;
}

2. 原生添加class 移除class

let box = document.querySelector('.box');
// 将 class='box' 改为 class='box1';
box.className = 'box1';
// 添加 class
box.className += ' box1';   // box1前要有空格;
box.classList.add('box1');   //两种方式
// 移除 class
box.classList.remove('box1');


// JQuery 添加 移除class
// 添加 class：
$(".box").addClass("box1");
// 移除class
$(".box").removeClass("box1");

3. 斐波那契数列

function *fibonacci() {
    let [prev, cur] = [0,1];
    for (;;) {
        [prev, cur] = [cur, prev + cur];
        yield cur;
    }
}
for(let n of fibonacci()){
    if (n>1000) {
        break;
    }
        if (n==1) {
                console.log(n);
        }
    console.log(n);
}

4. 监听input 和 select 下拉框值改变

 $("#btn").on("click", function() {
    var that = this;
    $(that).attr('disabled', true);
    $(that).css('cursor', 'not-allowed');
    // 获取 input 和 select 值
    var end_time = $('.input_box').val();
    var minute = $("#select_box").val();
    // 监听 input 和 select 改变
    $(".input_box").bind("input propertychange", function() {
        $(that).attr('disabled', false);
        $(that).css('cursor', 'pointer');
    });
    $('#select_box').on("change", function() {
        $(that).attr('disabled', false);
        $(that).css('cursor', 'pointer');
    });
});