Web前端面试题集锦

浏览器

1.输入url浏览器发生了什么
2.浏览器 的一帧做什么事
3.内核
4.渲染机制
5.ajax机制
6.缓存策略 https://blog.csdn.net/zl399615007/article/details/84534884

Webpack

1.webpack原理
2.Chunk hash content hash 区别
3.loader，plugin 区别，怎么写
4.webpack新特性
5.正向代理、反向代理
6.babel解析原理
7.webpack 的性能优化
8.webpack-dev-server 的 HMR 实现原理吗

js相关

1.闭包，怎么形成的，有什么影响
2.settimeout运行机制
3.promise 手写实现（重点掌握）
4.localstorage、sessionStorage 和 cookie 的区别
5.手写一下防抖和节流

跨域

1.跨域原因，发出去了，被哪里拦截了 同源车略，解决方案
2.常见解决方案

http

1.http、optinos运行机制
2.get post区别
3.https握手过程
4.webSocket 和 ajax 的区别
5.xss、csrf 有了解过吗，如何防范

Node

1.Node 内存泄漏，运行机制
2.宏任务，微任务区别
3.事件轮训

Vue

1.生命周期的区别 modunened，created
2.路由的实现原理，优缺点

React

1.setState 实现原理
2.虚拟dom的优点

适配

1.rem 原理，怎么实现

设计模式

1.实现监听者模式（手写）

算法

1.冒泡算法
2.快排
3.['1.0', '0.0.1', '1.1.1.1'] 版本号排序
4.给定一个只包括 '('，')'，'{'，'}'，'['，']' 的字符串，输出不能匹配的字符及其位置。
匹配的字符串需满足：
左括号必须用相同类型的右括号闭合。
左括号必须以正确的顺序闭合。
空字符串可被认为是有效字符串。
{[([{){]}
5.abc，求全排列，所有组合的可能性，返回数组
[ abc / acb / bac / bca / cab / cba ]

ES6

1.哪些用法
2.新提案是什么
3.weak-Set、weak-Map 和 Set、Map 区别

其他

1.git hooks
2.测试框架
3.unix指令
4.Typscript 有了解吗，能讲讲吗？接口、枚举、泛型

node
异步机制
求算法