前期参考牛客网的面经收获非常大，现在秋招也基本结束，回馈一波牛客。
1. 本人基本情况
某C9非全硕士，本硕专业都是机械，自学前端1年半，参与过两个前端项目。
知识体系：熟悉 http 浏览器原理 es5 es6 css2 css3 html vue及其原理 ajax fetch dom。了解 webpack基本配置及常用优化手段 jquery bootstrap bootstrap-table echarts。稍微了解：node（循环系统、fs、http） canvas svg webgl pwa 微前端 ts。
2. 目前offer状态
投递公司：13家---阿里 字节 百度 网易 远景 京东 美团 腾讯 携程 猿辅导 哔哩哔哩 哈啰出行 滴滴出行
已意向：字节 百度（提前批） 网易 远景（sp专场）
等待终面：阿里云
一面后无消息：京东
主动放弃：腾讯（一面过后，地点原因放弃） 美团（地点原因） 猿辅导（笔试太难、地点原因） 携程（限定全日制）
未发起面试：哔哩哔哩 哈啰出行 滴滴出行
3. 前端面试总结
3.1 考察知识范围
es5 es6: 原型链（手写、与类的区别） 作用域（this机制---箭头函数|apply|bind|call|对象方法|全局调用、词法作用域） 循环系统（微任务|宏任务|promise|setInterval|setTimeout|回调函数） promise|promise.all|promise.race的实现（原理|手写|延迟绑定技术） await|async（微任务|协程机制） set|map generate 主攻异步及其解决方案
http：网络加载过程（常见协议头cookie|cache|etag|if-modified|CORS|CSP|数据协商） 网络安全CSRF XSS 防盗链（腾讯主攻） 渲染过程（结合dom操作|虚拟dom|opacity|display|will-change|合成线程） 跨域（websocket|jsonp|ping|onmessage） 同源策略 XMLHttpRequest Fetch
css: 三列布局 两栏布局 transition animation transform 权重 梯形|三角形 ---以实现为主
vue: 数据管理（vuex props 总线机制 插槽 事件） vue-router（以原理为主） 虚拟dom diff算法 模板引擎 渲染过程 监听机制（数组|对象无法用Object.defineProperty的原因 vue3的解决方法---proxy） 设计题（实现全选|汽车调度设计）
ajax|fetch：两者区别 实现ajax 具体配置 跨域 cookie相关
webpack: 基本配置 高级配置 速度优化 体积优化
node: 循环系统 多线程编程 异步 I/O阻塞
3.2 面试流程
阿里：4面技术面（1面交叉面）+ 1面hr
字节：3面技术面 + hr直接谈意向
百度：2面技术面 + 1面主管面 + hr直接谈意向
网易：2面技术面 + 1面专业hr面
远景：2面技术面 + 1面主管面 + 10分钟hr面
3.3 面试注意事项
1. 面经很重要！！！
2. 总分总的回答方式很重要！！！
3. 要体现自己的知识体系！！！
4. 反问环节问对问题很重要！！！ --- 技术面问技术栈 --- 主管面问组织架构 | 未来规划 hr面---问流程|问福利
全部评论
(14) 回帖