2023年3月10日
1. 講講child1,child2的變化，為什麼？
div class='child1'
div class='child2'
div class='child3'
.child2
transform提公升元素的垂直地位？
併排兩個元素，第二個元素margin設為負值時，後面元素會覆蓋前面，當給前面元素新增transform屬性時，第乙個元素就不會被覆蓋，相當於新增了position:relative屬性，相對於正常位置進行定位，定位的元素任佔據文件空間。
2.實現乙個三角形
用canvas畫
3.typeof 和 typeof {} 結果是?為什麼？
object
typeof{} 返回object
typeof 返回object
typeof不能判斷null和array,返回都是object（null是乙個空的物件引用）,因為js中所有資料型別其實都是物件，typeof能判斷物件,返回的也是object物件
4.怎麼區分陣列和物件
① instanceof array
② 將該變數轉化為代表其型別的string
object.prototype.tostring.call() [object array]
object.prototype.tostring.call({}) [object object]
③ array.isarray(arr/obj) true/false
④ constructor屬性判斷
arr.constructor array()
obj.constructor ojbect()
5.講講輸出了什麼，為什麼？ 複習原型鏈
bbb,aaa
object.prototype.a = 'aaa'
function.prototype.a = 'bbb'
function fn(){}
var child = new fn()
console.log(fn.a)
console.log(child.a)
6.說說輸出了什麼，為什麼？
2431
settimeout(function(),0)
new promise((resolve,reject) => ).then(function())
console.log(4)
除了promise還有什麼非同步任務？
繫結監聽，繫結的**函式不執行，觸發時才執行
2.協商快取 last-modified和etag
當判斷瀏覽器不是強快取，就會向伺服器傳送請求判斷是否為協商快取，如果是，伺服器返回304 not modified,瀏覽器從快取中載入
last-modified和if-modified-since欄位：
- 瀏覽器初次向伺服器傳送請求，伺服器返回資源並在response header加上last-modified欄位，表示資源最後修改的時間
- 瀏覽器再次請求這個資源時，請求頭會加上if-modified-since欄位，如果兩個字段一樣，說明沒被修改，返回304，瀏覽器從快取中獲取資源；如果欄位不一樣，則資源被修改過，伺服器返回資源
etag和if-none-match欄位：
如果伺服器上資源變化，但是最後修改時間沒更新
- 瀏覽器第一次想伺服器請求，伺服器返回資源並在response header加上etag,表示資源本身，資源有變化，則etag變化
- 瀏覽器再次向伺服器請求這個資源時，請求頭攜帶if-none-match欄位。若這兩個字段相同，則代表資源沒有變化，伺服器返回304not modified，瀏覽器從快取中載入。若兩個字段不同，證明資源有變動，伺服器正常返回資源
還知道其他快取嗎?
dns - 網域名稱伺服器
網域名稱伺服器會快取網域名稱
9.有用過node.js嗎？
10.實現乙個快排+優化（不用遞迴）
見資料結構總結
位元組前端一到三面
7月11號投的位元組提前批，15號hr約面試時間，22號一面，27號二面，29號三面。基本上面完馬上給結果和約下一面的時間了。2020 7 22 8 00 8 55 講一下專案，以及專案中用的一些技術，如何使用，為什麼。閉包。給了一段 問輸出，以及解釋原因 變數提公升。什麼是變數提公升 實現一段 講...
2021 2 28 位元組前端一面分析總結
例題和分析 1.考察call 方法的this指向，分析下面 並說結果function person name person.prototype.print function person abc console.log name abc 此時this指向全域性window const a newpe...
極視角前端技術1面
極視角技術1面 2020.04.02 10 00 10 50 1.網頁單位 2.三列布局 3.清除浮動 4.跨域 jsonp get cors post 5.閉包面試題 6.數列遞迴面試題 多維陣列轉化為一維陣列怎麼搞 可以使用object.prototype.tostring.call 來判斷ar...