js復(fù)習(xí)

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

    基本六個(gè)類型雷厂,亮點(diǎn)  提到了ES6 的symbol

     如果問到 判斷數(shù)據(jù)類型 除了說明typeof   還要提到instanceof    

2 ===和==的區(qū)別抑胎,

    ===會(huì)判斷類型和值    ==只判斷值    比如 “6”==6是成立的   undefined==null    

    判斷值的時(shí)候  想到 []!=[]        NAN!=NAN       ES6新語法  Number.isNaN(NaN)的結(jié)果是true   

        es6中專門用來判斷變量是NAN的方法  Number.isNaN()

3 js onload和DOMcontentloaded的區(qū)別 這也是jq加載函數(shù)和JS 的onload的區(qū)別

        window.onload 事件在所有頁面元素(包括圖片何鸡,腳本等)都下載完畢后才會(huì)觸發(fā)。

        除了 IE筛璧,其它瀏覽器支持 DOMContentLoaded 事件逸绎。當(dāng) DOM 內(nèi)容下載完畢,就會(huì)立刻觸發(fā)夭谤。

        針對(duì) IE棺牧,有各種模擬 DOMContentLoaded 事件的辦法。目前被廣泛采納的方案是判斷 document 是否可以滾動(dòng)(doScroll)朗儒。一旦可以        滾   動(dòng)颊乘,就意味著 DOM Content 已經(jīng)加載完畢。

4 給10個(gè)li添加點(diǎn)擊事件采蚀。彈出下標(biāo)

var oli=document.getElementsByTagName('li');
for(var i=0; i<oli.length;i++)
{
oli[i].index=i;
oli[i].onclick=function(){
alert('下標(biāo)是:'+this.index);
};
}

5 通過字符串拼接添加dom元素和通過appendchild添加dom有什么區(qū)別疲牵,那個(gè)更好

字符串拼接好

6 你都使用什么實(shí)現(xiàn)模塊加載

import
export

7. 如何對(duì)數(shù)組隨機(jī)排序

如下代碼:

var arr = [1,2,3,4,5,6]
arr.sort(function(a,b){
return Math.random()-0.5
});

8. 如何理解原型和原型鏈

[圖片上傳失敗...(image-8f7b31-1530749078749)]

下面的鏈接是原型與原型鏈詳解
http://www.cnblogs.com/ningyn0712/p/6216711.html

9. JQ 中鏈?zhǔn)讲僮鞯脑?/h4>

$("#id").css("width","100px") .css("height","100px").css("background","red");

