前端面試詳解

React篇

1.react有哪幾個(gè)生命周期狞山?

constructor()

static getDerivedStateFromProps()

componentWillMount() / UNSAFE_componentWillMount()

render()

componentDidMount()

componentWillReceiveProps() / UNSAFE_componentWillReceiveProps()

static getDerivedStateFromProps()

shouldComponentUpdate()

componentWillUpdate() / UNSAFE_componentWillUpdate()

render()

getSnapshotBeforeUpdate()

componentDidUpdate()

componentWillUnmount()

componentDidCatch()

2.在哪個(gè)生命周期做優(yōu)化?

shouldComponentUpdate

3.react怎么從虛擬dom中拿出真實(shí)dom?

ref

4.react的diff算法是怎么完成的幅聘?(基礎(chǔ)原理)?

3個(gè)策略:

Web UI 中DOM節(jié)點(diǎn)跨層級(jí)的移動(dòng)操作特別少狼犯,可以忽略不計(jì)

擁有相同類的兩個(gè)組件將會(huì)生成相似的樹形結(jié)構(gòu)余寥,擁有不同類的兩個(gè)組件將會(huì)生成不同的樹形結(jié)構(gòu)领铐。

對(duì)于同一層級(jí)的一組子節(jié)點(diǎn),它們可以通過唯一id進(jìn)行區(qū)分宋舷。

5.React中的props和state的用法

==props:==一般用于父組件向子組件通信绪撵,在組件之間通信使用。

==state:==一般用于組件內(nèi)部的狀態(tài)維護(hù)祝蝠,更新組建內(nèi)部的數(shù)據(jù)音诈,狀態(tài),更新子組件的props等绎狭。

6.Redux的流程 中間件(thunks saga logger dvtools的理解细溅,用法)

7.比較redux和vuex的區(qū)別?https://blog.csdn.net/hyupeng1006/article/details/80755667

8.react router3是否用過,router4是否用過坟岔,3到4有什么改變?https://blog.csdn.net/qq_35484341/article/details/80500237

9.react是什么層面上的框架谒兄,數(shù)據(jù)流是單向流還是雙向綁定?視圖層的框架,單項(xiàng)數(shù)據(jù)流

10.webpack?基本使用

JS篇

1.js的垃圾回收機(jī)制是什么原理(js)!!

標(biāo)記清除 社付、引用計(jì)數(shù)

2.經(jīng)常遇到的解決js兼容性問題列舉至少三個(gè)(js)!?https://www.cnblogs.com/yufann/p/Browser1.html

3.不設(shè)置寛高的div,用至少兩種方法邻耕,讓它相對(duì)于頁面水平垂直居中鸥咖。(css)!

flex布局,絕對(duì)定位+相對(duì)定位

4.react-redux的實(shí)現(xiàn)原理(react框架)!!

https://www.cnblogs.com/hhhyaaon/p/5863408.html

**5.git經(jīng)常用到的命令兄世,至少五個(gè)啼辣,并且要說出每個(gè)命令是干什么的。(git add .)(git commit -m “”)(git push origin?)(git clone)(git branch)(git checkout)!

6.react-router的實(shí)現(xiàn)原理 !

history

7.react的生命周期(必須知道并且知道每個(gè)的作用)!

8.數(shù)組的方法(至少說出6個(gè))(js)!?concat御滩、join鸥拧、pop、push削解、reverse富弦、shift、sort氛驮、toString腕柜、valueOf、unshift

9.閉包的原理(js)!

閉包是指有權(quán)訪另一個(gè)函數(shù)作用域中的變量的函數(shù)

10.偽數(shù)組轉(zhuǎn)成真數(shù)組的方法(至少兩種方法) (js)!!

1.使用Array.prototype.slice.call();

2.Array.from

11.rgba和opacity的區(qū)別(css)!

有opacity屬性的所有后代元素都會(huì)繼承 opacity 屬性盏缤,而RGBA后代元素不會(huì)繼承不透明屬性

12.link和inport的區(qū)別 (js)!

