20200409-美團前端實習 一面凉經，html的介紹及常用標簽

3、塊級元素最具有代錶性的就是div，其餘的有p、h1~h6、table、ul、li、ol、等等以及H5新增的屬性header、section、aside、footer等等。

[](

)消除浮動

1.額外標簽法：給誰清除浮動，就在其後額外添加一個空白標簽 。

優點：通俗易懂，書寫方便。（不推薦使用）

缺點：添加許多無意義的標簽，結構化比較差。

給元素small清除浮動（在small後添加一個空白標簽clear(類名可以隨意），設置clear:both;即可）

2.父級添加overflow方法：可以通過觸發BFC的方式，實現清楚浮動效果。

優點：代碼簡潔（慎重使用，若該父盒子裏還有position定比特會引起麻煩）

缺點：內容增多時候容易造成不會自動換行導致內容被隱藏掉，無法顯示需要溢出的元素。

注意：別加錯比特置，是給父親加（並不是所有的浮動都需要清除，誰影響布局，才清除誰。）

3.使用after偽元素清除浮動：：after方式為空元素的昇級版，好處是不用單獨加標簽了。（較常用）

優點：符合閉合浮動思想，結構語義化正確

缺點：由於IE6-7不支持：after，使用zoom：1，觸發hasLayout。

注意：這個也是給父親添加 clearfix

4.使用before和after雙偽元素清除浮動：（較常用）

注意：是給父親添加clearfix

[](

)js基本變量

number、string、boolean、symbol、undefined、null

[](

)節流防抖

前幾天剛看了orz，有點思路但是不嚴謹

[ https://blog.csdn.net/mus123/article/details/105333431](

)

[](

)ajax

function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML =
this.responseText;
}
};
xhttp.open("GET", "/example/js/ajax_info.txt", true);
xhttp.send();
}


1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.

[](

)跨域（cors和jsonp）為什麼？（同源策略）

[ https://blog.csdn.net/mus123/article/details/105262096](

)

[](

)原型鏈繼承

[ https://blog.csdn.net/mus123/article/details/105412287](

)

[](

)let、const、var

變量提昇、塊作用域、暫時性死區、同名變量、const固定

[ https://www.cnblogs.com/zhaoxiaoying/p/9031890.html](

)

基礎學習：

前端最基礎的就是 HTML , CSS 和 JavaScript 。

網頁設計：HTML和CSS基礎知識的學習

HTML是網頁內容的載體。內容就是網頁制作者放在頁面上想要讓用戶瀏覽的信息，可以包含文字、圖片、視頻等。

 CodeChina開源項目：【大廠前端面試題解析+核心總結學習筆記+真實項目實戰+最新講解視頻】

CSS樣式是錶現。就像網頁的外衣。比如，標題字體、顏色變化，或為標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之為錶現。

動態交互：JavaScript基礎的學習

JavaScript是用來實現網頁上的特效效果。如：鼠標滑過彈出下拉菜單。或鼠標滑過錶格的背景顏色改變。還有焦點新聞（新聞圖片）的輪換。可以這麼理解，有動畫的，有交互的一般都是用JavaScript來實現的。