自製 前端面試題

2021-10-03 19:26:48 字數 2104 閱讀 8235

二、深入

自我介紹,介紹最近乙份專案經驗,從js技術框架、ui框架、css預編輯器,專案使用平台,編輯器開發工具等

js裡怎樣判斷變數型別,typeof可以區分哪些不可以區分哪些。

this指向、全域性變數和匿名函式作用域

原型鏈__proto__、prototype。

陣列去重有幾種方案,或者找出重複的並排序

非同步,併發promise,generator,await

css 垂直居中布局

瀏覽器上輸入乙個**都發生了什麼。

對websocket是否了解,怎樣實現前後端通訊?

瀏覽器跨域怎麼產生的,解決方案有哪些,各有什麼優缺點。

移動端的適配問題,畫素比,rem相對於什麼的長度

cookie ,sessionstorage,localstorage的區別

ts。如何什麼變數

ts 泛型、過載、介面、類等等

生命週期?react建立元件有幾張方式?

getdefaultprops:獲取例項的預設屬性

getinitialstate:獲取每個例項的初始化狀態

componentwillmount:元件即將被裝載、渲染到頁面上

render:元件在這裡生成虛擬的 dom 節點

componentdidmount:元件真正在被裝載之後

什麼是jsx?和vue中模板語法有什麼不同。

你對 react 的 refs 有什麼了解?幾種寫法?繫結元件上輸出的是dom嗎?如何繫結dom?react.forwardref用過?

react 中 keys 的作用是什麼?

什麼是高階元件(hoc)?能用hoc做什麼?

**重用,邏輯和引導抽象

渲染劫持

狀態抽象和控制

props 控制

什麼是redux?

redux 由以下元件組成:

action – 這是乙個用來描述發生了什麼事情的物件。

reducer – 這是乙個確定狀態將如何變化的地方。

store – 整個程式的狀態/物件樹儲存在store中。

view – 只顯示 store 提供的資料

為什麼react router v4中使用 switch 關鍵字?

vue實現兄弟元件間傳值有幾種方式 及父子之間傳值,訪問方法()$children $parent)

生命週期,父子元件載入時生命週期。

$nextick原理

v-if和v-show的區別。

vue中 keep-alive用法。(include .exclude)

vuex中四大模組怎麼傳遞的,component,action,mutation,state,及action和mutation的區別,action是非同步的嗎?

vue中$route和$router的區別

key和ref的作用及區別

v-model雙向繫結原理()

vue陣列,this.arr[0]=「ftgfg」

頁面url到載入完成經過哪些步驟?

對webpack的了解

webpack工程化做了哪些優化?

函式節流(throttle)與函式去抖(debounce)區別

深拷貝與淺拷貝區別?js實現方案?

directive指令,(bind,inserted,update作用)

transition動畫

filter

render函式語法(jsx格式,配置babel)

mixin

相同prop、data、computed合併策略

生命週期函式合併策略

redux與flux有何不同?

flux

redux

1. store 包含狀態和更改邏輯

1. store 和更改邏輯是分開的

2. 有多個 store

2. 只有乙個 store

3. 所有 store 都互不影響且是平級的

3. 帶有分層 reducer 的單一 store

4. 有單一排程器

4. 沒有排程器的概念

5. react 元件訂閱 store

5. 容器元件是有聯絡的

6. 狀態是可變的

6. 狀態是不可改變的

前端面試題

sprites是什麼和為什麼要使用他們?css 精靈 把一堆小的整合到一張大的上,減輕伺服器對的請求數量 有可能替代sprites的方法是什麼?svg圖示,字型圖示,字元編碼等等。1 在div排版的時候,假設現在是100px的寬,我在盒子左側用padding left留個10px的白,div就撐開了...

前端面試題

行內元素有哪些?塊級元素有哪些?空 void 元素有哪些?link和 import的區別是?常見相容性問題?含移動端 html5的離線儲存?描寫一段語義化的html 吧 html5的form如何關閉自動完成功能?什麼是閉包 closure 為什麼要用?localstorage和sessionstor...

前端面試題

朋友碰到的筆試題,在此記錄一下,並且記下碰到的有難點但是自己沒注意的到的面試題!function isnumber x else sum 2,3 5 sum 2 3 5 請寫出sum函式的具體實現。function sum a,c return a c 該題考查的是乙個以前沒接觸過的東西,叫做柯里化...