13.哪些操作會(huì)造成內(nèi)存泄露(至少三個(gè))(js)!!!

意外的全局變量引起的內(nèi)存泄露

閉包引起的內(nèi)存泄露

沒有清理的DOM元素引用

被遺忘的定時(shí)器或者回調(diào)

14.react虛擬DOM實(shí)現(xiàn)原理 !!

js模擬dom結(jié)構(gòu),每次重新渲染時(shí)重新生成dom樹唉铜,與老的樹進(jìn)行diff算法對(duì)比

React會(huì)在內(nèi)存中維護(hù)一個(gè)虛擬DOM樹律杠,對(duì)這個(gè)樹進(jìn)行讀或?qū)懱读鳎瑢?shí)際上是對(duì)虛擬DOM進(jìn)行柿赊。當(dāng)數(shù)據(jù)變化時(shí),React會(huì)自動(dòng)更新虛擬DOM幻枉,然后將新的虛擬DOM和舊的虛擬DOM進(jìn)行對(duì)比,找到變更的部分胰挑,得出一個(gè)diff,然后將diff放到一個(gè)隊(duì)列里椿肩,最終批量更新這些diff到DOM中瞻颂。

15.call,apply郑象,bind的區(qū)別(js)!!!

1.相同點(diǎn)

(1)都可以用來改變函數(shù)的this的指向

(2)使用時(shí)第一個(gè)參數(shù)都是this所指向的對(duì)象,并且都可以后續(xù)參數(shù)傳參

2.區(qū)別

(1)call跟apply只是參數(shù)傳參的方式不一樣厂榛,call以多個(gè)參數(shù)形式傳入,而apply則以數(shù)組的形式傳入

(2)bind傳參的方式可以跟call一樣击奶,由于bind返回的是一個(gè)函數(shù),因此我們也可以在調(diào)用的時(shí)候在進(jìn)行傳參

16.ES6有哪些新特性 !

**17.H5新特性(canvas湃望,video痰驱,webstorage证芭,語義化標(biāo)簽担映,表單控件 等) **

19.關(guān)系型數(shù)據(jù)庫和非關(guān)系型數(shù)據(jù)庫的區(qū)別和好處 !!!

關(guān)系型數(shù)據(jù)庫(Mysql和Oracle)

1.表和表、表和字段另萤、數(shù)據(jù)和數(shù)據(jù)存在著關(guān)系

優(yōu)點(diǎn):

1.數(shù)據(jù)之間有關(guān)系,進(jìn)行數(shù)據(jù)的增刪改查的時(shí)候是非常方便的

2.關(guān)系型數(shù)據(jù)庫是有事務(wù)操作的泛源,保證數(shù)據(jù)的完整性和一致性忿危。

缺點(diǎn):

1.因?yàn)閿?shù)據(jù)和數(shù)據(jù)是有關(guān)系的,底層是運(yùn)行了大量的算法

大量算法會(huì)降低系統(tǒng)的效率铺厨,會(huì)降低性能

2.面對(duì)海量數(shù)據(jù)的增刪改查的時(shí)候會(huì)顯的無能為力

3.海量數(shù)據(jù)對(duì)數(shù)據(jù)進(jìn)行維護(hù)變得非常的無力

適合處理一般量級(jí)的數(shù)據(jù)(銀行轉(zhuǎn)賬和錢)

非關(guān)系數(shù)據(jù)庫的(redis和MangDB)

為了處理海量數(shù)據(jù)硬纤,非關(guān)系數(shù)據(jù)庫設(shè)計(jì)之初就是為了替代關(guān)系型數(shù)據(jù)庫的關(guān)系

優(yōu)點(diǎn):

1.海量數(shù)據(jù)的增刪改查是可以的

2.海量數(shù)據(jù)的維護(hù)和處理非常輕松

缺點(diǎn):

1.數(shù)據(jù)和數(shù)據(jù)沒有關(guān)系赃磨,他們之間就是單獨(dú)存在的

