飛書一面 * to B后臺項目系統，說說如何設計權限 * 說說https，證書是怎么保證安全的 * 什么是閉包？垃圾回收機制中，對被閉包使用的變量為什么沒有回收？ * 下面輸出分別是： ``` const b = 1 var a = 2 if(window.b){ var c = 15 a = 5 } console.log(b) console.log(a) console.log(c) ``` ``` new Promise((resolve,reject)=>{ reject('錯誤') }).then(res=>{ console.log(res,1) },err=>{ console.log(err,2) }).then(res=>{ console.log(res,3) },err=>{ console.log(err,4) }) // 打印分別是？ ``` * 算法： ``` createArray(null,1) // [null] createArray('o',2,2) // [ [ 'o', 'o' ],[ 'o', 'o' ] ] ``` 從某些方面去考察： 問題的深度，刨根到底的原理 比如：什么是遞歸？引出變量，垃圾回收機制，為什么遞歸中的變量沒被收回？計數清零或者標記等方式如何實現？ 比如：js，延伸至const let和var定義變量，與window有什么關系？如const a = 1 window.a ?對promise的執行，到原理 比如：談論https，延伸到證書，如何保證安全的？證書中有什么？加密方法延伸？ 比如：瀏覽器渲染原理深入 比如：計算機思維（算法題） 嘉立創 1、給p綁定事件，點擊那個p就輸出那個p的下標 `<div id="container"><p></p><p></p><p></p></div>` ``` var dom = document.getElementById("container") ? var nodeList = dom.children ? // 注意i的定義，這里點擊是在循環結束之后，所以結束之后i=nodeList.length了 ? // 處理方式:let 或者閉包等方式 ? for (let i = 0; i < nodeList.length; i++) { ? ? nodeList[i].addEventListener("click",function(e){ ? ? ? console.log(e,i) ? ? }) ? } ``` 2、對象深拷貝 3、居中顯示 `<div><span>123</span></div>` 4、ajax同步與異步區別，如何解決跨域問題 5、一個試管10毫升，一個7毫升，一個3毫升，請倒出5毫升的 A10-B7-C3 A分別到B和C，此時A空 B到C，此時B剩余1，C則是滿 C到A中，此時A中9，（注意此時B剩下1） 把B導入C中，C剩余1，B剩余0 把A導入B中，A剩余2 把B中到C中，測試B剩余5，C1+2剩余3 將C導入A中，剛好5 6、如下圖一個房子中四個人有兩個白色兩個黑色帽子，每個人看不見自己的帽子，也不能摘下看，AB有一個不透明墻相隔，A面向右邊，BCD面向左邊，后面的人可以看到前面的人的帽子顏色，D看到CB，C看到B，等待一段時間后，有一個人能正確猜出自己的帽子顏色，他是有依據的？依據是？ 理由：首先D能看到最多的帽子2頂，如果BC是同一種顏色的，則D的是另一種顏色，便能立刻說出來，因為D沒有立刻說出自己帽子的顏色，所以大家（ABCD）就知道BC不是同一種顏色，而C能看到B，顏色與B不同，所以C猜中了自己帽子的顏色．  7、塊級，行內元素分別有哪些？ 8、px、rem和em區別 px：是固定長度單位，不隨其它元素的變化而變化 em：相對（父級）長度單位，一般瀏覽默認1em=16px，他會隨腹肌元素的屬性變化而變化 rem：是css3新增一個相對長度單位，是為了補充em缺點，rem相對根目錄html元素，所以設置html標簽上的文字大小，文檔中的字體大小則會以此參照標準。  https://mp.weixin.qq.com/s/c1ApeYWABb4ZCoslUO89zw