自己平時(shí)收集的題目，有可能存在一些小問題，歡迎大家參考提意見，喜歡的可以點(diǎn)贊關(guān)注，謝謝！
1、CSS3實(shí)現(xiàn)一個(gè)扇形
思路跟畫實(shí)體三角形一個(gè)道理,只不過多了一個(gè)圓角屬性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>扇形</title>
<style>
.sector {
width: 0;
height: 0;
border-width: 50px;
border-style: solid;
border-color: #f00 transparent transparent;
border-radius: 50px;
}
</style>
</head>
<body>
<div class="sector"></div>
</body>
</html>
2、 box-sizing常用的屬性有哪些? 分別有啥作用?
box-sizing有兩個(gè)值:content-box(W3C標(biāo)準(zhǔn)盒模型),border-box(怪異模型),這個(gè)css 主要是改變盒子模型大小的計(jì)算形式可能有人會(huì)問padding-box,這個(gè)之前只有 Firefox 標(biāo)準(zhǔn)實(shí)現(xiàn)了,目前50+的版本已經(jīng)廢除;用一個(gè)栗子來舉例,一個(gè)div的寬高分別100px,border為5px,padding為5px
<style>
.test {
box-sizing: content-box;
border: 5px solid #f00;
padding:5px;
width: 100px;
height: 100px;
}
</style>
<div class="test"></div>
<!--
content-box的計(jì)算公式會(huì)把寬高的定義指向 content,border和 padding 另外計(jì)算,
也就是說 content + padding + border = 120px(盒子實(shí)際大小),而border-box的計(jì)算公式是總的大小涵蓋這三者, content 會(huì)縮小,來讓給另外兩者
content(80px) + padding(5*2px) + border(5*2px) = 100px
-->
3、JS有幾種數(shù)據(jù)類型,其中基本數(shù)據(jù)類型有哪些
七種數(shù)據(jù)類型
- Boolean
- Null
- Undefined
- Number
- String
- Symbol (ECMAScript 6 新定義)
- Object
(ES6之前)其中5種為基本類型:string,number,boolean,null,undefined,ES6出來的Symbol也是原始數(shù)據(jù)類型 ，表示獨(dú)一無二的值,Object 為引用類型(范圍挺大),也包括數(shù)組、函數(shù),
4、 null和undefined的差異
大體說一下,想要知其所以然請引擎搜索
相同點(diǎn):
在 if判斷語句中,值都默認(rèn)為 false
大體上兩者都是代表無,具體看差異
差異:
null轉(zhuǎn)為數(shù)字類型值為0,而undefined轉(zhuǎn)為數(shù)字類型為 NaN(Not a Number)
undefined是代表調(diào)用一個(gè)值而該值卻沒有賦值,這時(shí)候默認(rèn)則為undefined
null是一個(gè)很特殊的對象,最為常見的一個(gè)用法就是作為參數(shù)傳入(說明該參數(shù)不是對象)
設(shè)置為null的變量或者對象會(huì)被內(nèi)存收集器回收
