1、fetch和xhr的区别
XMLHttpRequest(XHR)
fetch是基于Promise设计的。
2、一个fetch请求500个图片,然后图片处于pending状态,能不能取消,怎么做?
???
ajax取消请求用abort
3、pureComponent
pureComponent是16版本新增的。在shouldComponentupdate的时候对state和props进行了一次浅比较。
4、cookie和session的区别
cookie保存在用户本地,session跟着请求传递,一般用来实现用户信息长期保存,并与服务端信息确认
5、原型继承
function animal(){}
animal.name = "snail";
function cat(){}
cat.prototype = animal;
cat.constructor = cat;
6、target和currentTarget的区别
7、如果页面fixed一个半透明层,怎么阻止touch事件透到下面的主体page
8、怎么实现祖父、父、子三层嵌套,但是click后的执行顺序是祖父,子,父
9、浏览器页面渲染的过程
10、页面性能优化注意点
11、react什么时候调用render
12、react性能优化
shouldComponentUpdate里面比较nextProps nextState和现有的,返回true或者false去判断是否重新渲染
13、为什么box-shadow的渲染性能比border更差
因为box-shadow的渲染,涉及到模糊啥的,肯定比单纯颜色绘制的算法更复杂
14、css实现多列等高
15、inline
inline设置宽高无效
水平方向的padding-left, padding-right, margin-left, margin-right都产生边距效果;但竖直方向的padding-top, padding-bottom, margin-top, margin-bottom不会产生边距效果
16、tcp和udp的区别,是不是每个数据包都会产生三次握手四次挥手
不是,是一个数据段进行一次三次握手四次挥手
17、用svg的优点
可扩展,可以多色
18、内存泄漏
记录memory,如果五次一直在增加,基本上能判断为内存泄漏
19、addEventListener
最后一个参数默认是false,false是按冒泡的顺序执行,true是按捕获的顺序执行
/*
css
定位
样式权重
bfc
响应式布局
上下左右居中
js
事件
原型
原型链
原型继承
react 性能优化 生命周期
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,内层absolute width 30%,内层的宽度以200px计算,如果外层有padding,还是以200px计算,算到padding层,不是content,设置了box-sizing为box都还是会按200来算
外relative,内relative,按content算
浏览器加载顺序,为什么js要后置
webpack性能优化
react,单页面,用了router之后,如果打包就是打成一个很大的文件,那么webpack对动态加载,性能优化做了写啥
router实现的原理
float的left和right怎么排列,超出是不是掉下去,那父元素多高
float和absolute对父元素的影响
怎么不依赖etag等响应头也不依赖js,去设置前端缓存?——manifest离线应用缓存
pwa
怎么样的继承比较好,构造函数继承和原型继承有啥缺点
上面一个搜索框里面有input,然后下面列表滚动,两部分加起来和页面等高,怎么实现
文档状态改变,有哪几个状态