1.統(tǒng)計(jì)頁面中出現(xiàn)的標(biāo)簽，并找出次數(shù)前三的標(biāo)簽
2.實(shí)現(xiàn)log方法封裝console.log()方法
3.獲取url的query部分叁执，并輸出為對(duì)象{}
4.平時(shí)使用的跨域篙悯，并簡(jiǎn)述其實(shí)現(xiàn)的原理
5.更改單選框和復(fù)選框的樣式
6.linux／mac中常用的命令
7.做項(xiàng)目時(shí)考慮的瀏覽器兼容方面
8.實(shí)現(xiàn)一下兩列布局
querySelector() 方法返回文檔中匹配指定 CSS 選擇器的第一個(gè)元素。(參數(shù)為一個(gè)css選擇器)
querySelectorAll()方法返回文檔中匹配指定 CSS 選擇器的所有元素夕凝。(參數(shù)為一個(gè)css選擇器)
getElementsByTagName("*")和querySelectorAll("*")對(duì)比
getElementsByTagName返回的是一個(gè)動(dòng)態(tài)的NodeList(HTMLCollection)而querySelectorAll返回的是一個(gè)靜態(tài)的NodeList
動(dòng)態(tài)的Nodelist因?yàn)椴恍枰@取節(jié)點(diǎn)的具體信息而比靜態(tài)的NodeList快,并且注意動(dòng)態(tài)的意義
var list1 = document.getELementsByTagName("*");
var arr = []; //存放所有出現(xiàn)標(biāo)簽數(shù)組含重復(fù)的
var result = []; //存放結(jié)果數(shù)組宝穗，即本題中出現(xiàn)最多的三個(gè)標(biāo)簽
for(var i=0;i<list1.length;i++){
arr.push(list1[i].tagName);
}
var obj = {}; //存放對(duì)象：屬性為標(biāo)簽名，值為出現(xiàn)的次數(shù)
for(var j=0;j<arr.length;j++){
if(!obj[arr[j]]){ //如果對(duì)象不含該標(biāo)簽名則初始為1
obj[arr[j]] = 1;
}
else{ //如果對(duì)象已存在該標(biāo)簽則計(jì)數(shù)+1
obj[arr[j]]++;
}
}
//console.log(obj);
for(var k=0;k<3;k++) { 本題需要取出前三的標(biāo)簽
var max = 0;
var which;
for (var key in obj) {
//console.log(key+" "+max);
if (obj[key]> max){ //找到出現(xiàn)次數(shù)最多的用max記錄次數(shù)码秉，which記錄標(biāo)簽名
max = obj[key];
which = key;
}
}
var nobj = {}; //創(chuàng)建新對(duì)象存放被找出的標(biāo)簽及次數(shù)
nobj[which] = max;
result.push(nobj); 將新對(duì)象放進(jìn)結(jié)果數(shù)組
delete obj[which]; 刪除原對(duì)象中該標(biāo)簽屬性
}
console.log(result);
//因?yàn)閏all方法中第二個(gè)參數(shù)需要一個(gè)個(gè)傳遞逮矛，所以不能使用
var log1 = function () { //使用bind方法
return console.log.bind(console,arguments)(); //不在bind中傳入arguments，傳入數(shù)組或字符串時(shí)均正常輸出转砖。
}
var log2 = function () { //使用apply方法
return console.log.apply(console,arguments);
}
log1("aaa","bbb"); // { '0': 'aaa', '1': 'bbb' }
log2("aaa","bbb"); // aaa bbb 此方法與console.log一致
3
JSONP工作原理
<script src="xxxx?callback=func"></script>
<script>
function func(){}
</script>
CORS
請(qǐng)求頭Origin
響應(yīng)頭Access-Control-Allow-Origin
9.附加：實(shí)現(xiàn)三角形
.tr{
width: 0px;
height: 0px;
border-top: 100px solid red;
border-bottom: 100px solid green;
border-right: 100px solid yellow;
border-left: 100px solid blue;
}
.tr-up{
width: 0;
height: 0;
border-bottom: 100px solid green;
border-left: 100px solid transparent;
border-right: 100px solid transparent;
}
屏幕快照 2017-09-18 下午12.26.14.png
