前端面試題2

webpack的打包時間壓縮?

目前看的最新的技術(shù)?
函數(shù)柯里化 hooks

promise的then中執(zhí)行為什么少一次?

如何使setState同步執(zhí)行?
在react能檢測的到的地方setState是異步的,檢測不到的地方如setIneterval setTimeout里是同步的
setState的異步原理?


圖片發(fā)自簡書App

obejct.assign后者會覆蓋前者

setTimeout和promise的執(zhí)行順序?
兩個執(zhí)行隊列不是同一個執(zhí)行隊列,promise的執(zhí)行優(yōu)先級高,promise和async按照先進先出執(zhí)行回調(diào)和await
Promise.then()里面的回調(diào)屬于 microtask, 會在當(dāng)前 Event Loop 的最后執(zhí)行, 而 SetTimeout 內(nèi)的回調(diào)屬于 macrotask, 會在下一個 Event Loop 中執(zhí)行https://blog.csdn.net/baidu_33295233/article/details/79335127

B函數(shù)如何繼承A函數(shù)?
將父類的實例作為子類的原型

function B(){}
function A(){}
B.prototype = new A();
function A(){}
function B(){
  A.call(this);
}
function B(){}
function A(){}
B.prototype =  new A();
function B(){
  A.call( this );
}

CSS3的放大縮?。?/p>

@keyframes scaleDraw {  /*定義關(guān)鍵幀、scaleDrew是需要綁定到選擇器的關(guān)鍵幀名稱*/
            0%{
                transform: scale(1);  /*開始為原始大小*/
            }
            25%{
                transform: scale(1.1); /*放大1.1倍*/
            }
            50%{
                transform: scale(1);
            }
            75%{
                transform: scale(1.1);
            }
        }
    .ballon{
            width: 150px;
            height: 200px;
            background: url("images/balloon.png");
            background-size: 150px 200px;
            -webkit-animation-name: scaleDraw; /*關(guān)鍵幀名稱*/
            -webkit-animation-timing-function: ease-in-out; /*動畫的速度曲線*/
            -webkit-animation-iteration-count: infinite;  /*動畫播放的次數(shù)*/
            -webkit-animation-duration: 5s; /*動畫所花費的時間*/
        }

pureComponent和component區(qū)別?
React.PureComponent 通過prop和state的淺對比來實現(xiàn) shouldComponentUpate()

如何判斷浮點數(shù)是否相等?
判斷兩數(shù)之差是否小于Number.EPSILON

react合成事件以及如何阻止合成事件和原生事件的冒泡?
合成:e.stopPropagation
原生:e.nativeEvent.stopImmediatePropagation()

函數(shù)防抖和函數(shù)節(jié)流的區(qū)別?
防抖:在特定時間內(nèi)沒有觸發(fā)才執(zhí)行,要用cleartimeout
節(jié)流:在特定時間內(nèi)只執(zhí)行一次

es6靜態(tài)方法?
static,只能在類上調(diào)用,不能用實例調(diào)用

less樣式覆蓋問題怎么處理?webpack怎么轉(zhuǎn)換成css?

居中的5種方式?

require和import的區(qū)別?
require:可以在運行時使用,理論上可以放在任何地方,是動態(tài)的,是賦值過程
import:編譯時調(diào)用,所以要放在頭部,是靜態(tài)的,是解構(gòu)過程

import總結(jié):export沒寫default的時候要寫{},反之則不能寫,寫as的時候要視是否有default

兩次請求的情況?

OPTION:1.先驗證一下服務(wù)器支持哪些通信方法,content-type設(shè)置為json時會出現(xiàn) 2.跨域驗證會出現(xiàn)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 阿里 使用過的koa2中間件 koa-body原理 介紹自己寫過的中間件 有沒有涉及到Cluster 介紹pm2 ...
    隨便娶個名字閱讀 1,271評論 0 1
  • 今年是大年初一,這是我2016年的目標與期待。 每年我們都應(yīng)該做到一些新的事情或是讓以前的事情進入新的階段,讓這一...
    顧訴閱讀 172評論 0 0
  • 生活總是充滿了驚喜,你不會知道什么時候你會突然變了,變得不再那么桀驁不馴,放蕩不羈,不可一世,唯吾獨尊!以為世界可...
    扎如閱讀 205評論 0 2
  • 1,復(fù)原卡,在親密關(guān)系里你的需求是什么? 2,動物卡,因為有這樣的需求所以常常表現(xiàn)出來的是…… 3,這幾對牌是如何...
    兮兮AX閱讀 195評論 0 0
  • 素媛輕輕地撕下一頁老式日歷,臉上綻開了久違的笑容。 她是一位美食專欄作家,生得白皙素雅,身穿一身素潔的青藍色小碎花...
    一個藝閱讀 349評論 5 6

友情鏈接更多精彩內(nèi)容