摘要：絕對(duì)定位的元素不再存在于正常文檔布局流中。則是頁面元素的一個(gè)屬性，代表該元素的內(nèi)容。盡管在中代表但由于的許多優(yōu)勢(shì)，比如更加輕量以及作為的一部分，目前的使用比更加普遍。通配符子選擇器相鄰選擇器等的。值則是表示空對(duì)象指針。

==和===的區(qū)別？

比較過程：
　　雙等號(hào)==：
　　（1）如果兩個(gè)值類型相同，再進(jìn)行三個(gè)等號(hào)(===)的比較
　　（2）如果兩個(gè)值類型不同，也有可能相等，需根據(jù)以下規(guī)則進(jìn)行類型轉(zhuǎn)換在比較：
　　　　1）如果一個(gè)是null，一個(gè)是undefined，那么相等
　　　　2）如果一個(gè)是字符串，一個(gè)是數(shù)值，把字符串轉(zhuǎn)換成數(shù)值之后再進(jìn)行比較
　　
　　三等號(hào)===:
　　（1）如果類型不同，就一定不相等
　　（2）如果兩個(gè)都是數(shù)值，并且是同一個(gè)值，那么相等；如果其中至少一個(gè)是NaN，那么不相等。（判斷一個(gè)值是否是NaN，只能使用isNaN( ) 來判斷）
　　（3）如果兩個(gè)都是字符串，每個(gè)位置的字符都一樣，那么相等，否則不相等。
　　（4）如果兩個(gè)值都是true，或是false，那么相等
　　（5）如果兩個(gè)值都引用同一個(gè)對(duì)象或是函數(shù)，那么相等，否則不相等
　　（6）如果兩個(gè)值都是null，或是undefined，那么相等

float/postion屬性

Float CSS屬性指定一個(gè)元素應(yīng)沿其容器的左側(cè)或右側(cè)放置，允許文本和內(nèi)聯(lián)元素環(huán)繞它。該元素從網(wǎng)頁的正常流動(dòng)(文檔流)中移除，盡管仍然保持部分的流動(dòng)性（與 絕對(duì)定位 相反）。

positon屬性：

靜態(tài)定位是默認(rèn)行為

相對(duì)定位是我們將要看的第一個(gè)位置類型。 它與靜態(tài)定位非常相似，占據(jù)在正常的文檔流中，除了你仍然可以修改它的最終位置，包括讓它與頁面上的其他元素重疊。

絕對(duì)定位的元素不再存在于正常文檔布局流中。相反，它坐在它自己的層獨(dú)立于一切。這是非常有用的：這意味著我們可以創(chuàng)建不干擾頁面上其他元素的位置的隔離的UI功能 。例如，彈出信息框和控制菜單；翻轉(zhuǎn)面板；可以在頁面上的任何地方拖放的UI功能……

固定定位：絕對(duì)定位固定元素是相對(duì)于 元素或其最近的定位祖先，而固定定位固定元素則是相對(duì)于瀏覽器視口本身。 這意味著您可以創(chuàng)建固定的有用的UI項(xiàng)目，如持久導(dǎo)航菜單。

閉包注意點(diǎn)

function count() {
    var arr = [];
    for (var i=1; i<=3; i++) {
        arr.push(function () {
            return I * I;
        });
    }
    return arr;
}

var results = count();
var f1 = results[0];
var f2 = results[1];
var f3 = results[2];

在上面的例子中，每次循環(huán)，都創(chuàng)建了一個(gè)新的函數(shù)，然后，把創(chuàng)建的3個(gè)函數(shù)都添加到一個(gè)Array中返回了。
你可能認(rèn)為調(diào)用f1()，f2()和f3()結(jié)果應(yīng)該是1，4，9，但實(shí)際結(jié)果是：

f1(); // 16
f2(); // 16
f3(); // 16

全部都是16！原因就在于返回的函數(shù)引用了變量i，但它并非立刻執(zhí)行。等到3個(gè)函數(shù)都返回時(shí)，它們所引用的變量i已經(jīng)變成了4，因此最終結(jié)果為16。
返回閉包時(shí)牢記的一點(diǎn)就是：返回函數(shù)不要引用任何循環(huán)變量，或者后續(xù)會(huì)發(fā)生變化的變量。
如果一定要引用循環(huán)變量怎么辦？方法是再創(chuàng)建一個(gè)函數(shù)，用該函數(shù)的參數(shù)綁定循環(huán)變量當(dāng)前的值，無論該循環(huán)變量后續(xù)如何更改，已綁定到函數(shù)參數(shù)的值不變：

