React層面的性能優(yōu)化

整個(gè)前端性能提升大致分幾類

[x] import { Button } from "antd" ，打包的時(shí)候只打包button，分模塊加載，是怎么做到的

[x] 使用import時(shí)，webpack對(duì)node_modules里的依賴會(huì)做什么

JS異步解決方案的發(fā)展歷程以及優(yōu)缺點(diǎn)

Http報(bào)文的請(qǐng)求會(huì)有幾個(gè)部分

cookie放哪里，cookie能做的事情和存在的價(jià)值

cookie和token都存放在header里面，為什么只劫持前者

cookie和session有哪些方面的區(qū)別

React中Dom結(jié)構(gòu)發(fā)生變化后內(nèi)部經(jīng)歷了哪些變化

React掛載的時(shí)候有3個(gè)組件，textComponent、composeComponent、domComponent，區(qū)別和關(guān)系，Dom結(jié)構(gòu)發(fā)生變化時(shí)怎么區(qū)分data的變化，怎么更新，更新怎么調(diào)度，如果更新的時(shí)候還有其他任務(wù)存在怎么處理

key主要是解決哪一類的問(wèn)題，為什么不建議用索引index（重繪）

Redux中異步的請(qǐng)求怎么處理

Redux中間件是什么東西，接受幾個(gè)參數(shù)（兩端的柯里化函數(shù)）

柯里化函數(shù)兩端的參數(shù)具體是什么東西

中間件是怎么拿到store和action，然后怎么處理

state是怎么注入到組件的，從reducer到組件經(jīng)歷了什么樣的過(guò)程

koa中response.send、response.rounded、response.json發(fā)生了什么事，瀏覽器為什么能識(shí)別到它是一個(gè)json結(jié)構(gòu)或是html

koa-bodyparser怎么來(lái)解析request

[x] webpack整個(gè)生命周期，loader和plugin有什么區(qū)別

[x] 介紹AST（Abstract Syntax Tree）抽象語(yǔ)法樹(shù)

安卓Activity之間數(shù)據(jù)是怎么傳遞的

安卓4.0到6.0過(guò)程中WebView對(duì)js兼容性的變化

WebView和原生是如何通信

跨域怎么解決，有沒(méi)有使用過(guò)Apache等方案

對(duì)async、await的理解，內(nèi)部原理

介紹下Promise，內(nèi)部實(shí)現(xiàn)

[x] 清除浮動(dòng)

[x] 定位問(wèn)題（絕對(duì)定位、相對(duì)定位等）

從輸入U(xiǎn)RL到頁(yè)面加載全過(guò)程

tcp3次握手

tcp屬于哪一層（1 物理層 -> 2 數(shù)據(jù)鏈路層 -> 3 網(wǎng)絡(luò)層(ip)-> 4 傳輸層(tcp) -> 5 應(yīng)用層(http)）

redux的設(shè)計(jì)思想

接入redux的過(guò)程

綁定connect的過(guò)程

connect原理

[x] webpack介紹

== 和 ===的區(qū)別，什么情況下用相等==

bind、call、apply的區(qū)別

動(dòng)畫(huà)的了解

介紹下原型鏈（解決的是繼承問(wèn)題嗎）

對(duì)跨域的了解

Linux 754 介紹

介紹冒泡排序，選擇排序，冒泡排序如何優(yōu)化

transform動(dòng)畫(huà)和直接使用left、top改變位置有什么優(yōu)缺點(diǎn)

如何判斷鏈表是否有環(huán)

介紹二叉搜索樹(shù)的特點(diǎn)

介紹暫時(shí)性死區(qū)

ES6中的map和原生的對(duì)象有什么區(qū)別

觀察者和發(fā)布-訂閱的區(qū)別

react異步渲染的概念,介紹Time Slicing 和 Suspense

16.X聲明周期的改變

16.X中props改變后在哪個(gè)生命周期中處理

介紹純函數(shù)

前端性能優(yōu)化

pureComponent和FunctionComponent區(qū)別

介紹JSX

如何做RN在安卓和IOS端的適配

RN為什么能在原生中繪制成原生組件（bundle.js）

介紹虛擬DOM

