1.JS的內(nèi)置對(duì)象（封裝過的對(duì)象函數(shù)）

● 其他對(duì)象: Function. Arguments、 Math、 Date、 RegExp、 Error

● 數(shù)據(jù)封裝類對(duì)象: Object、 Array、Boolean、 Number. String

● ES6新增對(duì)象: Symbol (標(biāo)識(shí)唯-性的ID) 、Map、 Set、 Promises. Proxy、 Reflect

2.如何最小化重繪(repaint)和回流(reflow)?

● 需要要對(duì)元素進(jìn)行復(fù)雜的操作時(shí)，可以先隱藏(display':"none"), 操作完成后再顯示

● 需要?jiǎng)?chuàng)建多個(gè)DOM節(jié)點(diǎn)時(shí),使用DocumentFragment創(chuàng)建完后-次性的加入document

● 緩存Layout屬性值,如: var left = elem.offsetLeft;這樣，多次使用left產(chǎn)生- -次回流

● 盡量避免用table布局(table元素- -旦觸發(fā)回流就會(huì) 導(dǎo)致table里所有的其它元素回流)

3. JS的作用鏈域

● 全局函數(shù)無法查看局部函數(shù)的內(nèi)部細(xì)節(jié)，但局部函數(shù)可以查看其上層的函數(shù)細(xì)節(jié)，直至全局細(xì)節(jié)

● 如果當(dāng)前作用域沒有找到屬性或方法，會(huì)向.上層作用域[[Scoped]]查找，直至全局函數(shù),這種形式就是作用域

鏈

4、原生數(shù)據(jù)請(qǐng)求步驟

( 1 )、XHR

● 通過 new XMLHttpRequest( ) 定義一個(gè) xhr 對(duì)象

● xhr.open( ' 數(shù)據(jù)請(qǐng)求方式、get，post等 ' ，' 數(shù)據(jù)請(qǐng)求地址 '，同步或異步Boolean值 ) 添加請(qǐng)求地址

● xhr.send ( ) ，發(fā)送請(qǐng)求。

● xhr.onreadystatechange = 函數(shù)，開啟監(jiān)聽服務(wù)器狀態(tài)

● XHR 的請(qǐng)求可以通過 xhr.abort ( ) 方法取消

( 2 )、fetch（w3c新推出）

● 通過 fetch（ ' url地址 ' ，{ method：' 數(shù)據(jù)請(qǐng)求方式、get，post ' ，body：' ' ，credencial：' 請(qǐng)求是否攜帶cookie '}）發(fā)送請(qǐng)求

● 通過 .then( res =>{ res.josn( ) }) 獲取到 josn 字符串 promise 對(duì)象

● 再次 .then( res=>{ console.log( res ) }) 獲取服務(wù)器響應(yīng)數(shù)據(jù)

● 底層還是 XHR 在運(yùn)行，兼容性不是很好，低級(jí)瀏覽器不適配

( 3 )、jsonp 解決跨域

● 動(dòng)態(tài)創(chuàng)建script src指向沒有跨域限制，onload

● 后端返回的數(shù)據(jù)格式一定是， test(' ["111" ,"222","3333"]');

● 前端提前定義好test這個(gè)方法，通過形參就拿到數(shù)據(jù)了。

● jsonp可以做get請(qǐng)求，無法做post請(qǐng)求 (缺點(diǎn)) ;

● jsonp請(qǐng)求不能取消

5.跨域和同源策略

所謂的同源策略其實(shí)是瀏覽器的一種機(jī)制，只允許在同源，也就是同協(xié)議、同域名、同端口的的情況下才能進(jìn)行數(shù)據(jù)交互。但是我們在開發(fā)項(xiàng)目的過程中，往往一個(gè)項(xiàng)目的接口不止一個(gè)域，所以往往就需要做跨域的處理,通常的跨域方式有這么幾種:

1、JSONP,主要依賴的是 script 標(biāo)簽不受同源策略影響，src指向某一個(gè)接口的地址， 同步需要傳遞callback回調(diào)函數(shù)名字，這樣當(dāng)接口調(diào)用成功后，本地創(chuàng)建的全局回調(diào)函數(shù)就會(huì)執(zhí)行，且接收到數(shù)據(jù)。不使用img標(biāo)簽的原因是因?yàn)閕mg標(biāo)簽無法執(zhí)行js語句

2、CORS,依賴服務(wù)端對(duì)前端的請(qǐng)求頭信息進(jìn)行放行，不做限制。

Access-Contro1-A11ow-origin：' * '

3、代理訪問，前端訪問不存在跨域問題的代理服務(wù)器，代理服務(wù)器再去訪問目標(biāo)服務(wù)器(服務(wù)器之間沒有跨域限制)