function count() {
    var arr = [];
    for (var i=1; i<=3; i++) {
        arr.push((function (n) {
            return function () {
                return n * n;
            }
        })(i));
    }
    return arr;
}

var results = count();
var f1 = results[0];
var f2 = results[1];
var f3 = results[2];

f1(); // 1
f2(); // 4
f3(); // 9

JS事件委托

JavaScript事件代理：
當(dāng)我們需要對(duì)很多元素添加事件的時(shí)候，可以通過將事件添加到它們的父節(jié)點(diǎn)而將事件委托給父節(jié)點(diǎn)來觸發(fā)處理函數(shù)。這主要得益于瀏覽器的事件冒泡機(jī)制

Js高級(jí)程序上的定義：利用事件冒泡，只綁定一個(gè)函數(shù)就可以處理一類事件。
（思否的文章圖片不知道為什么老是莫名插入圖片失敗...后期正常后我會(huì)盡快添加，實(shí)在抱歉！）
實(shí)例：
Html

    

        
grandFather
        

            
father1
            

                
son1
            
        
        

            
father2
        
    

Js

// 事件代理
 grandFather.addEventListener("click", function(event){
            console.log("I am " + event.target.getAttribute("data-name"));
        },false);

事件代理的好處:

優(yōu)化性能

當(dāng)新元素綁添加進(jìn)來的時(shí)候不需要再次綁定事件，通過冒泡就可以觸發(fā)。

瀏覽器輸入url到頁面呈現(xiàn)出來發(fā)生了什么？

進(jìn)行地址解析

1. 解析出字符串地址中的主機(jī)，域名，端口號(hào)，參數(shù)等

根據(jù)解析出的域名進(jìn)行DNS解析

1. 首先在瀏覽器中查找DNS緩存中是否有對(duì)應(yīng)的IP地址，如果有就直接使用，沒有機(jī)執(zhí)行第二步
2. 在操作系統(tǒng)中查找DNS緩存是否有對(duì)應(yīng)的IP地址，如果有就直接使用，沒有就執(zhí)行第三步
3. 向本地DNS服務(wù)商發(fā)送請(qǐng)求查找時(shí)候有DNS對(duì)應(yīng)的ip地址。如果仍然沒有最后向Root Server服務(wù)商查詢。

根據(jù)查詢到的IP地址尋找目標(biāo)服務(wù)器

1. 與服務(wù)器建立連接
2. 進(jìn)入服務(wù)器，尋找對(duì)應(yīng)的請(qǐng)求

瀏覽器接收到響應(yīng)碼開始處理。

瀏覽器開始渲染DOM，下載CSS、圖片等一些資源。直到這次請(qǐng)求完成

清除浮動(dòng)

1.父級(jí)div定義 height
原理：父級(jí)div手動(dòng)定義height，就解決了父級(jí)div無法自動(dòng)獲取到高度的問題。
優(yōu)點(diǎn)：簡單、代碼少、容易掌握
缺點(diǎn)：只適合高度固定的布局，要給出精確的高度，如果高度和父級(jí)div不一樣時(shí)，會(huì)產(chǎn)生問題

2.父級(jí)div定義 overflow:hidden

原理：必須定義width或zoom:1，同時(shí)不能定義height，使用overflow:hidden時(shí)，瀏覽器會(huì)自動(dòng)檢查浮動(dòng)區(qū)域的高度
優(yōu)點(diǎn)：簡單、代碼少、瀏覽器支持好

3.結(jié)尾處加空div標(biāo)簽 clear:both
原理：添加一個(gè)空div，利用css提高的clear:both清除浮動(dòng)，讓父級(jí)div能自動(dòng)獲取到高度
優(yōu)點(diǎn)：簡單、代碼少、瀏覽器支持好、不容易出現(xiàn)怪問題
缺點(diǎn)：不少初學(xué)者不理解原理；如果頁面浮動(dòng)布局多，就要增加很多空div，讓人感覺很不好

    
111
    
