前端记录
2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>
1,圖片懶加載
1、就是創(chuàng)建一個(gè)自定義屬性data-src存放真正需要顯示的圖片路徑,而img自帶的src放一張大小為1 * 1px的圖片路徑。 2、當(dāng)頁(yè)面滾動(dòng)直至此圖片出現(xiàn)在可視區(qū)域時(shí),用js取到該圖片的data-src的值賦給src。 <img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">2,當(dāng)input框不寫(xiě)內(nèi)容時(shí),默認(rèn)是'' 而不是null
3,$(':selected') 可以獲取選中的select
4,js腳本中,默認(rèn)都是window對(duì)象的的方法或?qū)傩?#xff0c;比如alert,document
<script type="text/javascript">alert(222);window.alert(999); </script>5,可以在外面給js對(duì)象添加屬性
<script type="text/javascript">var json={};json.name='小蘇';console.log('===>'+json);console.log('===>'+json.name); </script>6,js沒(méi)有重載方法,在定義函數(shù)名時(shí)要不一致,否則會(huì)被覆蓋
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",// 指定語(yǔ)言為中文,國(guó)際化才起效inputMessage : $this.attr("inputMessage"),// 添加默認(rèn)參數(shù)ajax : {url : $this.attr("href"),dataType : 'json',delay : 250,// 延遲顯示data : function(params) {console.log('params.term:'+params.term);return {iataCode : params.term // 搜索框內(nèi)輸入的內(nèi)容,傳遞到Java后端的parameter為username// pageNumber : params.page,// 第幾頁(yè),分頁(yè)哦// size : 10// 每頁(yè)顯示多少行};},// 分頁(yè)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// 最少輸入一個(gè)字符才開(kāi)始檢索});});?
轉(zhuǎn)載于:https://my.oschina.net/u/3574106/blog/1828411
總結(jié)
- 上一篇: 如何判断线程运行结束
- 下一篇: Bootstrap响应式布局以及栅格框架