2019獨角獸企業重金招聘Python工程師標準>>>

1，圖片懶加載

1、就是創建一個自定義屬性data-src存放真正需要顯示的圖片路徑，而img自帶的src放一張大小為1 * 1px的圖片路徑。 2、當頁面滾動直至此圖片出現在可視區域時，用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 workminimumInputLength : 0// 最少輸入一個字符才開始檢索});});

?

轉載于:https://my.oschina.net/u/3574106/blog/1828411

總結

以上是生活随笔為你收集整理的前端记录的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。