1狞悲、fetch和xhr的區(qū)別
XMLHttpRequest(XHR)
fetch是基于Promise設(shè)計(jì)的怔接。
2、一個(gè)fetch請(qǐng)求500個(gè)圖片象对,然后圖片處于pending狀態(tài)衔憨,能不能取消叶圃,怎么做?
践图?掺冠??
ajax取消請(qǐng)求用abort
3、pureComponent
pureComponent是16版本新增的德崭。在shouldComponentupdate的時(shí)候?qū)tate和props進(jìn)行了一次淺比較斥黑。
4、cookie和session的區(qū)別
cookie保存在用戶本地眉厨,session跟著請(qǐng)求傳遞锌奴,一般用來(lái)實(shí)現(xiàn)用戶信息長(zhǎng)期保存,并與服務(wù)端信息確認(rèn)
5憾股、原型繼承
function animal(){}
animal.name = "snail";
function cat(){}
cat.prototype = animal;
cat.constructor = cat;
6鹿蜀、target和currentTarget的區(qū)別
7、如果頁(yè)面fixed一個(gè)半透明層服球,怎么阻止touch事件透到下面的主體page
8茴恰、怎么實(shí)現(xiàn)祖父、父斩熊、子三層嵌套往枣,但是click后的執(zhí)行順序是祖父,子粉渠,父
9分冈、瀏覽器頁(yè)面渲染的過(guò)程
10、頁(yè)面性能優(yōu)化注意點(diǎn)
11霸株、react什么時(shí)候調(diào)用render
12雕沉、react性能優(yōu)化
shouldComponentUpdate里面比較nextProps nextState和現(xiàn)有的,返回true或者false去判斷是否重新渲染
13淳衙、為什么box-shadow的渲染性能比border更差
因?yàn)閎ox-shadow的渲染蘑秽,涉及到模糊啥的饺著,肯定比單純顏色繪制的算法更復(fù)雜
14箫攀、css實(shí)現(xiàn)多列等高
15、inline
inline設(shè)置寬高無(wú)效
水平方向的padding-left, padding-right, margin-left, margin-right都產(chǎn)生邊距效果幼衰;但豎直方向的padding-top, padding-bottom, margin-top, margin-bottom不會(huì)產(chǎn)生邊距效果
16靴跛、tcp和udp的區(qū)別,是不是每個(gè)數(shù)據(jù)包都會(huì)產(chǎn)生三次握手四次揮手
不是渡嚣,是一個(gè)數(shù)據(jù)段進(jìn)行一次三次握手四次揮手
17梢睛、用svg的優(yōu)點(diǎn)
可擴(kuò)展,可以多色
18识椰、內(nèi)存泄漏
記錄memory绝葡,如果五次一直在增加,基本上能判斷為內(nèi)存泄漏
19腹鹉、addEventListener
最后一個(gè)參數(shù)默認(rèn)是false藏畅,false是按冒泡的順序執(zhí)行,true是按捕獲的順序執(zhí)行
/*
css
定位
樣式權(quán)重
bfc
響應(yīng)式布局
上下左右居中
js
事件
原型
原型鏈
原型繼承
react 性能優(yōu)化 生命周期
redux原理
router
https://www.html5rocks.com/zh/tutorials/speed/scrolling/#toc-resizing
https://www.nodebeginner.org/index-zh-cn.html#javascript-and-you
外層relative功咒,200px愉阎,內(nèi)層absolute width 30%绞蹦,內(nèi)層的寬度以200px計(jì)算,如果外層有padding榜旦,還是以200px計(jì)算幽七,算到padding層,不是content溅呢,設(shè)置了box-sizing為box都還是會(huì)按200來(lái)算
外relative澡屡,內(nèi)relative,按content算
瀏覽器加載順序咐旧,為什么js要后置
webpack性能優(yōu)化
react挪蹭,單頁(yè)面,用了router之后休偶,如果打包就是打成一個(gè)很大的文件梁厉,那么webpack對(duì)動(dòng)態(tài)加載,性能優(yōu)化做了寫(xiě)啥
router實(shí)現(xiàn)的原理
float的left和right怎么排列踏兜,超出是不是掉下去词顾,那父元素多高
float和absolute對(duì)父元素的影響
怎么不依賴etag等響應(yīng)頭也不依賴js,去設(shè)置前端緩存碱妆?——manifest離線應(yīng)用緩存
pwa
怎么樣的繼承比較好肉盹,構(gòu)造函數(shù)繼承和原型繼承有啥缺點(diǎn)
上面一個(gè)搜索框里面有input,然后下面列表滾動(dòng)疹尾,兩部分加起來(lái)和頁(yè)面等高上忍,怎么實(shí)現(xiàn)
文檔狀態(tài)改變,有哪幾個(gè)狀態(tài)