222
    
333
    
444

請(qǐng)描述一下 cookies sessionStorage和localstorage區(qū)別

相同點(diǎn)：都存儲(chǔ)在客戶端
不同點(diǎn)：

   1. 存儲(chǔ)大小
       cookie數(shù)據(jù)大小不能超過4k。
       sessionStorage和localStorage 雖然也有存儲(chǔ)大小的限制，但比cookie大得多，可以達(dá)到5M或更大。
   2. 有效時(shí)間
       localStorage：存儲(chǔ)持久數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失除非主動(dòng)刪除數(shù)據(jù)；
       sessionStorage：數(shù)據(jù)在當(dāng)前瀏覽器窗口關(guān)閉后自動(dòng)刪除。
       cookie：設(shè)置的cookie過期時(shí)間之前一直有效，即使窗口或?yàn)g覽器關(guān)閉
   3. 數(shù)據(jù)與服務(wù)器之間的交互方式
       cookie的數(shù)據(jù)會(huì)自動(dòng)的傳遞到服務(wù)器，服務(wù)器端也可以寫cookie到客戶端
       sessionStorage和localStorage不會(huì)自動(dòng)把數(shù)據(jù)發(fā)給服務(wù)器，僅在本地保存。

計(jì)算一個(gè)數(shù)組arr所有元素的和

var sum = function(arr) {
    return arr.reduce(function (x, y) {
        return x + y;
    });
}
sum(arr)

編寫一個(gè)方法去掉數(shù)組里面的重復(fù)的內(nèi)容 var arr=[1,2,3,4,5,1,2,3]

方法一：filter() + indexOf()

function norepeat(arr){
    return arr.filter(function(val, index, array) {
        return array.indexOf(val)===index;
    });
}

方法二： ES6 Set

function norepeat(arr){
    return [new Set(arr)];
}

方法三：用sort() 然后相鄰比較也可以實(shí)現(xiàn)

document.write和innerHTML的區(qū)別

document.write是直接寫入到頁面的內(nèi)容流，如果在寫之前沒有調(diào)用document.open, 瀏覽器會(huì)自動(dòng)調(diào)用open。每次寫完關(guān)閉之后重新調(diào)用該函數(shù)，會(huì)導(dǎo)致頁面被重寫。

innerHTML則是DOM頁面元素的一個(gè)屬性，代表該元素的html內(nèi)容。你可以精確到某一個(gè)具體的元素來進(jìn)行更改。如果想修改document的內(nèi)容，則需要修改document.documentElement.innerElement。

Ajax

定義：
Asynchronous JavaScript + XML（異步JavaScript和XML）, 其本身不是一種新技術(shù)，而是一個(gè)在 2005年被Jesse James Garrett提出的新術(shù)語，用來描述一種使用現(xiàn)有技術(shù)集合的‘新’方法。包括: HTML or XHTML , Cascading Style Sheets , JavaScript , The Document Object Model , XML , XSLT , 以及最重要的 XMLHttpRequest object 。當(dāng)使用結(jié)合了這些技術(shù)的AJAX模型以后， 網(wǎng)頁應(yīng)用能夠快速地將增量更新呈現(xiàn)在用戶界面上，而不需要重載（刷新）整個(gè)頁面。這使得程序能夠更快地回應(yīng)用戶的操作。
盡管X在Ajax中代表XML, 但由于 JSON 的許多優(yōu)勢(shì)，比如更加輕量以及作為Javascript的一部分，目前JSON的使用比XML更加普遍。JSON和XML都被用于在Ajax模型中打包信息。

原理：
（思否的文章圖片不知道為什么老是莫名插入圖片失敗...后期正常后我會(huì)盡快添加，實(shí)在抱歉！））

步驟：

第一步，創(chuàng)建xmlhttprequest對(duì)象，var xmlhttp =new XMLHttpRequest（);XMLHttpRequest對(duì)象用來和服務(wù)器交換數(shù)據(jù)。

varxhttp;
if(window.XMLHttpRequest) {
//現(xiàn)代主流瀏覽器
xhttp = newXMLHttpRequest();
} else{
// 針對(duì)瀏覽器，比如IE5或IE6
xhttp = newActiveXObject("Microsoft.XMLHTTP");
}

