相同點:都可以對css樣式進行外部引用。
不同點:
rel=
'stylesheet'
type
='text/css'
href
='./test.css'
>
"text/css"
>
@import
url(
'./test.css');
<
/style>
規定了元素以何種方式展示。該屬性不支援繼承。
block 該元素顯示為塊級元素
inline-block 行內塊,結合了inline和block的特點
table 作為塊級**來顯示,解決了需要使用**特性不需要**語義的情況。但此時沒法設定padding
inherit 規定從父元素繼承display的值
關於繼承
關於計數:比如有序列表中
bfc是塊級格式化上下文,是web頁面的視覺化css渲染出的一部分內容。
bfc建立條件:
bfc約束規則:
bfc的應用:
class
="container"
>
class
="content"
>
div>
class
="footer"
>
div>
div>
.container
.content
.footer
class
="container"
>
class
="content"
>
div>
div>
class
="footer"
>
div>
.container
.content
.footer
都是用於對外部資源的引入。
物理畫素與邏輯畫素
響應式布局
實現在不同螢幕解析度的終端上瀏覽網頁的不通過展示方式。
name
='viewport'
content
='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'
>
作用都是使使用者不能更改表單域中的內容,使元素成為不可用的狀態。
區別:
class
="container"
>
class
="left"
>
leftdiv
>
class
="center"
>
centerdiv
>
class
="right"
>
rightdiv
>
div>
.container
.left, .right
.center
.container
.left, .right
.left
.right
.center
class
="container"
>
class
="left"
>
leftdiv
>
class
="right"
>
rightdiv
>
class
="center"
>
centerdiv
>
div>
.left, .right
.left
.right
.center
class
="container"
>
class
="center col"
>
class
="center-wrap"
>
centerdiv
>
div>
class
="left col"
>
leftdiv
>
class
="right col"
>
rightdiv
>
div>
.col
.left, .right
.left
.right
.center
.center-wrap
相同點:
不同點:
object.
flatten
=function
(obj)
;function
recurse
(src, prop)
if(isempty && prop);}
}else
if(tostring.
call
(src)
=='[object array]'))
}else
}else
}recurse
(obj,'')
;return result;
}
秋招前端面經總結 5
為了使瀏覽器改變路由的同時不會向後端發出請求,支援以下兩種模式 history 利用html5 history 中新增的pushstate 和popstate 對歷史記錄進行修改 區別 接收函式作為引數的函式或者是返回值為函式的稱為高階函式。js中常用的高階函式 array.prototype.ma...
秋招前端面經總結 3 計算機網路相關
http 超文字傳輸協議,是建立在tcp之上的一種無狀態協議。大致工作流程為 http請求 由請求行 請求頭 空行 請求體組成。常用的請求方法 post 向指定資源提交資料進行處理,可能會導致新的資源建立或已有資源的修改 head 類似於get請求,只不過返回的響應中沒有響應體,用於獲取響應頭 pu...
2020秋招面經總結
本碩均為機電專業相關,比賽和專案也是軟硬體結合,個人軟開背景中學已經學過pascal和資料結構與演算法,大學本科除了c語言和微機原理基本沒學過cs相關課程,研究生才把作業系統 組原以及計算機網路補上,順便補了個c 抽空玩linux,秋招前3個月開始刷題 牛客300,力扣350 第一目標崗位 嵌入式軟...