資訊專欄INFORMATION COLUMN
摘要：在布局規(guī)則中提到計算的高度時，浮動元素也參與計算。因此，父元素在計算其高度時，加入了浮動元素的高度，順便達成了清除浮動的目標(biāo)，所以父元素就包裹住了子元素。
前端面試?？贾R點---js
1.CSS3的新特性有哪些點我查看
CSS3選擇器 .
CSS3邊框與圓角
CSS3圓角border-radius:
屬性值由兩個參數(shù)值構(gòu)成: value1 / value2，值之間用/分隔，value1代表圓角的水平半徑，value2代表圓角的垂直半徑
盒陰影box-shadow:
語法：box-shadow: 水平方向的偏移量 垂直方向的偏移量 模糊程度 擴展程度 顏色 是否具有內(nèi)陰影
CSS3背景與漸變
重要的幾個：
background-image語法：backgroundimage:url("1.jpg),url("2.jpg")background-origin
定義：設(shè)置背景圖像的原始起始位置 語法：background-origin：border-box / padding-box / content-box(背景圖片坐標(biāo)原點與這三個有關(guān)系)background-repeat
定義：設(shè)置是否及如何重復(fù)背景圖像，默認(rèn)地，背景圖像在水平和垂直方向上重復(fù)。background-size
定義：指定背景圖像的大小 語法：background-size：number / % / cover / contain
太多了，本寶寶休息一下再寫
CSS3過渡
CSS3變換
CSS3動畫
2.flex這篇講的很全
簡單易懂
一方面是在父容器的幾個屬性，另一些就是子元素的屬性
父：
* flex-direction 子元素排列方向
* flex-wrap 如果一條軸線排不下，如何換行
* flex-flow flex-direction屬性和flex-wrap屬性的簡寫形式
* justify-content 在主軸上的對齊方式
* align-items 在交叉軸上如何對齊
* align-content 多根軸線的對齊方式
子：
* order
* flex-grow
* flex-shrink
* flex-basis
* flex
* align-self
3.BFC
盒模型和BFC
內(nèi)部的box會在垂直方向，一個接一個的放置
每個元素的margin box的左邊，與包含塊border box的左邊相接觸（對于從做往右的格式化，否則相反）
box垂直方向的距離由margin決定，屬于同一個bfc的兩個相鄰box的margin會發(fā)生重疊
bfc的區(qū)域不會與浮動區(qū)域的box重疊
bfc是一個頁面上的獨立的容器，外面的元素不會影響bfc里的元素，反過來，里面的也不會影響外面的
計算bfc高度的時候，浮動元素也會參與計算
怎么創(chuàng)建bfc
float屬性不為none（脫離文檔流）
position為absolute或fixed
display為inline-block,table-cell,table-caption,flex,inine-flex
overflow不為visible
根元素
應(yīng)用場景
自適應(yīng)兩欄布局
清除內(nèi)部浮動
防止垂直margin重疊
為什么overflow:hidden可以消除margin合并？
我們首先要搞清楚為什么會發(fā)生margin合并。這些元素（包括兄弟、父子元素等）之間之所以會發(fā)生margin合并，是因為它們屬于同一個BFC。所以，我們就知道怎么辦了，只要讓它們不屬于同一個BFC不就可以了？通過overflow:hidden創(chuàng)建了一個BFC為什么overflow:hidden可以清除浮動的影響？
當(dāng)給.parent設(shè)置"overflow:hidden"時，實際上創(chuàng)建了一個超級屬性BFC，此超級屬性反過來決定了"height:auto"是如何計算的。在“BFC布局規(guī)則”中提到：計算BFC的高度時，浮動元素也參與計算。因此，父元素在計算其高度時，加入了浮動元素的高度，“順便”達成了清除浮動的目標(biāo)，所以父元素就包裹住了子元素。
為什么overflow:hidden...
link、import、require的區(qū)別
import和require
require是運行時調(diào)用，所以require理論上可以運用在代碼的任何地方
import是編譯時調(diào)用，所以必須放在文件開頭
link和import
當(dāng)一個頁面被加載的時候（就是被瀏覽者瀏覽的時候），link引用的CSS會同時被加載，而@import引用的CSS會等到頁面全部被下載完再加載。所以有時候瀏覽@import加載CSS的頁面時會沒有樣式（就是閃爍），網(wǎng)速慢的時候還挺明顯。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/114364.html
摘要：事件通常與函數(shù)配合使用，當(dāng)事件發(fā)生時函數(shù)才會執(zhí)行。的事件流是事件捕獲流，事件由根元素獲取并沿樹向下分發(fā)。通過添加事件，只能用刪除此事件。這主要得益于瀏覽器的事件冒泡機制。 簡介 事件是可以被 JavaScript 偵測到的行為。 網(wǎng)頁中的每個元素都可以產(chǎn)生某些可以觸發(fā) JavaScript 函數(shù)或程序的事件。 事件通常與函數(shù)配合使用，當(dāng)事件發(fā)生時函數(shù)才會執(zhí)行。 執(zhí)行JS 事件的方式： ...
摘要：事件通常與函數(shù)配合使用，當(dāng)事件發(fā)生時函數(shù)才會執(zhí)行。的事件流是事件捕獲流，事件由根元素獲取并沿樹向下分發(fā)。通過添加事件，只能用刪除此事件。這主要得益于瀏覽器的事件冒泡機制。 簡介 事件是可以被 JavaScript 偵測到的行為。 網(wǎng)頁中的每個元素都可以產(chǎn)生某些可以觸發(fā) JavaScript 函數(shù)或程序的事件。 事件通常與函數(shù)配合使用，當(dāng)事件發(fā)生時函數(shù)才會執(zhí)行。 執(zhí)行JS 事件的方式： ...
摘要：上面實現(xiàn)了遞歸調(diào)用，這樣做的好處是在前一個定時器代碼執(zhí)行完成之前，不會向隊列插入新的定時代碼，確保不會有任何的缺失間隔。而且，它保證在下一次定時器代碼執(zhí)行之前，至少要等待指定的時間間隔。 1.同步和異步 詳細～文章總結(jié)： setTimeout(fn,ms)這個函數(shù)，是經(jīng)過指定時間后，把要執(zhí)行的任務(wù)加入到Event Queue中，又因為是單線程任務(wù)要一個一個執(zhí)行，如果前面的任務(wù)需要的時間...
摘要：前言秋招宣告結(jié)束，面試了接近家公司，有幸拿到，感謝這段時間一起找工作面試的朋友和陪伴我的人。一定要提前準(zhǔn)備好，不然面試官叫你說遇到的難點，或者直接問問題時可能會懵逼。 前言 秋招宣告結(jié)束，面試了接近20家公司，有幸拿到offer，感謝這段時間一起找工作面試的朋友和陪伴我的人。這是一段難忘的經(jīng)歷，相信不亞于當(dāng)年的高考吧，也許現(xiàn)在想起來高考不算什么，也許只有經(jīng)歷過秋招的人才懂得找工作的艱辛...
閱讀 2511·2021-11-22 09:34
閱讀 3130·2021-10-25 09:43
閱讀 2045·2021-10-11 10:59
閱讀 3460·2021-09-22 15:13
閱讀 2380·2021-09-04 16:40
閱讀 464·2019-08-30 15:53
閱讀 3247·2019-08-30 11:13
閱讀 2653·2019-08-29 17:30
