前端记录

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// 最少输入一个字符才开始检索
                    });

                });