如何設(shè)計(jì)一個(gè)localStorage，保證數(shù)據(jù)的實(shí)效性

如何設(shè)計(jì)Promise.all()

介紹高階組件

sum(2, 3)實(shí)現(xiàn)sum(2)(3)的效果

react性能優(yōu)化

兩個(gè)對(duì)象如何比較

JS的原型

變量作用域鏈

call、apply、bind的區(qū)別

防抖和節(jié)流的區(qū)別

介紹各種異步方案

react生命周期

介紹Fiber

前端性能優(yōu)化

介紹DOM樹(shù)對(duì)比

react中的key的作用

如何設(shè)計(jì)狀態(tài)樹(shù)

介紹css，xsrf

http緩存控制

項(xiàng)目中如何應(yīng)用數(shù)據(jù)結(jié)構(gòu)

native提供了什么能力給RN

如何做工程上的優(yōu)化

shouldComponentUpdate是為了解決什么問(wèn)題

如何解決props層級(jí)過(guò)深的問(wèn)題

前端怎么做單元測(cè)試

[x] webpack生命周期

[x] webpack打包的整個(gè)過(guò)程

[x] 常用的plugins

pm2怎么做進(jìn)程管理，進(jìn)程掛掉怎么處理

不用pm2怎么做進(jìn)程管理

介紹下瀏覽器跨域

怎么去解決跨域問(wèn)題

jsonp方案需要服務(wù)端怎么配合

Ajax發(fā)生跨域要設(shè)置什么（前端）

加上CORS之后從發(fā)起到請(qǐng)求正式成功的過(guò)程

xsrf跨域攻擊的安全性問(wèn)題怎么防范

使用Async會(huì)注意哪些東西

Async里面有多個(gè)await請(qǐng)求，可以怎么優(yōu)化（請(qǐng)求是否有依賴）

Promise和Async處理失敗的時(shí)候有什么區(qū)別

Redux在狀態(tài)管理方面解決了React本身不能解決的問(wèn)題

Redux有沒(méi)有做過(guò)封裝

react生命周期，常用的生命周期

對(duì)應(yīng)的生命周期做什么事

遇到性能問(wèn)題一般在哪個(gè)生命周期里解決

怎么做性能優(yōu)化（異步加載組件...）

寫(xiě)react有哪些細(xì)節(jié)可以優(yōu)化

React的事件機(jī)制（綁定一個(gè)事件到一個(gè)組件上）

介紹下事件代理，主要解決什么問(wèn)題

前端開(kāi)發(fā)中用到哪些設(shè)計(jì)模式

React/Redux中哪些功能用到了哪些設(shè)計(jì)模式

JS變量類型分為幾種，區(qū)別是什么

JS里垃圾回收機(jī)制是什么，常用的是哪種，怎么處理的

一般怎么組織CSS（Webpack）

小程序里面開(kāi)頁(yè)面最多多少

React子父組件之間如何傳值

Emit事件怎么發(fā)，需要引入什么

介紹下React高階組件，和普通組件有什么區(qū)別

一個(gè)對(duì)象數(shù)組，每個(gè)子對(duì)象包含一個(gè)id和name，React如何渲染出全部的name

在哪個(gè)生命周期里寫(xiě)

其中有幾個(gè)name不存在，通過(guò)異步接口獲取，如何做

渲染的時(shí)候key給什么值，可以使用index嗎，用id好還是index好

[x] webpack如何配sass，需要配哪些loader

[x] 配css需要哪些loader

如何配置把js、css、html多帶帶打包成一個(gè)文件

[x] div垂直水平居中（flex、絕對(duì)定位）

兩個(gè)元素塊，一左一右，中間相距10像素

上下固定，中間滾動(dòng)布局如何實(shí)現(xiàn)

[1, 2, 3, 4, 5]變成[1, 2, 3, a, b, 5]

取數(shù)組的最大值（ES5、ES6）

apply和call的區(qū)別

ES5和ES6有什么區(qū)別

some、every、find、filter、map、forEach有什么區(qū)別

上述數(shù)組隨機(jī)取數(shù)，每次返回的值都不一樣

如何找0-5的隨機(jī)數(shù)，95-99呢

