js開發(fā)小技巧

··1 :頁面跳轉三劍客

?location.assign("http://www.baidu.com");

?window.location = "http://www.baidu.com";

location.); 跳轉到新頁面。并且禁止后退利诺。

location.reload();重新加載頁面。從緩存中加載。

location.reload(true);重新加載頁面 走诞,從服務器上态罪。

2:fragment ?創(chuàng)建文檔片段

var fragment = document.createDocumentFragment();

l舉個栗子:

var fragment = document.createDocumentFragment();

var ul = document.getElementById("myList");

var li = null;

for(var i = 0; i < 5; i ++){

li = document.createElement("li");

li.appendChild(document.createTextNode("Item" + i));

fragment.appendChild(li);

};

ul.appendChild(fragment);

forEach(); $.each();$().each();方法的區(qū)別和用法沟饥。

forEach()是js中遍歷數(shù)組的方法。

var arr = [1,2,3,4];

arr.forEach(function(val,index,arr){//val為數(shù)組中當前的值蝎宇,index為當前值的下表,arr為原數(shù)組

arr[index] = 2*val;

});

console.log(arr);

修改了原數(shù)組祷安,每個乘以2

$.each()是jQuery中遍歷數(shù)組的方法姥芥。

var arr = [1,2,3,4];

$.each(arr,function)(i,n){

alert("索引"+ i + "對應的值"+ n);

}

$().each()規(guī)定每個匹配元素運行的函數(shù)

$("li").each(function(){

alert($(this).text())

})

兩個display:inline-block的盒子。 各占50%汇鞭;有時候會換行凉唐。是因為兩個盒子中間的換行和空格也是一個inline-block;站了空間霍骄。方法是給父元素設置font-size:0台囱;在內部盒子里設置具體字號。

js數(shù)據(jù)類型

字符串(String)读整、數(shù)字(Number)簿训、布爾(Boolean)、數(shù)組(Array)、對象(Object)强品、空(Null)膘侮、未定義(Undefined)。

閉包择懂,顯示點擊的每個索引喻喳。

functioniteratorFactory(i){var onclick =function(e){console.log(i)? ? }returnonclick;}var clickBoxs = document.querySelectorAll('.clickBox')for(vari=0;i< clickBoxs.length;i++){? ? clickBoxs[i].onclick = iteratorFactory(i)}

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市困曙,隨后出現(xiàn)的幾起案子表伦,更是在濱河造成了極大的恐慌,老刑警劉巖慷丽,帶你破解...
    沈念sama閱讀 218,941評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蹦哼,死亡現(xiàn)場離奇詭異,居然都是意外死亡要糊,警方通過查閱死者的電腦和手機纲熏,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來锄俄,“玉大人局劲,你說我怎么就攤上這事∧淘” “怎么了鱼填?”我有些...
    開封第一講書人閱讀 165,345評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長毅戈。 經(jīng)常有香客問我苹丸,道長,這世上最難降的妖魔是什么苇经? 我笑而不...
    開封第一講書人閱讀 58,851評論 1 295
  • 正文 為了忘掉前任赘理,我火速辦了婚禮,結果婚禮上扇单,老公的妹妹穿的比我還像新娘商模。我一直安慰自己,他們只是感情好令花,可當我...
    茶點故事閱讀 67,868評論 6 392
  • 文/花漫 我一把揭開白布阻桅。 她就那樣靜靜地躺著,像睡著了一般兼都。 火紅的嫁衣襯著肌膚如雪嫂沉。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,688評論 1 305
  • 那天扮碧,我揣著相機與錄音趟章,去河邊找鬼杏糙。 笑死,一個胖子當著我的面吹牛蚓土,可吹牛的內容都是我干的宏侍。 我是一名探鬼主播,決...
    沈念sama閱讀 40,414評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼蜀漆,長吁一口氣:“原來是場噩夢啊……” “哼谅河!你這毒婦竟也來了?” 一聲冷哼從身側響起绷耍,我...
    開封第一講書人閱讀 39,319評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎鲜侥,沒想到半個月后褂始,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,775評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡描函,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年崎苗,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片舀寓。...
    茶點故事閱讀 40,096評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡胆数,死狀恐怖,靈堂內的尸體忽然破棺而出互墓,到底是詐尸還是另有隱情幅慌,我是刑警寧澤,帶...
    沈念sama閱讀 35,789評論 5 346
  • 正文 年R本政府宣布轰豆,位于F島的核電站,受9級特大地震影響齿诞,放射性物質發(fā)生泄漏酸休。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,437評論 3 331
  • 文/蒙蒙 一祷杈、第九天 我趴在偏房一處隱蔽的房頂上張望斑司。 院中可真熱鬧,春花似錦但汞、人聲如沸宿刮。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽僵缺。三九已至,卻和暖如春踩叭,著一層夾襖步出監(jiān)牢的瞬間磕潮,已是汗流浹背翠胰。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評論 1 271
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留自脯,地道東北人之景。 一個月前我還...
    沈念sama閱讀 48,308評論 3 372
  • 正文 我出身青樓,卻偏偏與公主長得像膏潮,于是被迫代替她去往敵國和親锻狗。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,037評論 2 355

推薦閱讀更多精彩內容

  • 雙感嘆號判斷布爾值 var a;!!a;// => false 判斷對象是否為空 function isEmpty...
    itsky365閱讀 74評論 0 1
  • 第一部分 準入訓練 第1章 進入忍者世界 js開發(fā)人員通常使用js庫來實現(xiàn)通用和可重用的功能焕参。這些庫需要簡單易用轻纪,...
    如201608閱讀 1,352評論 1 2
  • 2016.9.9 第6章 原型與面向對象 原型雖然是定義對象的一種很方便的方式,但它的本質依然是函數(shù)特性龟糕。 使用原...
    如201608閱讀 696評論 0 0
  • javascript 是一門弱類型,動態(tài)腳本語言(所有變量通過var聲明,不需要用int char....).它的...
    3hours閱讀 719評論 0 1
  • 凌晨一點,接到小K的電話缓艳,他說:“上次那個事校摩,真是我的錯,特么的阶淘,我就是拉不下臉跟你說對不起衙吩。” 明顯一副醉態(tài)溪窒±と“...
    平頭姐閱讀 375評論 0 0