17.项目中代码的收获

1. 获取表单中的值的时候要进行去空格处理；

$.trim($('input).val())

2.需要循环发起多次ajax请求的时候，可以使用递归(项目需求：input中填入次数，生成对应次数的状态码)

var count = 0;
function getData() {
    if(count >= 请求次数){return}
    $.ajax({
        url: 'xxxx',
        type: 'post'
        data: {...},
        success: function(data) {
            count++;
            getData();
       }
    })
}

3.encodeURI() 函数可把字符串作为 URI 进行编码。

location.href ='code.html?recommender='+encodeURI(recommender)+'&number='+number;

4.clipboard.js踩坑

• 点击一次触发多次回掉，在回调函数中添加clipboard.destroy()来阻止多次回调

$(document).on('click', '.copy-btn1', function () {
            var clipboard = new ClipboardJS('.copy-btn1');
            clipboard.on("success", function (e) {
                showOkMsg('复制成功')
                clipboard.destroy()
            })
            
        })

• 点击触发事件的时候，需要点击两次，解决办法，先拿mouseenter触发一次事件，即可

       $(document).one('mouseenter', '.copy-btn1', function() {
            var clipboard = new ClipboardJS('.copy-btn1');
            clipboard.on("success", function (e) {
                showOkMsg('复制成功')
                clipboard.destroy()
            })
        })
        $(document).on('click', '.copy-btn1', function () {
            var clipboard = new ClipboardJS('.copy-btn1');
            clipboard.on("success", function (e) {
                showOkMsg('复制成功')
                clipboard.destroy()
            })
            
        })