頁(yè)面上有1萬(wàn)個(gè)button如何綁定事件

如何判斷是button

頁(yè)面上生成一萬(wàn)個(gè)button，并且綁定事件，如何做（JS原生操作DOM）

循環(huán)綁定時(shí)的index是多少，為什么，怎么解決

頁(yè)面上有一個(gè)input，還有一個(gè)p標(biāo)簽，改變input后p標(biāo)簽就跟著變化，如何處理

監(jiān)聽(tīng)input的哪個(gè)事件，在什么時(shí)候觸發(fā)

手寫(xiě)兩道算法題

對(duì)React看法，有沒(méi)有遇到一些坑

對(duì)閉包的看法，為什么要用閉包

手寫(xiě)數(shù)組去重函數(shù)

手寫(xiě)數(shù)組扁平化函數(shù)

介紹下Promise的用途和性質(zhì)

Promise和Callback有什么區(qū)別

React生命周期

ES6新的特性

介紹Promise

Promise有幾個(gè)狀態(tài)

說(shuō)一下閉包

React的生命周期

componentWillReceiveProps的觸發(fā)條件是什么

React16.3對(duì)生命周期的改變

介紹下React的Filber架構(gòu)

畫(huà)Filber渲染樹(shù)

介紹React高階組件

父子組件之間如何通信

Redux怎么實(shí)現(xiàn)屬性傳遞，介紹下原理

React-Router版本號(hào)

網(wǎng)站SEO怎么處理

介紹下HTTP狀態(tài)碼

403、301、302是什么

緩存相關(guān)的HTTP請(qǐng)求頭

介紹HTTPS

HTTPS怎么建立安全通道

前端性能優(yōu)化（JS原生和React）

用戶體驗(yàn)做過(guò)什么優(yōu)化

對(duì)PWA有什么了解

對(duì)安全有什么了解

介紹下數(shù)字簽名的原理

前后端通信使用什么方案

RESTful常用的Method

介紹下跨域

Access-Control-Allow-Origin在服務(wù)端哪里配置

csrf跨站攻擊怎么解決

前端和后端怎么聯(lián)調(diào)

localStorage和cookie有什么區(qū)別

CSS選擇器有哪些

盒子模型，以及標(biāo)準(zhǔn)情況和IE下的區(qū)別

如何實(shí)現(xiàn)高度自適應(yīng)

prototype和——proto——區(qū)別

_construct是什么

new是怎么實(shí)現(xiàn)的

promise的精髓，以及優(yōu)缺點(diǎn)

如何實(shí)現(xiàn)H5手機(jī)端的適配

rem、flex的區(qū)別（root em）

em和px的區(qū)別

React聲明周期

如何去除url中的#號(hào)

Redux狀態(tài)管理器和變量掛載到window中有什么區(qū)別

webpack和gulp的優(yōu)缺點(diǎn)

如何實(shí)現(xiàn)異步加載

如何實(shí)現(xiàn)分模塊打包（多入口）

前端性能優(yōu)化（1js css；2 圖片；3 緩存預(yù)加載； 4 SSR； 5 多域名加載；6 負(fù)載均衡）

并發(fā)請(qǐng)求資源數(shù)上限（6個(gè)）

base64為什么能提升性能，缺點(diǎn)

介紹webp這個(gè)圖片文件格式

介紹koa2

Promise如何實(shí)現(xiàn)的

異步請(qǐng)求，低版本fetch如何低版本適配

ajax如何處理跨域

CORS如何設(shè)置

jsonp為什么不支持post方法

介紹同源策略

React使用過(guò)的一些組件

介紹Immuable

介紹下redux整個(gè)流程原理

介紹原型鏈

如何繼承

介紹JS數(shù)據(jù)類型，基本數(shù)據(jù)類型和引用數(shù)據(jù)類型的區(qū)別

Array是Object類型嗎

數(shù)據(jù)類型分別存在哪里

var a = {name: "前端開(kāi)發(fā)"}; var b = a; a = null那么b輸出什么

var a = {b: 1} 存放在哪里

var a = {b: {c: 1}}存放在哪里

棧和堆的區(qū)別

垃圾回收時(shí)棧和堆的區(qū)別

