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

vue深入學習 2021-09-18 09:45:27 阅读数:469

20200409- 前端 一面 html 常用

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

[](

)消除浮動


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

優點:通俗易懂,書寫方便。(不推薦使用)

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

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

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

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

優點:代碼簡潔(慎重使用,若該父盒子裏還有position定比特會引起麻煩)

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

注意:別加錯比特置,是給父親加(並不是所有的浮動都需要清除,誰影響布局,才清除誰。)

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

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

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

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

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

4.使用before和after雙偽元素清除浮動:(較常用)

20200409-美團前端實習 一面凉經,html的介紹及常用標簽_程序員_04

注意:是給父親添加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開源項目:【大廠前端面試題解析+核心總結學習筆記+真實項目實戰+最新講解視頻】

20200409-美團前端實習 一面凉經,html的介紹及常用標簽_程序員_05

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

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

動態交互:JavaScript基礎的學習

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

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

版权声明:本文为[vue深入學習]所创,转载请带上原文链接,感谢。 https://gsmany.com/2021/09/20210918094527224r.html