1.寫出下列輸出: (1)var 0 += ' ? 3',輸出: 3 (2)var a = 0 + '3',輸出: 3
正確答案:(1)0 3,(2)03
解析:被一個(gè)普遍的說(shuō)法給誤導(dǎo)了饶米,字符串在進(jìn)行運(yùn)算時(shí)桨啃,會(huì)自動(dòng)的轉(zhuǎn)化為數(shù)字。減檬输、乘照瘾、除會(huì)轉(zhuǎn),但是加不會(huì)丧慈,加是進(jìn)行字符的拼接
3. 本地存儲(chǔ)
cookie:比較古老的本地存儲(chǔ)方式析命,儲(chǔ)存小主卫,只有4k,而且cookie值會(huì)發(fā)送給服務(wù)器,浪費(fèi)寬帶
localstorage和sessionstorage
好處:緩存數(shù)據(jù)鹃愤,減少寬帶浪費(fèi)簇搅。
缺點(diǎn):只能存儲(chǔ)字符串,如果存儲(chǔ)的是對(duì)象或者數(shù)組需要轉(zhuǎn)化软吐。例子如下:
var person = {name:”vanida”,”sex”:”girl”,”age”:25};?
localStorage.setItem(“person”,JSON.stringify(person));?
// localStorage.person=”{“name”:”vanida”,”sex”:”girl”,”age”:25}”?
注意:JSON.stringify()中不要忘了“i”,stringify而不是stringfy瘩将!?
然后取出person的對(duì)象你可以用JSON.parse();?
person = JSON.parse(localStorage.getItem(“person”));
localstorage存儲(chǔ)特點(diǎn):永久性存儲(chǔ),除非手動(dòng)清除
sessionStorage存儲(chǔ)特點(diǎn):會(huì)話式存儲(chǔ)凹耙,刷新或者關(guān)閉頁(yè)面姿现,數(shù)據(jù)就會(huì)被清除掉
4. 扁平化多維數(shù)組
一個(gè)多維數(shù)組,轉(zhuǎn)化為單個(gè)數(shù)組肖抱,忘了之前在哪里看到的备典,使用for循環(huán)可以,但是實(shí)際寫的時(shí)候意述,for循環(huán)實(shí)現(xiàn)不了提佣,用遞歸實(shí)現(xiàn):
flatArray (oldArray) {
? ? ? ? ? for(let i = 0; i
? ? ? ? ? ? ? if(typeof oldArray[i] === 'object') {
? ? ? ? ? ? ? this.flatArray(oldArray[i])
? ? ? ? ? } else {
? ? ? ? ? ? ? console.log(oldArray[i])
? ? ? ? ? ? ? this.newArray.push(oldArray[i])
? ? ? ? ? }
? ? ? ? ? }
? ? ? }
5. JS都有哪些數(shù)據(jù)類型
Undefine、NULL 欲险、數(shù)值镐依、字符串、Symbol天试、 Boolean槐壳、函數(shù)對(duì)象、數(shù)組對(duì)象喜每、其它任何對(duì)象
6.用過(guò)哪些JS庫(kù)务唐,這些庫(kù)有哪些優(yōu)點(diǎn)
7. ES6數(shù)組操作函數(shù)有哪些
join() //為數(shù)組里面的項(xiàng)添加連接符,默認(rèn)為逗號(hào)
push()和pop()//添加和刪除數(shù)組末尾一項(xiàng)
shift() 和 unshift()//添加刪除數(shù)組頭部一項(xiàng)
sort()//排序带兜,默認(rèn)為降序枫笛,可以寫一個(gè)方法控制,compare刚照,如果返回-1刑巧,前面的值放在前面
reverse()//翻轉(zhuǎn)數(shù)組
concat()//拼接數(shù)組
slice()//返回指定范圍內(nèi)的數(shù)組,返回值為一個(gè)新數(shù)組
splice()//插入和刪除无畔,返回刪除的數(shù)組
indexOf()和 lastIndexOf() (ES5新增)//查找指定值的下標(biāo)啊楚,兩個(gè)函數(shù)表示從頭和從尾查找
forEach() (ES5新增)//為數(shù)組里的每一項(xiàng)添加一個(gè)處理函數(shù),無(wú)返回值
map() (ES5新增)// 遍歷數(shù)組浑彰,返回函數(shù)處理過(guò)的數(shù)組
filter() (ES5新增)//過(guò)濾數(shù)組恭理,返回過(guò)濾的結(jié)果數(shù)組
every() (ES5新增)//判斷數(shù)組里的項(xiàng)是否符合條件,全部符合返回true
some() (ES5新增)//判斷數(shù)組里的項(xiàng)是否有符合條件的郭变,有的話返回true
reduce()和 reduceRight() (ES5新增)//實(shí)現(xiàn)迭代數(shù)組的每一項(xiàng)颜价,從頭開(kāi)始
8.左邊固定右邊自適應(yīng)布局//實(shí)現(xiàn)迭代數(shù)組的每一項(xiàng)涯保,從尾開(kāi)始
html:
<div class="wrap">
<div class="left"></div>
<div class="main"></div>
</div>
CSS:
.left{
with: 100px;
min-height: 100px;
float: left;
}
.main{
margin-left: 100px;
min-height: 100px;
}
10: