① Vue和React的差別，如何區(qū)分應(yīng)用場(chǎng)景

相似之處

• 都屬于前端js框架，都是為了幫助我們更快完成開發(fā)。他們不同于早期的庫(kù)，他們只提供骨架。路由、狀態(tài)管理等功能，都是由額外的組件提供。
• Vue2.X和react最大的相似之處就是提供了虛擬DOM技術(shù)，因?yàn)槿绻l(fā)生DOM更新，去操作一個(gè)真實(shí)DOM所花費(fèi)的開銷遠(yuǎn)比操作虛擬DOM花銷更大，而對(duì)虛擬DOM所進(jìn)行的操作最終也會(huì)映射到真實(shí)DOM上。
• 都鼓勵(lì)組件化
• 都有相應(yīng)的構(gòu)建工具 vue-cli 和 create-react-app

不同之處

• React模板編寫使用 jsx，Vue使用的是html
• 數(shù)據(jù)管理：React儲(chǔ)存在state狀態(tài)，而Vue儲(chǔ)存在data中。改變方式也不一樣，React使用setState(),而vue直接改變data對(duì)象即可，不需要調(diào)用額外的方法。

② continue 、break 、return 的區(qū)別

return

• 作用于方法(函數(shù))，結(jié)束當(dāng)前方法，或者說用于返回當(dāng)前方法的返回值，如果沒有返回值則返回false或者空都可以。

continue

• 作用于for循環(huán)結(jié)構(gòu)，用于跳出當(dāng)前循環(huán)，直接開始下一次循環(huán)

break

• 作用于for循環(huán)或者switch結(jié)構(gòu)中，直接結(jié)束循環(huán)

③ select 候選框的定位？ 如果全局有多個(gè)input，下面需要一個(gè)浮層如何實(shí)現(xiàn)(浮層只有一個(gè))

④ 你向往的技術(shù)棧

• vue和react，此時(shí)可以說說vue和react的區(qū)別

⑤ 為什么要使用前后端分離(官網(wǎng))

• 前后端不分離利于seo
  答： 搜索引擎會(huì)請(qǐng)求你的網(wǎng)站 url，并收集所請(qǐng)求網(wǎng)站的數(shù)據(jù)。但搜索引擎是不會(huì)去執(zhí)行 js 的，而前后端分離一般是用 js 來(lái)請(qǐng)求數(shù)據(jù)加載到頁(yè)面上，搜索引擎不執(zhí)行 js，意味著搜索引擎訪問的頁(yè)面是沒有數(shù)據(jù)的，沒有數(shù)據(jù)當(dāng)然不利于 seo 啦，這就是為何說前后端分離不利于 seo。 相反前后端不分離，能保證搜索引擎請(qǐng)求網(wǎng)站時(shí)，是有數(shù)據(jù)的，這就是為何前后端不分離更利于 seo。
• 其實(shí)前后端分離也可以做SEO , 方案就是node代碼同構(gòu)進(jìn)行服務(wù)端渲染
• 以及谷歌的爬蟲是可以執(zhí)行js的，并不存在搜索引擎不會(huì)去執(zhí)行js的說法

⑥ 全網(wǎng)置灰

• filter: grayscale 使用可以調(diào)整元素的灰度值 (將下方代碼加到html上即可)

.gray-filter {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
}

⑦ 代碼開發(fā)流程

• 需求評(píng)審
• 任務(wù)分配
• 開發(fā)

⑧ 如何保證代碼提交倉(cāng)庫(kù)不沖突

• 先拉再提交

⑨ 前端如何處理高并發(fā)

• 靜態(tài)化網(wǎng)頁(yè)
• 加服務(wù)器
• 提交完訂單按鈕置灰
• 請(qǐng)求節(jié)流
• 針對(duì)ip限制某一用戶在某個(gè)時(shí)間段內(nèi)的請(qǐng)求次數(shù)

⑩ 離職原因

• 疫情原因

? 未來(lái)三到五年內(nèi)規(guī)劃

• 大前端

? http請(qǐng)求(響應(yīng))，包含哪些內(nèi)容

? 人事：有什么想了解的

? 前端所遇到的風(fēng)險(xiǎn)？

? 前端如何安排工作，在任務(wù)重的情況下

? 什么是敏捷開發(fā)

• 溝通第一，快速迭代

? 搜索聯(lián)想詞過多，造成頁(yè)面卡頓，如何處理

• 分頁(yè)
• 只展示搜索量最高的前十條
• 懶加載(虛擬滾動(dòng))