2023-08-11 21:51:05 79 0

- N +

react面試常見問題(react高階組件的作用)

大家好，今天來為大家解答react面試常見問題這個問題的一些問題點，包括react高階組件的作用也一樣很多人還不知道，因此呢，今天就來為大家分析分析，現在讓我們一起來看看吧！如果解決了您的問題，還望您關注下本站哦，謝謝~

前端面試官常問的問題

前端面試官常問問題有：對前端開發技術的了解，比如HTML、CSS、JavaScript；常用的前端框架經歷，比如React、Vue.js、Angular等；常用的前端開發工具、測試工具的使用；以及如何利用最新的Web技術構建優秀的網頁及App。

你遇到的前端面試題都有什么

1.cookiesession的用途和區別，以及有效期

1、cookie數據存放在客戶的瀏覽器上，session數據放在服務器上。

2、cookie不是很安全，別人可以分析存放在本地的COOKIE并進行COOKIE欺騙

考慮到安全應當使用session。

3、session會在一定時間內保存在服務器上。當訪問增多，會比較占用你服務器的性能

考慮到減輕服務器性能方面，應當使用COOKIE。

4、單個cookie保存的數據不能超過4K，很多瀏覽器都限制一個站點最多保存20個cookie。

2.vue的數據綁定原理，mvvm與mvc的區別

MVVM：

m:model數據模型層v:view視圖層vm:ViewModelvue中采用的是mvvm模式，這是從mvc衍生過來的MVVM讓視圖與viewmodel直接的關系特別的緊密，就是為了解決mvc反饋不及時的問題

圖片說明一下：

說到MVVM就要說一下雙向綁定和數據劫持的原理，

MVC：

m:model數據模型層v:view視圖層c:controller控制器

原理：c層需要控制model層的數據在view層進行顯示

MVC兩種方式，圖片說明：

總結：

mvvm與mvc最大的區別：MVVM實現了view與model的自動同步，也就是model屬性改變的時候，我們不需要再自己手動操作dom元素去改變view的顯示，而是改變屬性后該屬性對應的view層會自動改變。

不懂得可以復制鏈接查看：

https://www.pianshen.com/article/3716256399/

3.storage的區別sessionStoragelocalStorage

localStorage的生命周期是永久性的。假若使用localStorage存儲數據，即使關閉瀏覽器，也不會讓數據消失，除非主動的去刪除數據，使用的方法如上所示。localStorage有length屬性

sessionStorage的生命周期是在瀏覽器關閉前。也就是說，在整個瀏覽器未關閉前，其數據一直都是存在的。sessionStorage也有length屬性，其基本的判斷和使用方法和localStorage的使用是一致的

4.v-model雙向數據原理

有一個文本框通過v-bind綁定了value屬性值為myname是我們在vue實例中定義的屬性傳統我們獲取文本框值方法可能通過getElementById找到文本框然后獲取其value屬性但是vue中直接通過v-bind綁定了value屬性所以不需要像之前那樣獲取值所以在后面的按鈕中獲取name值直接獲取vue實例對象data里面的myname屬性即可

【數據為尊----數據映射到瀏覽器如果數據v-model后修改（肯定input）然后到數據在有數據映射到瀏覽器頁面----映射關系統稱】

5.keepAlive用過嗎？什么作用？

緩存路由組件

使用的是vue的一個組件，參考vue的官方文檔

使用這個東西可以保證我們在切換組件的時候，原來顯示的組件不被銷毀

-----【保障組件的數據不會被切換路由而銷毀數據】

<keep-aliveinclude="Home">Home是對應的組件對象的名字，不是路由的名字

<router-view></router-view>

</keep-alive>

6.多維數組拍平

數組拍平也稱數組扁平化，就是將數組里面的數組打開，最后合并為一個數組

一紅六種方法吧……

了解的請看：https://www.cnblogs.com/guan-shan/p/10165737.html

7.跨域的原因解決方案

跨域是指一個域下的文檔或腳本試圖去請求另一個域下的資源，這里跨域是廣義的。

這樣就可以說同源策略----協議---端口---域名

原生的src和href可以解決跨域

代理可以解決

請求頭也可以攜帶瀏覽器提示的也可以解決

一般都是后端解決跨域問題

【別的需要了解看下方鏈接】

https://blog.csdn.net/qq_41604383/article/details/100770100

8.uniApp兼容問題

§如果你使用cli創建項目（即項目根目錄是package.json），不管用什么ide，即便是用HBuilderX，切記cli項目的編譯器是在項目下的，HBuilderX不管怎么升級都不會影響編譯器版本。你需要手動npmupdate來升級編譯器。以及如果你想要安裝less、scss等預編譯器，也需要自己npm安裝在項目下，而不是在HBuilderX的插件管理里安裝。