數(shù)組里面有10萬(wàn)個(gè)數(shù)據(jù)，取第一個(gè)元素和第10萬(wàn)個(gè)元素的時(shí)間相差多少

棧和堆具體怎么存儲(chǔ)

介紹閉包以及閉包為什么沒(méi)清除

閉包的使用場(chǎng)景

JS怎么實(shí)現(xiàn)異步

異步整個(gè)執(zhí)行周期

Promise的三種狀態(tài)

Async/Await怎么實(shí)現(xiàn)

Promise和setTimeout執(zhí)行先后的區(qū)別

JS為什么要區(qū)分微任務(wù)和宏任務(wù)

Promise構(gòu)造函數(shù)是同步還是異步執(zhí)行，then呢

發(fā)布-訂閱和觀察者模式的區(qū)別

JS執(zhí)行過(guò)程中分為哪些階段

詞法作用域和this的區(qū)別

平常是怎么做繼承

深拷貝和淺拷貝

loadsh深拷貝實(shí)現(xiàn)原理

ES6中let塊作用域是怎么實(shí)現(xiàn)的

React中setState后發(fā)生了什么

setState為什么默認(rèn)是異步

setState什么時(shí)候是同步的

為什么3大框架出現(xiàn)以后就出現(xiàn)很多native（RN）框架（虛擬DOM）

虛擬DOM主要做了什么

虛擬DOM本身是什么（JS對(duì)象）

304是什么

打包時(shí)Hash碼是怎么生成的

隨機(jī)值存在一樣的情況，如何避免

[x] 使用webpack構(gòu)建時(shí)有無(wú)做一些自定義操作

[x] webpack做了什么

a，b兩個(gè)按鈕，點(diǎn)擊aba，返回順序可能是baa，如何保證是aba（Promise.then）

node接口轉(zhuǎn)發(fā)有無(wú)做什么優(yōu)化

node起服務(wù)如何保證穩(wěn)定性，平緩降級(jí)，重啟等

RN有沒(méi)有做熱加載

RN遇到的兼容性問(wèn)題

RN如何實(shí)現(xiàn)一個(gè)原生的組件

RN混原生和原生混RN有什么不同

什么是單頁(yè)項(xiàng)目

遇到的復(fù)雜業(yè)務(wù)場(chǎng)景

Promise.all實(shí)現(xiàn)原理

介紹Promise的特性，優(yōu)缺點(diǎn)

介紹Redux

RN的原理，為什么可以同時(shí)在安卓和IOS端運(yùn)行

RN如何調(diào)用原生的一些功能

介紹RN的缺點(diǎn)

介紹排序算法和快排原理

堆和棧的區(qū)別

介紹閉包

閉包的核心是什么

網(wǎng)絡(luò)的五層模型

HTTP和HTTPS的區(qū)別

HTTPS的加密過(guò)程

介紹SSL和TLS

介紹DNS解析

JS的繼承方法

介紹垃圾回收

cookie的引用為了解決什么問(wèn)題

cookie和localStorage的區(qū)別

如何解決跨域問(wèn)題

前端性能優(yōu)化

使用canvas繪圖時(shí)如何組織成通用組件

formData和原生的ajax有什么區(qū)別

介紹下表單提交，和formData有什么關(guān)系

介紹redux接入流程

rudux和全局管理有什么區(qū)別（數(shù)據(jù)可控、數(shù)據(jù)響應(yīng)）

RN和原生通信

介紹MVP怎么組織

介紹異步方案

promise如何實(shí)現(xiàn)then處理

koa2中間件原理

常用的中間件

服務(wù)端怎么做統(tǒng)一的狀態(tài)處理

如何對(duì)相對(duì)路徑引用進(jìn)行優(yōu)化

node文件查找優(yōu)先級(jí)

npm2和npm3+有什么區(qū)別

knex連接數(shù)據(jù)庫(kù)響應(yīng)回調(diào)

介紹異步方案

如何處理異常捕獲

項(xiàng)目如何管理模塊

前端性能優(yōu)化

JS繼承方案

如何判斷一個(gè)變量是不是數(shù)組

變量a和b，如何交換

事件委托

多個(gè)