前端面经总结

HTML

1. html跳转链接用哪个标签实现？如果要从一个新窗口打开链接通过什么属性？
2. form表单：用来做什么

CSS

1. CSS如何针对不同浏览器做适应。有哪些CSS属性是不被IE兼容的？
2. CSS在浏览器表现的运用（font-size、盒模型、布局）
3. 实现一个拖拽
4. transform
5. flex的order
6. 外边距重叠（父子兄弟）
7. CSS适配移动端
8. link和@import的区别

JS

1. 使用原生JS和CSS对一个div进行隐藏。
2. ajax、fetch和axios的区别
3. js实现继承的方式
4. console.log(typeof typeof typeof null);
5. axios底层原理
6. string转Number的方法
7. 函数声明和函数表达式的区别
8. 一个ul里有若干个li，如何实现li倒序
9. 原生实现双向绑定（Object.defineProperty）
   10.ajax如何监听事件

React

1. 为什么要引入Hooks
2. 类组件与函数组件的区别
3. React的渲染过程
4. React事件机制
5. 路由鉴权

八股

1. ca证书
2. 常见的请求头
3. 常见的响应头

浏览器

1. 线程和进程的关系和区别
2. cookie如果没有设置有效时间会怎么样？
3. 如何设置cookie的有效时间
4. 强缓存返回的状态码
5. 浏览器渲染过程
6. 减少重绘和重排的方式

性能优化

1. 图片懒加载
2. 路由懒加载
3. webpack优化
4. CDN
5. 减少重绘和重排的次数
6. 使用防抖和节流
7. 雪碧图