前端記錄

1，圖片懶加載

一、就是建立一個自定義屬性data-src存放真正須要顯示的圖片路徑，而img自帶的src放一張大小爲1 * 1px的圖片路徑。
二、當頁面滾動直至此圖片出如今可視區域時，用js取到該圖片的data-src的值賦給src。 
<img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">

2，當input框不寫內容時，默認是'' 而不是null

3，$(':selected') 能夠獲取選中的select

4，js腳本中，默認都是window對象的的方法或屬性，好比alert，document

<script type="text/javascript">
        alert(222);
        window.alert(999);
</script>

5，能夠在外面給js對象添加屬性

<script type="text/javascript">
	var json={};
	json.name='小蘇';
	console.log('===>'+json);
	console.log('===>'+json.name);
</script>

6，js沒有重載方法，在定義函數名時要不一致，不然會被覆蓋

7,bootstrapValidator

$('#search_form').data('bootstrapValidator').updateStatus('fromDate',
                    'NOT_VALIDATED',null).validateField('fromDate');

8，select2搜索

$("select.js-data-example-ajax").each(
                function() {
                    var $this = $(this);
                    $this.select2({
                        language : "zh-CN",// 指定語言爲中文，國際化才起效
                        inputMessage : $this.attr("inputMessage"),// 添加默認參數
                        ajax : {
                            url : $this.attr("href"),
                            dataType : 'json',
                            delay : 250,// 延遲顯示
                            data : function(params) {
                                console.log('params.term:'+params.term);
                                return {
                                    iataCode : params.term // 搜索框內輸入的內容，傳遞到Java後端的parameter爲username
                                    // pageNumber : params.page,// 第幾頁，分頁哦
                                    // size : 10// 每頁顯示多少行
                                };
                            },
                            // 分頁
                            processResults : function(data, params) {
                                // var rs=data['data'];
                                var options=[];
                                // params.page = params.page || 1;
                                for (var i=0,len=data.length;i<len;i++){
                                    var option= {"id":data[i][1], "text":data[i][0]+'('+data[i][1]+')',"value":data[i][1]};
                                    options.push(option);
                                }
                                return {
                                    results : options
                                };
                            },
                            cache : false
                        },

                        escapeMarkup : function(markup) {
                            return markup;
                        }, // let our custom formatter work
                        minimumInputLength : 0// 最少輸入一個字符纔開始檢索
                    });

                });