Boolean([]); //true
Number([]); //0
Number({}); // NaN
Number(false); //0
第一題
布爾類型是Boolean([]) //true
PS:在布爾類型里只有這幾參數(shù)個返回false俏脊，其它都為true
- Boolean(undefined) // false
- Boolean(null) // false
- Boolean(0) // false
- Boolean(NaN) // false
- Boolean('') // false
第二題，第三題
布爾類型與其它任何類型進行比較褒搔，布爾類型將會轉(zhuǎn)換為number類型吗蚌。
Number([])返回0所以第二題為true
Number轉(zhuǎn)換類型的參數(shù)如果為對象返回的就是NaN,
那么Number({})返回的就是NaN永票。
通過Object.prototype.toString.call({})來判斷類型奖慌，0與NaN相比為false
所以
console.log(([])?true:fasle);// => console.log((true)?true:false);
console.log([]==false?true:false); // => console.log(0==0?true:false);
console.log(({}==false)?true:false); // => console.log((NaN==0)?true:false);
2、①行內(nèi)元素有：<a> <b> <span> <img> <input> <select> <strong>
②塊級元素有：<div> <ul> <ol> <li> <dl> <dt> <h1> <h2> <h3> <h4> <p>
③常見的空元素:<br><hr><img> <input> <link> <meta>
3西乖、javascript中實現(xiàn)跨域的方式總結(jié)
-
第一種方式：jsonp請求狐榔；jsonp的原理是利用
<script>標(biāo)簽的跨域特性坛增，可以不受限制地從其他域中加載資源，類似的標(biāo)簽還有<img>. - 第二種方式：document.domain荒叼；這種方式用在主域名相同子域名不同的跨域訪問中
- 第三種方式：window.name轿偎；window的name屬性有個特征：在一個窗口(window)的生命周期內(nèi),窗口載入的所有的頁面都是共享一個window.name的，每個頁面對window.name都有讀寫的權(quán)限被廓，window.name是持久存在一個窗口載入過的所有頁面中的坏晦，并不會因新頁面的載入而進行重置。
- 第四種方式：window.postMessage嫁乘；window.postMessages是html5中實現(xiàn)跨域訪問的一種新方式昆婿，可以使用它來向其它的window對象發(fā)送消息，無論這個window對象是屬于同源或不同源蜓斧。
- 第五種方式：CORS仓蛆；CORS背后的基本思想，就是使用自定義的HTTP頭部讓瀏覽器與服務(wù)器進行溝通挎春，從而決定請求或響應(yīng)是應(yīng)該成功還是應(yīng)該失敗看疙。
- 第六種方式：Web Sockets；web sockets原理：在JS創(chuàng)建了web socket之后直奋，會有一個HTTP請求發(fā)送到瀏覽器以發(fā)起連接能庆。取得服務(wù)器響應(yīng)后，建立的連接會使用HTTP升級從HTTP協(xié)議交換為web sockt協(xié)議脚线。
4搁胆、
字體系列屬性
font：組合字體
font-family：規(guī)定元素的字體系列
font-weight：設(shè)置字體的粗細(xì)
font-size：設(shè)置字體的尺寸
font-style：定義字體的風(fēng)格
font-variant：設(shè)置小型大寫字母的字體顯示文本，這意味著所有的小寫字母均會被轉(zhuǎn)換為大寫邮绿，但是所有使用小型大寫字體的字母與其余文本相比渠旁，其字體尺寸更小。
font-stretch：對當(dāng)前的font-family進行伸縮變形船逮。所有主流瀏覽器都不支持顾腊。
font-size-adjust：為某個元素規(guī)定一個 aspect 值，這樣就可以保持首選字體的 x-height挖胃。
文本系列屬性
text-indent：文本縮進
text-align：文本水平對齊
line-height：行高
word-spacing：增加或減少單詞間的空白（即字間隔）
letter-spacing：增加或減少字符間的空白（字符間距）
text-transform：控制文本大小寫direction：規(guī)定文本的書寫方向
color：文本顏色
元素可見性: visibility
表格布局屬性：caption-side投慈、border-collapse、border-spacing冠骄、empty-cells、table-layout
列表布局屬性：list-style-type加袋、list-style-image凛辣、list-style-position、list-style
生成內(nèi)容屬性：quotes
光標(biāo)屬性：cursor
頁面樣式屬性：page职烧、page-break-inside扁誓、windows防泵、orphans
聲音樣式屬性：speak、speak-punctuation蝗敢、speak-numeral捷泞、speak-header、speech-rate寿谴、volume锁右、voice-family、pitch讶泰、pitch-range咏瑟、stress、richness痪署、码泞、azimuth、elevation
5狼犯、http 請求方式 get 和 post 的區(qū)別包括：
get和post的可傳輸內(nèi)容大小不一樣余寥，一個有限制一個沒有限制
get和post傳輸?shù)膬?nèi)容存放的位置不一樣，一個放在header悯森，一個放在body
6宋舷、JavaScript的typeof運算符的可能結(jié)果
7、TCP
8呐馆、①<input id="btnShow" type="button" value="點擊" class="btn"> 上面是一段按鈕的html代碼 如果要用原生的js來禁用這個按鈕 可以用這樣： document.getElementByIdx_x_x("btnShow").disabled=true;
②如果要重新開啟按鈕肥缔，則可以讓disabled=false;即可 ;
③那么在jquery下面要如何設(shè)置呢？其實也很簡單 利用jquery的attr的方法即$("#btnShow").attr({"disabled":"disabled"});
④如要讓按鈕恢復(fù)可用汹来，可以采用removeAttr方法把disabled屬性刪除即可续膳。$("#btnShow").removeAttr("disabled");
9、選擇器的優(yōu)先級（從上往下依次降低）是：
- 在屬性后面使用 !important 會覆蓋頁面內(nèi)任何位置定義的元素樣式收班。
- 作為style屬性寫在元素內(nèi)的樣式
- id選擇器
- 類選擇器
- 標(biāo)簽選擇器
- 通配符選擇器
- 偽類選擇器和類選擇器的優(yōu)先級是一樣的坟岔，誰在后面誰起作用。（后面的樣式會覆蓋前面的樣式）
10摔桦、
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
</style>
</head>
<body>
<div class="container">
<div class="box">1</div>
<div class="box">2</div>
<div class="box">3</div>
<div class="box">4</div>
<div class="box">5</div>
<div class="box">6</div>
<div class="box">7</div>
<div class="box">8</div>
<div class="box">9</div>
</div>
</body>
</html>
CSS:
* {
margin: 0;
padding: 0;
}
.container {
display: flex;
width: 180px;
height: 180px;
flex-wrap: wrap;
}
.box {
width: 50px;
height: 50px;
border: 5px solid blue;
background-color:aqua;
text-align: center;
line-height: 50px;
margin-right: -5px;
}
.box:hover {
border: 5px solid red;
z-index:99;
}
11社付、給出一個上傳文件時不用刷新頁面的方案，要求寫出關(guān)鍵部分的js代碼邻耕。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<input id="upload" type="file" />
<button id="upload-btn"> upload </button>
JS:
document.getElementById('upload-btn').onclick = function(){
var input = document.getElementById('upload');
//選取文件;
var file = input.files[0];
//創(chuàng)建表單數(shù)據(jù)對象;
var formData = new FormData();
//將文件添加到表單對象中;
formData.append('file',file);
//傳輸;
fetch({
url:'',
mothod:'POST',
body:formData
})
.then((d)=>{
console.log('result is',d);
})
}