鏈?zhǔn)秸{(diào)用原理

var MyJQ = function(){
}
MyJQ.prototype = {
css:function(){
console.log("設(shè)置css樣式");
return this;
},
show:function(){
console.log("將元素顯示");
return this;
},
hide:function(){
console.log("將元素隱藏");
}
};
var myjq = new MyJQ();
myjq.css().css().show().hide();

10. this 指向問題

this要在執(zhí)行時(shí)才能確認(rèn)值承二,定義時(shí)無法確認(rèn)

[圖片上傳失敗...(image-5aa3c0-1530749078749)]

11. 從輸入U(xiǎn)RL到現(xiàn)實(shí)頁面的過程

  1. 瀏覽器查找域名對(duì)應(yīng)的 IP 地址榆鼠;
  2. 瀏覽器根據(jù) IP 地址與服務(wù)器建立 socket 連接;
  3. 瀏覽器與服務(wù)器通信: 瀏覽器請(qǐng)求亥鸠,服務(wù)器處理請(qǐng)求妆够;
  4. 瀏覽器與服務(wù)器斷開連接。

12. 圖片懶加載原理

一個(gè)頁面有很多的圖片负蚊,比如:京東神妹、淘寶等,如果一上來就發(fā)送這么多請(qǐng)求家妆,頁面加載就會(huì)很漫長鸵荠,用戶多了一次來上一堆請(qǐng)求,服務(wù)器就吃不消了伤极。
因此優(yōu)點(diǎn)就很明顯了:不僅可以減輕服務(wù)器的壓力蛹找,而且可以讓加載好的頁面姨伤,用戶體驗(yàn)更好了
頁面中的img元素,如果沒有src屬性庸疾,瀏覽器就不會(huì)發(fā)出請(qǐng)求去下載圖片乍楚,一旦通過javascript設(shè)置了圖片路徑,瀏覽器才會(huì)送請(qǐng)求届慈。
如何獲取正真的路徑徒溪,將真正的路徑放到一個(gè)自定義的'data-url'屬性里,要用的時(shí)候就取出來金顿,再給src
對(duì)象頂部與文檔頂部之間的距離臊泌,如果它小于父元素底部與文檔頂部的距離,則說明垂直方向上已經(jīng)進(jìn)入可視區(qū)域了串绩,就可以將真正的src給它了缺虐!

13. 對(duì)于一個(gè)無限下拉加載圖片的頁面。如何給圖片加點(diǎn)擊事件 原生js事件委托和JQ委托的寫法

事件委托礁凡,js的addEventListener()高氮,jq的on()

addEventListener()

document.getElementById("ul").addEventListener("click",function(e){
if(e.target.nodeName=="LI"){
alert("xxx")
}
});

也可以將判斷寫成e.target.nodeName.toLowerCase()=="li";

jq里面on()事件

$('#id').on('click','li',function(){}

14. ajax 對(duì)象建立 open send 等待數(shù)據(jù) 接受數(shù)據(jù)

AJAX的open ( )方法
open ( ) 有三個(gè)參數(shù) (method , url 顷牌, boolean) ;
  1. method 對(duì)應(yīng)的取值是“GET”和“POST”
  2. url 是 文件在服務(wù)器上的位置 .
  3. boolean 的取值是“true”和“false”剪芍,boolean 取值為“true” 的時(shí)候,服務(wù)器的請(qǐng)求是異步的窟蓝,beelean取值為“false”的時(shí)候罪裹,服務(wù)器的請(qǐng)求是同步的

15. 跨域是如何產(chǎn)生的,解決方式是什么

跨域是指在不同的域之間進(jìn)行數(shù)據(jù)傳輸或通信运挫,比如用ajax向一個(gè)不同的域請(qǐng)求數(shù)據(jù)状共,或者通過js獲取頁面中不同域的框架中的數(shù)據(jù)。只要協(xié)議谁帕、域名峡继、端口有任何一個(gè)不同,都被當(dāng)作是不同的域匈挖。

1. 通過jsonp跨域

我們直接用XMLHttpRequest請(qǐng)求不同域上的數(shù)據(jù)時(shí),是不可以的舶吗。但是择膝,在頁面上引入不同域上的js腳本文件卻是可以的,jsonp正是利用這個(gè)特性來實(shí)現(xiàn)的腹侣。
比如筐带,有個(gè)a.html頁面,它里面的代碼需要利用ajax獲取一個(gè)不同域上的json數(shù)據(jù)蓝晒,假設(shè)這個(gè)json數(shù)據(jù)地址是http://example.com/data.php,那么a.html中的代碼就可以這樣:

[圖片上傳失敗...(image-d92393-1530749078749)]

16 描述 cookie localStorage sessionStorage的區(qū)別

        存儲(chǔ)位置區(qū)別  容量區(qū)別   是否在ajax中攜帶

17 談?wù)勀銓?duì)模塊化的理解

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末芝薇,一起剝皮案震驚了整個(gè)濱河市洛二,隨后出現(xiàn)的幾起案子攻锰,更是在濱河造成了極大的恐慌,老刑警劉巖垒迂,帶你破解...
    沈念sama閱讀 217,509評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件妒蛇,死亡現(xiàn)場離奇詭異,居然都是意外死亡吏奸,警方通過查閱死者的電腦和手機(jī)陶耍,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來旺拉,“玉大人棵磷,你說我怎么就攤上這事晋涣。” “怎么了算吩?”我有些...
    開封第一講書人閱讀 163,875評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵偎巢,是天一觀的道長。 經(jīng)常有香客問我求冷,道長匠题,這世上最難降的妖魔是什么但金? 我笑而不...
    開封第一講書人閱讀 58,441評(píng)論 1 293
  • 正文 為了忘掉前任冷溃,我火速辦了婚禮,結(jié)果婚禮上续搀,老公的妹妹穿的比我還像新娘菠净。我一直安慰自己禁舷,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,488評(píng)論 6 392
  • 文/花漫 我一把揭開白布毅往。 她就那樣靜靜地躺著牵咙,像睡著了一般攀唯。 火紅的嫁衣襯著肌膚如雪洁桌。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,365評(píng)論 1 302
  • 那天另凌,我揣著相機(jī)與錄音,去河邊找鬼戒幔。 笑死吠谢,一個(gè)胖子當(dāng)著我的面吹牛诗茎,可吹牛的內(nèi)容都是我干的工坊。 我是一名探鬼主播,決...
    沈念sama閱讀 40,190評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼王污!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起昭齐,我...
    開封第一講書人閱讀 39,062評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎泊业,沒想到半個(gè)月后啊易,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體租谈,經(jīng)...
    沈念sama閱讀 45,500評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡割去,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,706評(píng)論 3 335
  • 正文 我和宋清朗相戀三年夸赫,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片咖城。...
    茶點(diǎn)故事閱讀 39,834評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡茬腿,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出宜雀,到底是詐尸還是另有隱情切平,我是刑警寧澤,帶...
    沈念sama閱讀 35,559評(píng)論 5 345
  • 正文 年R本政府宣布辐董,位于F島的核電站悴品,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏简烘。R本人自食惡果不足惜苔严,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,167評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望孤澎。 院中可真熱鬧届氢,春花似錦、人聲如沸亥至。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽姐扮。三九已至絮供,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間茶敏,已是汗流浹背壤靶。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評(píng)論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留惊搏,地道東北人贮乳。 一個(gè)月前我還...
    沈念sama閱讀 47,958評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像恬惯,于是被迫代替她去往敵國和親向拆。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,779評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5酪耳? 答:HTML5是最新的HTML標(biāo)準(zhǔn)浓恳。 注意:講述HT...
    kismetajun閱讀 27,485評(píng)論 1 45
  • 1 數(shù)據(jù)類型 基本六個(gè)類型,亮點(diǎn) 提到了ES6 的symbol 如果問到 判斷數(shù)據(jù)類型 除了說明...
    崽崽不哭閱讀 574評(píng)論 0 3
  • 《復(fù)習(xí)筆記》 一碗暗、ajax ajax:無刷新從服務(wù)器取數(shù)據(jù)颈将; 緩存:瀏覽器針對(duì)同一個(gè)網(wǎng)址只會(huì)訪問一次 aja...
    2e9a10d418ab閱讀 303評(píng)論 0 2
  • JS復(fù)習(xí)筆記--Array 創(chuàng)建一個(gè)數(shù)組的方式 通過索引 (訪問/添加) 數(shù)組元素 修改數(shù)組 arr.push()...
    舟_破浪閱讀 349評(píng)論 0 1
  • 1)、所有的引用類型都具有對(duì)象的特性言疗、即可隨意擴(kuò)展屬性(null除外G缁) 例如:var a = {}; ...
    jofhkg閱讀 288評(píng)論 0 0