第二步，使用xmlhttprequest對(duì)象的open（）和send（）方法發(fā)送資源請(qǐng)求給服務(wù)器。

xmlhttp.open(method,url,async)：
    method包括get 和post，
    url主要是文件或資源的路徑，
    async參數(shù)為true(代表異步)或者false（代表同步）
xhttp.send()：使用get方法發(fā)送請(qǐng)求到服務(wù)器。
xhttp.send(string)：使用post方法發(fā)送請(qǐng)求到服務(wù)器。

第三步，使用xmlhttprequest對(duì)象的responseText或responseXML屬性獲得服務(wù)器的響應(yīng)。

第四步，onreadystatechange函數(shù)，當(dāng)發(fā)送請(qǐng)求到服務(wù)器，我們想要服務(wù)器響應(yīng)執(zhí)行一些功能就需要使用onreadystatechange函數(shù)，每次xmlhttprequest對(duì)象的readyState發(fā)生改變都會(huì)觸發(fā)onreadystatechange函數(shù)

實(shí)例：
```javascript
function loadXMLDoc()
{
    //    第一步
    var xmlhttp;
    if (window.XMLHttpRequest)
    {
        //  IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執(zhí)行代碼
        xmlhttp=new XMLHttpRequest();
    }
    else
    {
        // IE6, IE5 瀏覽器執(zhí)行代碼
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    //    第四步
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
    //    第三步    
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
    }
    //    第二步
    xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);
    xmlhttp.send();
}
```

XML和JSON的區(qū)別

JSON相對(duì)于XML來講，數(shù)據(jù)的體積小，傳遞的速度更快些
JSON與JavaScript的交互更加方便，更容易解析處理，更好的數(shù)據(jù)交互
XML對(duì)數(shù)據(jù)描述性比較好；
JSON的速度要遠(yuǎn)遠(yuǎn)快于XML

box-sizing常用的屬性有哪些？分別有什么作用？

content-box（默認(rèn)）：width即內(nèi)容顯示部分的寬度，width = content
border-box：即為元素在設(shè)置內(nèi)邊距和邊框是在已經(jīng)設(shè)定好的寬度和高度之內(nèi)進(jìn)行繪制，width = margin + border + padding + content

css選擇器有哪些，選擇器的權(quán)重的優(yōu)先級(jí)

選擇器類型

1、ID　　#id
2、class　　.class
3、標(biāo)簽　　p
4、通用　　*
5、屬性　　[type="text"]
6、偽類　　:hover
7、偽元素　　::first-line
8、子選擇器、相鄰選擇器

權(quán)重計(jì)算規(guī)則

1、第一等：代表內(nèi)聯(lián)樣式，如: style=””，權(quán)值為1000。
2、第二等：代表ID選擇器，如：#content，權(quán)值為0100。
3、第三等：代表類，偽類和屬性選擇器，如.content，權(quán)值為0010。
4、第四等：代表類型選擇器和偽元素選擇器，如div p，權(quán)值為0001。
5、通配符、子選擇器、相鄰選擇器等的。如*、>、+,權(quán)值為0000。
6、繼承的樣式?jīng)]有權(quán)值。

塊級(jí)元素水平垂直居中的方法有哪些（三個(gè)方法）

方法一：負(fù)margin

.mycss{
    width: 300px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -150px;
}

方法二：利用CSS的margin設(shè)置為auto讓瀏覽器自己幫我們水平和垂直居中

.mycss{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 200px;
    width: 300px;
}

方法三：彈性盒子

.mycss{
    display: flex;
    align-item: center;
    justify-content: center;
}

三個(gè)盒子，左右定寬，中間自適應(yīng)有幾種方法

第一種：左右側(cè)采用浮動(dòng) 中間采用margin-left 和 margin-right 方法。

    
這是右側(cè)的內(nèi)容 固定寬度
    
這是左側(cè)的內(nèi)容 固定寬度
    
中間內(nèi)容，自適應(yīng)寬度
    

第二種：左右兩側(cè)采用絕對(duì)定位中間同樣采用margin-left margin-right方法

第三種：用彈性布局flex:

js有幾種數(shù)據(jù)類型，其中基本數(shù)據(jù)類型有哪些
5種基本類型:Undefined、Null、Boolean、Number和String。
還有1種復(fù)雜的數(shù)據(jù)類型：Object。Object本質(zhì)上是由一組無序的名值對(duì)組成的。

undefined 和 null 區(qū)別

javaScript權(quán)威指南：
null 和 undefined 都表示“值的空缺”，你可以認(rèn)為undefined是表示系統(tǒng)級(jí)的、出乎意料的或類似錯(cuò)誤的值的空缺，而null是表示程序級(jí)的、正常的或在意料之中的值的空缺。

javaScript高級(jí)程序設(shè)計(jì)：
在使用var聲明變量但未對(duì)其加以初始化時(shí)，這個(gè)變量的值就是undefined。  null值則是表示空對(duì)象指針。

http 和 https 有何區(qū)別？如何靈活使用？
http是HTTP協(xié)議運(yùn)行在TCP之上。所有傳輸?shù)膬?nèi)容都是明文，客戶端和服務(wù)器端都無法驗(yàn)證對(duì)方的身份。

https是HTTP運(yùn)行在SSL/TLS之上，SSL/TLS運(yùn)行在TCP之上。所有傳輸?shù)膬?nèi)容都經(jīng)過加密，加密采用對(duì)稱加密，但對(duì)稱加密的密鑰用服務(wù)器方的證書進(jìn)行了非對(duì)稱加密。此外客戶端可以驗(yàn)證服務(wù)器端的身份，如果配置了客戶端驗(yàn)證，服務(wù)器方也可以驗(yàn)證客戶端的身份

常見的HTTP狀態(tài)碼

2開頭 （請(qǐng)求成功）表示成功處理了請(qǐng)求的狀態(tài)代碼。

3開頭 （請(qǐng)求被重定向）表示要完成請(qǐng)求，需要進(jìn)一步操作。 通常，這些狀態(tài)代碼用來重定向。

4開頭 （請(qǐng)求錯(cuò)誤）這些狀態(tài)代碼表示請(qǐng)求可能出錯(cuò)，妨礙了服務(wù)器的處理。

5開頭（服務(wù)器錯(cuò)誤）這些狀態(tài)代碼表示服務(wù)器在嘗試處理請(qǐng)求時(shí)發(fā)生內(nèi)部錯(cuò)誤。 這些錯(cuò)誤可能是服務(wù)器本身的錯(cuò)誤，而不是請(qǐng)求出錯(cuò)。

如何進(jìn)行網(wǎng)站性能優(yōu)化

從用戶角度而言，優(yōu)化能夠讓頁面加載得更快、對(duì)用戶的操作響應(yīng)得更及時(shí)，能夠給用戶提供更為友好的體驗(yàn)。

從服務(wù)商角度而言，優(yōu)化能夠減少頁面請(qǐng)求數(shù)、或者減小請(qǐng)求所占帶寬，能夠節(jié)省可觀的資源。

　　總之，恰當(dāng)?shù)膬?yōu)化不僅能夠改善站點(diǎn)的用戶體驗(yàn)并且能夠節(jié)省相當(dāng)?shù)馁Y源利用。
　　前端優(yōu)化的途徑有很多，按粒度大致可以分為兩類，第一類是頁面級(jí)別的優(yōu)化，例如 HTTP請(qǐng)求數(shù)、腳本的無阻塞加載、內(nèi)聯(lián)腳本的位置優(yōu)化等 ;第二類則是代碼級(jí)別的優(yōu)化，例如 Javascript中的DOM 操作優(yōu)化、CSS選擇符優(yōu)化、圖片優(yōu)化以及 HTML結(jié)構(gòu)優(yōu)化等等。另外，本著提高投入產(chǎn)出比的目的，后文提到的各種優(yōu)化策略大致按照投入產(chǎn)出比從大到小的順序排列。
　　
　　
    **頁面級(jí)優(yōu)化**
        1. ~JavaScript 壓縮和模塊打包~
        2. ~按需加載資源~
        3. 在使用 DOM 操作庫時(shí)用上 array-ids
        4. ~緩存~
        5. 啟用 HTTP/2
        6. 應(yīng)用性能分析
        7. ~使用負(fù)載均衡方案~
        8. 為了更快的啟動(dòng)時(shí)間考慮一下同構(gòu)
        9. ~使用索引加速數(shù)據(jù)庫查詢~
        10. 使用更快的轉(zhuǎn)譯方案
        11. 避免或最小化 JavaScript 和 CSS 的使用而阻塞渲染
        12. 用于未來的一個(gè)建議：使用 service workers + 流
        13. ~圖片編碼優(yōu)化~ 