§如果你使用離線打包，請注意HBuilderX升級后，真機運行基座和云打包對應引擎跟隨HBuilderX升級，而你的sdk需要手動升級。sdk的版本升級一般滯后HBuilderX正式版升級一兩天。

§如果你使用自定義基座，之前制作的自定義基座是不會跟隨HBuilderX升級的，升級HBuilderX后你應該重新制作新版自定義基座。

§如果你使用wgt升級，新版HBuilderX編譯的wgt，運行到之前的runtime上，一定要先測試好，看有沒有兼容性問題。如果有問題，就不要wgt升級，整包升級。

§考慮到向下兼容，uni-app編譯器在升級為新的自定義組件模式后，同時保留了對老編譯模式的向下兼容。在HBuilderXalpha版中，App端一定會使用新編譯器，不理會manifest配置。在HBuilderX正式版中，新創建的項目會使用新編譯器，老項目不會強制使用，而是開發者自己在manifest里配置開啟。

§如果你使用其他ide開發uni-app，會經常因為拼錯單詞而運行失敗，因為經過webpack編譯一道，很多錯誤反應的不夠直觀，排錯時間很長，不如從開始就依賴有良好提示的HBuilderX，避免敲錯單詞。

§云打包的引擎版本說明HBuilderXAlpha，只有1套云打包機，不管你的HBuilderXalpha版本多少，對應的打包機一定是最新的alpha版的客戶端引擎。HBuilderX正式版，有2套打包機，一個是最新正式版，一個是次新正式版。中間的緊急更新版本沒有獨立打包機。舉個例子：HBuilderX有1.8.0、1.8.1、1.8.2、1.9.0、1.9.1這幾個正式版。那么當前可用的打包機有1.9.1和1.8.2這2臺。（即每個大版本的最后一個版本）除了這2個HBuilderX版本外，其他版本的云打包都指向最新的1.9.1版對應的打包機。（即只保留2個大版本的云打包機）

【詳情請看】

https://ask.dcloud.net.cn/article/35845

前端工程師，現在面試還需要問原生js嗎

看見這個問題，我很感興趣，就不請自來了！

作為一名工作了四五年的前端，期間面試過很多人，也面試了很多家公司，我來談談我的經驗！我覺得題主想要問的問題應該是需不需要問前端基礎知識而不僅僅是原生js。

其實我本身是一個很注重基礎的人，在學校讀書的時候就是這樣，所以來到這個行業我就自然而然的注重基礎知識的學習。

面試別人的經驗

在面試別人的時候，我一般先盡可能多的考察基礎知識，從html到css再到js，如果10個基礎問題回答的不盡如人意，我覺得就可以pass了，項目我覺得都不用看。如果基礎知識還ok，那我覺得可以繼續考察對方的項目，然后結合技術棧詢問實現邏輯。還有一個很重要的標準就是工作年限，我一直認為年限和能力應該是成正比的，你工作了多少年就應該具備多少年的工作能力，如果你工作了5年，還讓我覺得你還不如組內工作兩三年的同學，那我覺得基本就應該pass了。另外，對于校招生和工作少于三年的人，我會更注重基礎知識，如果回答的好，項目單薄一點也ok，三年以上的我會提升面試項目的比重。對于組內的校招生，我會經常告誡他們前幾年要著重打牢基礎，不要迷戀框架。

被人面試的經驗

換了兩次工作，總共面試了9次，失敗一次，戰績還闊以。總結一點就是大多數一線互聯網公司的面試官還是注重基礎知識的，框架層面問的少，基本上你會什么才問你什么，也有你會的，但是他不會，這就比較尷尬了，所以很多面試官會避開他不會的。

為什么需要重視基礎知識？

作為一名工程師能走多遠，很大程度上就決定于你的基礎有多厚實

大牛們的基礎其實都非常好的，否則也寫不出vue、react之類的框架

現在的前端框架日新月異，只有基礎好，才能上手快，才能不會掉隊

每個公司的技術棧都是不同的，新人來了都需要從頭開始，基礎不好，學習時間成本很高

舉一個簡單的例子，promise的實現原理是什么？這個問題很少有人能答出來，多數人用的時候都是依賴文檔，所以你就會發現代碼里面會有各種各樣的promise的寫法，有時不會出語法問題，但是一看就覺得寫的不好，有的出錯了，自己卻找不出原因，這就很明顯能反應出一個人的基礎水平！

話外音：為什么我們國家造不出好的發動機？就是因為基礎科學不被重視，學基礎科學的同學不好找工作，而我就是其中一員！

喜歡我的回答就關注我吧，有問題可以發表評論，我們一起學習，共同成長！