資訊專欄INFORMATION COLUMN
摘要：室友同為前端開發，最近在他找工作的時候，討論到了常見的前端筆試題和面試題，今天就來總結一下之前校招和社招時頻繁遇到的面試題。合并后的外邊距的高度取外邊距高度中的較大者。
室友同為前端開發，最近在他找工作的時候，討論到了常見的前端筆試題和面試題，今天就來總結一下之前校招和社招時頻繁遇到的面試題。
iframe 有哪些缺點?頁面看起來較雜亂，不易管理，布局不佳，易分散用戶注意力
搜索引擎的檢索程序無法解讀這種頁面，不利于SEO
移動設備兼容性差
會增加http請求，對服務器造成負擔
會阻塞主頁面的Onload事件
和主頁面共享連接池，而瀏覽器對相同域的連接有限制，所以會影響頁面并行加載
cookie和localStorage、seesionStorage的區別是什么？共同點是都保存在瀏覽器端，區別如下：
cookies是為了標識用戶身份而存儲在本地的數據，會隨http請求一同發送到服務器，而localStorage和sessionStorage僅在本地保存，不會自動把數據發給服務器
cookie保存的數據不超過4k，而localStorage和sessionStorage保存的數據可達到5M
cookie在過期之前一直有效，即使窗口或者瀏覽器關閉。localStorage始終有效，窗口和瀏覽器關閉也一直保存，用作長久數據保存，sessionStorage僅在瀏覽器窗口關閉之前有效。
cookie數據在所有同源窗口都共享。localStorage也是在所有同源窗口都共享，而sessionStorage不在不同的瀏覽器共享，即使同一頁面
多個標簽頁如何實現通信？localStorage：在window全局對象上添加監聽事件 window.onstorage = (e) => { console.log(e); }
webSocket協議
SharedWorker：webWorker只針對當前頁面，而SharedWorker則是多個標簽共享的worker
HTML5如何實現文件離線儲存？在head中加入manifest屬性，它會請求manifest文件，第一次訪問時，瀏覽器會根據manifest文件的內容下載相應的資源，并進行離線存儲。如果已經訪問過并且資源已經離線存儲了，那么瀏覽器就會使用離線的資源加載頁面。
實現不使用 border 畫出 1px 高的線為了在不同瀏覽器的標準模式與怪異模式下都能保持一致，可用以下方法：
1、使用div
2、使用hr，不建議直接使用size屬性，因為新的標準里已經廢棄直接使用標準的方式
如何實現垂直居中？
絕對定位：
main {
position: absolute;
top: 50%;
left: 50%;
transform: translate( -50%, -50% );
}
flexbox布局：
display: flex, justify-content: center, align-items: center
box布局:
box-align: center; box-pack: center什么是標準模式和怪異模式？如何應對？
標準模式又稱嚴格模式，瀏覽器使用 W3C 的標準解析渲染頁面
怪異模式又稱混雜模式，瀏覽器都按照自己的方式解析渲染頁面，在不同的瀏覽器網頁會顯示不同的樣式
最好的方法就是添加了文檔類型聲明，比如，瀏覽器會用W3C的標準來渲染網頁
如何解決兩個元素的重疊問題(外邊距合并)？外邊距合并(疊加)：當兩個垂直(不包含水平)外邊距相遇時，它們將形成一個外邊距。合并后的外邊距的高度取外邊距高度中的較大者。
一上一下會合并；
一內一外也會合并；
自身(沒有邊框或填充時)的margin-top和margin-bottom也會合并
方法：可以用BFC的方式解決，所謂的BFC就是css布局的一個概念，是一塊區域，一個環境。
margin穿透：可以將父級元素設置為一個獨立的BFC，子級元素的margin值就不會溢出父級，我們這里對父級元素應用樣式overflow: hidden
margin重疊：也就是兩個平級的元素發生重疊的情形，我們可以將兩個div套上一個BFC的外殼，這樣兩個BFC的內部元素就不會互相影響了
在頁面上實現一個圓形的可點擊區域SVG方式：同理類似的用的方式也可以
CSS方式：border-radius: 50%
JS方式：先繪制一個正方形，js檢測鼠標位置是否在圓上
常見的SEO方法有哪些？頁面布局， 重要的東西要提前。
文章關鍵詞的分布（ 在面包屑以及側邊欄適當的調用文章標題來提高關鍵詞密度）
文章內容可以在源碼中寫在側邊欄的前面， 之后用float: right浮動到右邊即可
圖片處理（ 圖片做壓縮， 調用圖片用div + css來調用， 同時添加alt屬性。）
圖片添加alt屬性，（ 搜索引擎蜘蛛無法抓取圖片內容）
頁面的大小控制
將腳本放在底部
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/106716.html
摘要：室友同為前端開發，最近在他找工作的時候，討論到了常見的前端筆試題和面試題，今天就來總結一下之前校招和社招時頻繁遇到的面試題。合并后的外邊距的高度取外邊距高度中的較大者。 室友同為前端開發，最近在他找工作的時候，討論到了常見的前端筆試題和面試題，今天就來總結一下之前校招和社招時頻繁遇到的面試題。 iframe 有哪些缺點? 頁面看起來較雜亂，不易管理，布局不佳，易分散用戶注意力 搜索引...
摘要：特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。 特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。 本以為自己收藏的站點多，可以很快搞定，沒想到一入匯總深似海。還有很多不足&遺漏的地方，歡迎補充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應和斧正，會及時更新，平時業務工作時也會不定期更...
閱讀 2755·2019-08-30 15:53
閱讀 521·2019-08-29 17:22
閱讀 1040·2019-08-29 13:10
閱讀 2307·2019-08-26 13:45
閱讀 2751·2019-08-26 10:46
閱讀 3202·2019-08-26 10:45
閱讀 2504·2019-08-26 10:14
閱讀 467·2019-08-23 18:23