什么是mvvm mvc是什么區(qū)別 原理
MVC（Model-View-Controller）即模型-視圖-控制器。
Model（模型）：
是應(yīng)用程序中用于處理應(yīng)用程序數(shù)據(jù)邏輯的部分。通常模型對(duì)象負(fù)責(zé)在數(shù)據(jù)庫中存取數(shù)據(jù)。

Model定義了這個(gè)模塊的數(shù)據(jù)模型。在代碼中體現(xiàn)為數(shù)據(jù)管理者，Model負(fù)責(zé)對(duì)數(shù)據(jù)進(jìn)行獲取及存放。
數(shù)據(jù)不可能憑空生成的，要么是從服務(wù)器上面獲取到的數(shù)據(jù)，要么是本地?cái)?shù)據(jù)庫中的數(shù)據(jù)，也有可能是用戶在UI上填寫的表單即將上傳到服務(wù)器上面存放，所以需要有數(shù)據(jù)來源。既然Model是數(shù)據(jù)管理者，則自然由它來負(fù)責(zé)獲取數(shù)據(jù)。
Controller不需要關(guān)心Model是如何拿到數(shù)據(jù)的，只管調(diào)用就行了。
數(shù)據(jù)存放的地方是在Model，而使用數(shù)據(jù)的地方是在Controller，
所以Model應(yīng)該提供接口供controller訪問其存放的數(shù)據(jù)（通常通過.h里面的只讀屬性）

View（視圖）：
是應(yīng)用程序中處理數(shù)據(jù)顯示的部分。通常視圖是依據(jù)模型數(shù)據(jù)創(chuàng)建的。

View，視圖，簡單來說，就是我們?cè)诮缑嫔峡匆姷囊磺小?它們有一部分是我們UI定死的，也就是不會(huì)根據(jù)數(shù)據(jù)來更新顯示的， 比如一些Logo圖片啊，這里有個(gè)按鈕啊，那里有個(gè)輸入框啊，一些顯示特定內(nèi)容的label啊等等； 有一部分是會(huì)根據(jù)數(shù)據(jù)來顯示內(nèi)容的，比如tableView來顯示好友列表啊， 這個(gè)tableView的顯示內(nèi)容肯定是根據(jù)數(shù)據(jù)來顯示的。 我們使用MVC解決問題的時(shí)候，通常是解決這些根據(jù)數(shù)據(jù)來顯示內(nèi)容的視圖。

Controller（控制器）：是應(yīng)用程序中處理用戶交互的部分。通常控制器負(fù)責(zé)從視圖讀取數(shù)據(jù)，控制用戶輸入，并向模型發(fā)送數(shù)據(jù)。

Controller是MVC中的數(shù)據(jù)和視圖的協(xié)調(diào)者，也就是在Controller里面把Model的數(shù)據(jù)賦值給View來顯示（或者是View接收用戶輸入的數(shù)據(jù)然后由Controller把這些數(shù)據(jù)傳給Model來保存到本地或者上傳到
服務(wù)器）。

各部分之間的通信方式如下，所有通訊都是單向的 。

    1. View 傳送指令到 Controller
    2. Controller 完成業(yè)務(wù)邏輯后，要求 Model 改變狀態(tài)
    3. Model 將新的數(shù)據(jù)發(fā)送到 View，用戶得到反饋

推薦閱讀：
2019年前端面試題-01
2019年前端面試題-02
2019年前端面試題-03
2019年前端筆試題

我是Cloudy，年輕的前端攻城獅一枚，愛專研，愛技術(shù)，愛分享。 
個(gè)人筆記，整理不易，感謝閱讀、點(diǎn)贊和收藏。
文章有任何問題歡迎大家指出，也歡迎大家一起交流前端各種問題！