今天面試前端界逛，突然問我網(wǎng)絡(luò)安全李请，nigx解決跨越，我頓時(shí)懵逼了厉熟，不過還是要總結(jié)下今天的面試題导盅。
canvas,小程序的跳轉(zhuǎn)方式，wxcss和css的區(qū)別揍瑟，除了媒體查詢還可以使用什么來處理自適應(yīng)布局白翻，事件循環(huán)，雙向數(shù)據(jù)綁定绢片，防抖和節(jié)流滤馍，解決跨越的集中方式，同源策略底循，如何優(yōu)化代碼巢株，給用戶更好的體驗(yàn)，jsop原理熙涤，vue環(huán)境配置阁苞，正式環(huán)境配置代理嗎，后臺(tái)的用戶管理權(quán)限路由配置
1祠挫、小程序的幾種跳轉(zhuǎn)方式
wx.navigateTo({})那槽，保留當(dāng)前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁面
wx.redirectTo()?, 關(guān)閉當(dāng)前頁面等舔，跳轉(zhuǎn)到非tabBar的某個(gè)頁面
wx.switchTab 骚灸，跳轉(zhuǎn)到tabBar的某個(gè)頁面
使用組件??<navigator>??示例：??點(diǎn)擊跳轉(zhuǎn)<navigator url='../test/test'>點(diǎn)擊跳轉(zhuǎn)</navigator>
2、wxcss和css的區(qū)別
1. 單位不同慌植，小程序使用rpx甚牲，是響應(yīng)式像素,可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)；
2涤浇、使用 @import 標(biāo)識(shí)符來導(dǎo)入外聯(lián)樣式鳖藕；
3、wxss不能直接通過css3中的background-image屬性來設(shè)置顯示的背景圖片只锭。
4著恩、提供了全局的樣式和局部樣式。和前邊 app.json, page.json 的概念相同蜻展，你可以寫一個(gè) app.wxss 作為全局樣式吴藻，會(huì)作用于當(dāng)前小程序的所有頁面御蒲，局部頁面樣式 page.wxss 僅對(duì)當(dāng)前頁面生效签财。
5间唉、此外 WXSS 僅支持部分 CSS 選擇器
3、什么是防抖和節(jié)流施逾，具體的運(yùn)用場(chǎng)景敷矫。
節(jié)流是指在連續(xù)觸發(fā)事件但是再n秒內(nèi)置觸發(fā)一次函數(shù)例获。節(jié)流會(huì)稀釋函數(shù)的執(zhí)行頻率。
對(duì)于節(jié)流曹仗，一般分兩種方式實(shí)現(xiàn)榨汤，時(shí)間戳和定時(shí)器。
時(shí)間戳版和定時(shí)器版的節(jié)流函數(shù)的區(qū)別就是怎茫，時(shí)間戳版的函數(shù)觸發(fā)是在時(shí)間段內(nèi)開始的時(shí)候收壕，而定時(shí)器版的函數(shù)觸發(fā)是在時(shí)間段內(nèi)結(jié)束的時(shí)候。
應(yīng)用場(chǎng)景
window對(duì)象的resize轨蛤、scroll事件
拖拽時(shí)候的mousemove
射擊游戲中的mousedown蜜宪、keydown事件
文字輸入、自動(dòng)完成的keyup事件
防抖是指觸發(fā)事件后再n秒內(nèi)函數(shù)只能執(zhí)行一次祥山，如果再n秒內(nèi)又觸發(fā)了事件圃验，則會(huì)重新計(jì)算函數(shù)執(zhí)行時(shí)間。實(shí)現(xiàn)關(guān)鍵是flag和setTimeout的應(yīng)用枪蘑。
搜索框input事件损谦，例如要支持輸入實(shí)時(shí)搜索可以使用節(jié)流方案（間隔一段時(shí)間就必須查詢相關(guān)內(nèi)容）岖免，或者實(shí)現(xiàn)輸入間隔大于某個(gè)值（如500ms）岳颇，就當(dāng)做用戶輸入完成，然后開始搜索颅湘，具體使用哪種方案要看業(yè)務(wù)需求话侧。
3、什么是同源策略闯参。如何解決跨域瞻鹏。
所謂的同源策略是指 “協(xié)議+域名+端口” 相同。
跨域的幾種方式參考別人的的博客鹿寨，寫的還挺全面的新博。https://www.cnblogs.com/sdcs/p/8484905.html