2.非關(guān)系數(shù)據(jù)庫沒有關(guān)系,沒有強(qiáng)大的事務(wù)關(guān)系溪王,沒有保證數(shù)據(jù)的完整性和安全性

20.web網(wǎng)絡(luò)請(qǐng)求的過程 !!!

https://blog.csdn.net/SEU_Calvin/article/details/53304406

其他篇

1.如何跨域?

1值骇、通過jsonp跨域 2、通過修改document.domain來跨子域 3道伟、使用window.name來進(jìn)行跨域 4使碾、使用HTML5中新引進(jìn)的window.postMessage方法來跨域傳送數(shù)據(jù)(但是缺點(diǎn)是IE6、IE7不支持)



????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????未完待續(xù)......

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末部逮,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌怜械,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,496評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件峡扩,死亡現(xiàn)場離奇詭異障本,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)驾霜,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來强霎,“玉大人蓉冈,你說我怎么就攤上這事轩触。” “怎么了脱柱?”我有些...
    開封第一講書人閱讀 162,632評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵拉馋,是天一觀的道長。 經(jīng)常有香客問我椅邓,道長,這世上最難降的妖魔是什么板壮? 我笑而不...
    開封第一講書人閱讀 58,180評(píng)論 1 292
  • 正文 為了忘掉前任合住,我火速辦了婚禮,結(jié)果婚禮上透葛,老公的妹妹穿的比我還像新娘。我一直安慰自己僚害,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,198評(píng)論 6 388
  • 文/花漫 我一把揭開白布靶草。 她就那樣靜靜地躺著岳遥,像睡著了一般。 火紅的嫁衣襯著肌膚如雪浩蓉。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,165評(píng)論 1 299
  • 那天驾窟,我揣著相機(jī)與錄音讯泣,去河邊找鬼纫普。 笑死,一個(gè)胖子當(dāng)著我的面吹牛节视,可吹牛的內(nèi)容都是我干的假栓。 我是一名探鬼主播寻行,決...
    沈念sama閱讀 40,052評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼拌蜘,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼!你這毒婦竟也來了简卧?” 一聲冷哼從身側(cè)響起烤芦,我...
    開封第一講書人閱讀 38,910評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎构罗,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體芙代,經(jīng)...
    沈念sama閱讀 45,324評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡盖彭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,542評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了滔韵。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,711評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖贱鼻,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情邻悬,我是刑警寧澤随闽,帶...
    沈念sama閱讀 35,424評(píng)論 5 343
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響攘烛,放射性物質(zhì)發(fā)生泄漏镀首。R本人自食惡果不足惜坟漱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,017評(píng)論 3 326
  • 文/蒙蒙 一更哄、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧觅捆,春花似錦、人聲如沸栅炒。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽聂示。三九已至,卻和暖如春鱼喉,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背锋边。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評(píng)論 1 269
  • 我被黑心中介騙來泰國打工编曼, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人掐场。 一個(gè)月前我還...
    沈念sama閱讀 47,722評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像熊户,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蝗罗,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,611評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容

  • 1、JS的數(shù)據(jù)類型只有浮點(diǎn)型沼琉,沒有整型。null,underfined,boolean,number,string...
    6e5e50574d74閱讀 2,198評(píng)論 2 1
  • 2018web前端最新面試題總結(jié) 一刺桃、Html/Css基礎(chǔ)模塊 基礎(chǔ)部分 什么是HTML吸祟?答:? HTML并不是...
    duans_閱讀 4,667評(píng)論 3 27
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,077評(píng)論 25 707
  • 文/陶蓉 茶起源于中國,數(shù)千年來葛碧,無論時(shí)代如何更迭过吻、怎樣變遷进泼,茶始終伴隨并滋養(yǎng)著人們纤虽。茶對(duì)于我們而言,已經(jīng)超出飲品...
    陶蓉子閱讀 631評(píng)論 5 6
  • 道 出世無為參妙法 王道易守民心灰 陰陽互化分天地 不求微名照汗青
    白衣小潘安閱讀 236評(píng)論 2 0