面试题库-详情 - 深蓝学院 - 专注于前沿科技的教育平台

题目

个人秋招经验总结（前端方向）

解题思路

楼主前端方向，从牛客网上收获了很多经验贴和面经，在秋招准备和面试过程中，收获了不少同学的帮助和鼓励。最终运气比较好，拿到阿里、美团、OPPO、360和有赞的意向书，拿到阿里意向书以后便没有参加其他公司的面试了，花了两天整理了一篇自己秋招的经验总结，希望能够帮助到其他牛友～前端知识点汇总前端知识点是我在准备秋招过程中，看书和经验贴中总结到的一些知识点，不仅面试中经常问到，同时对于自己未来的工作和学习也很重要，也欢迎大家一起补充～一、JavaScript 1. 原始值和引用值类型及区别 2. 判断数据类型typeof、instanceof、Object.prototype.toString.call()、constructor 3. 类数组与数组的区别与转换 4. 数组的常见API 5. bind、call、apply的区别 6. new的原理 7. 如何正确判断this？ 8. 闭包及其作用 9. 原型和原型链 10. prototype与__proto__的关系与区别 11. 继承的实现方式及比较 12. 深拷贝与浅拷贝 13. 防抖和节流 14. 作用域和作用域链、执行期上下文 15. DOM常见的操作方式 16. Array.sort()方法与实现机制 17. Ajax的请求过程 18. JS的垃圾回收机制 19. JS中的String、Array和Math方法 20. addEventListener和onClick()的区别 21. new和Object.create的区别 22. DOM的location对象 23. 浏览器从输入URL到页面渲染的整个流程（涉及到计算机网络数据传输过程、浏览器解析渲染过程） 24. 跨域、同源策略及跨域实现方式和原理 25. 浏览器的回流（Reflow）和重绘（Repaints） 26. JavaScript中的arguments 27. EventLoop事件循环 28. 宏任务与微任务 29. BOM属性对象方法 30. 函数柯里化及其通用封装 31. JS的map()和reduce()方法 32. “==”和“===”的区别 33. setTimeout用作倒计时为何会产生误差？二、ES6 1. let、const和var的概念与区别 2. 变量提升与暂时性死区 3. 变量的结构赋值 4. 箭头函数及其this问题 5. Symbol概念及其作用 6. Set和Map数据结构 7. Proxy 8. Reflect对象 9. Promise（手撕Promise A+规范、Promise.all、Promise相关API和方法） 10. Iterator和for...of（Iterator遍历器的实现） 11. 循环语法比较及使用场景（for、forEach、for...in、for...of） 12. Generator及其异步方面的应用 13. async函数 14. 几种异步方式的比较（回调、setTimeout、Promise、Generator、async） 15. class基本语法及继承 16. 模块加载方案比较（CommonJS和ES6的Module） 17. ES6模块加载与CommonJS加载的原理三、HTML/CSS 1. CSS权重及其引入方式 2. 标签全部作用 3. 用CSS画三角形 4. 未知宽高元素水平垂直居中（方案及比较） 5. 元素种类的划分 6. 盒子模型及其理解 7. 定位方式及其区别（文档流） 8. margin塌陷及合并问题 9. 浮动模型及清除浮动的方法 10. CSS定位属性 11. display及相关属性 12. IFC与BFC 13. 圣杯布局和双飞翼布局的实现 14. Flex布局 15. px、em、rem的区别 16. Less预处理语言 17. 媒体查询 18. vh与vw 19. H5的语义化作用及语义化标签 20. Web Worker和Web Socket 21. CSS3及相关动画 22. 如何实现响应式布局 23. SEO的概念及实现 24. HTML5的新特性 25. Less和Sass使用四、HTTP与计算机网络 1. TCP/IP协议分层管理 2. 三次握手四次挥手机制及原因 3. HTTP方法 4. GET和POST的区别 5. HTTP建立持久连接的意义 6. HTTP报文的结构 7. HTTP状态码 8. Web服务器及其组成 9. HTTP报文首部 10. HTTP通用首部字段 11. HTTP请求首部字段、响应首部字段、实体首部字段 12. Cookie相关首部字段 13. HTTPS与HTTP区别及实现方式 14. Cookie与Session 15. 基于HTTP的功能追加协议（SPY、WebSocket、HTTP） 16. 常见的Web攻击分类 17. TCP与UDP区别 18. 存储机制localStorage、sessionStorage与Cookie存储技术 19. XSS攻击及防御 20. CSRF攻击及防御五、前端工程化 1. 前端工程化的流程（架构选型、业务开发、测试、打包构建、部署上线、项目监控） 2. Webpack基本概念与配置 3. loader与plugin原理与实现 4. Webpack的模块热替换及实现 5. Webpack的优化问题 6. SPA及其优缺点 7. SSR实现及优缺点 8. 设计模式（工厂模式、单例模式、原型模式、***模式、适配器模式、观察者模式等...）六、React 1. React自身特点及选型时考虑 2. React与VUE的异同 3. Virtual DOM 4. React生命周期 5. Diff算法 6. 受控组件与非受控组件 7. 高阶组件 8. Flux架构模式（涉及MVC/MVVM、Flux） 9. Redux设计概念、设计原则、方法、redux实现异步流的库 10. 纯组件（Pure Component）与shouldComponentUpdate关系 11. Redux中的组件与connect函数 12. React Fiber架构 13. React Hooks的作用及原理七、NodeJS 1. NodeJS基本概念与特点 2. CommonJS规范、核心模块 3. Node的异步I/O 4. Node的内存控制 5. Node构建网络服务（TCP、HTTP、Web Socket服务等） 6. Node的进程八、需要会手撕的代码部分 1. Promise（A+规范）、then、all方法 2. Iterator遍历器实现 3. Thunk函数实现（结合Generator实现异步） 4. async实现原理（spawn函数） 5. class的继承 6. 防抖和节流 7. Ajax原生实现 8. 深拷贝的几种方法与比较 9. 继承的几种实现与比较 10. 未知宽高的元素水平垂直居中 11. 三栏布局的实现 12. 两栏布局的实现 13. React高阶组件 14. 数组去重 15. 几种排序算法的实现及其复杂度比较 16. 前序后序遍历二叉树（非递归） 17. 二叉树深度遍历（分析时间复杂度） 18. 跨域的实现（JSONP、CORS）九、数据可视化 1. Canvas和SVG的区别 2. 在考虑设计可视化图表时，结合Canvas和SVG特性会怎么取舍 3. 常见的可视化组件库 4. 可视化组件库如Echarts的设计思路 5. 一些偏向底层的可视化组件库和前端框架结合方面需要考虑哪些问题 6. 可视化组件如何做到数据驱动？十、计算机基础 1. 计算机系统 2. 线程与进程 3. 常见的git指令 4. Linux相关指令 5. 其他类型的编程语言（如Java） 6. 数据库前端面试题汇总前端面试题是我面试过程中遇到的面试题，每一次面试后我都会复盘总结。因为我每次都发在牛客上，所以具体可以看我之前的帖子哈面试经验汇总面试经验汇总是我在秋招和面试过程中的一点体会和总结，每个人的学习方法和调整心态的方式不一样，也仅供参考哈～看过的书籍 1. 《JavaScript高级程序设计》——红宝书。多看几遍，其意自现 2. 《高性能JavaScript》——很不错的书，在性能方面多多考虑 3. 《JavaScript语言精粹》——提纲挈领，花费时间较少加深印象 4. 《你不知道的JavaScript（上中下）》——据说很精彩，还没看多少 5. 《ES6标准入门》——必看 6. 《深入React技术栈》——部分章节介绍很精彩，但v16以后需要自己看文档 7. 《深入浅出NodeJS》——后端部分也很重要，还没看完 8. 《DOM编程艺术》——没看多少 9. 《图解HTTP》——浅显易懂介绍HTTP，可结合博客深入理解 10. 《剑指offer》——题目都要刷一遍以上才行 11. 《数据之美》——数据可视化入门书籍 12. 《数据可视化的基本原理与方法》——数据可视化的一些原理知识一、心态求职过程中，个人认为最重要的是心态的保持，秋招其实是一个周期很长的过程，从开始的复习准备到参加笔试面试到最后的等待结果，难免会经历挫折和打击，但是心态对复习状态和面试表现影响真的很大，所以心态是首先需要注意的问题（我自己在7月和8月挂过很多，中间一度很焦虑，懂的同学都懂）。下面是我想到的一些小tips，可以看看 1. 在准备笔试面试的复习阶段，可以对自己有高一点的期待，适当订一些意向公司，好好准备面试题，知识点等 2. 开始笔试面试初期，经常会很紧张，不知道该怎么回答，所以最好的办法就是多参加，积累经验 3. 笔试面试逐渐多起来之后，经常会陷入焦虑，患得患失。这个时候需要降低自己的期望，不要考虑太远的目标，每天制定计划，目光关注在当天的任务，甚至以半天为单位，按部就班复习（解决焦虑的最好办法就是行动） 4. 和同学多交流吐槽，适当发泄我个人的心态转变是在挂了网易的面试之后，之前基本就是面一个挂一个，心态一度很崩溃，但是也没有办法。挂完网易后，晚上和实验室的同学出去吃了一顿饭，聊了很多，之后心态就放开了，佛系了，一切随缘。。在那之后的面试反而基本面一个过一个（可能也因为复习整理了一段时间）二、方向选择因为读研期间，老师的项目可能对自己的求职方向和技术栈都有一定影响，所以需要提前确定自己的工作方向，并且安心的复习准备。最好不要想着我同时准备A和B，如果A形式不好，就找B。这样可能会导致分心，A和B准备的都不充分。如果在工作方向之间有纠结的话（如A和B），不妨可以尝试权重法，自己列举方向A和B对你来说，优势在哪，权重多大，然后比较。比如我更喜欢A，有xxx经历，A权重加20分。B的行业需求更大，B权重加5。个人在A和B的核心竞争力多少。。自己根据自己的情况评估。三、面试技巧 1. 个人自我介绍一般可以分为三个部分：自己的个人情况（姓名、学校、年级等）+特殊的经历及收获（项目、比赛、实习）+对应聘公司的理解（为什么要来，如何结合部门的业务谈谈自己的能力和业务的匹配更好） 2. 面试题会的就说，如果有准备比较充分，可以多说一点，埋一点坑，一般面试官会顺着往下问。如果完全不会，就说自己没了解过。不太确定的，可以先和面试官说自己不太确定，然后说一下自己认为的答案 3. HR面的一些比较常见的问题，可以提前找一找，准备适合自己情况的回答 4. 有的时候，提前了解一下自己投递的部门的业务，并结合自己的知识谈一谈自己的理解和认识，会有意想不到的效果 5. 面试提问环节，一般前两面都是部门内的leader或者同事面试，所以我都会问一些部门的业务方面的问题，并且结合自己的理解聊一下。如果是交叉面或者部长面，我会问一下从面试和简历，他们对我的今后学习的建议（一般都会对你面试进行评价，这时你应该就能感觉出来自己能不能过了，然后面试官给出建议），因为部长面和交叉面，面试官的层次和眼界更高，单纯的问技术方面的问题，其实不如问一些对自己的职业方向建议的问题，这样可能收益更大。不建议直接询问面试结果，因为一方面面试官不会说，第二方面会显得心虚。最后HR面我只会问后续的通知时间。四、复习准备 1. 在开始准备复习前，可以根据自己的个人情况，列举一下自己需要准备哪些方面的知识，看哪些书，时间如何安排。前端方向的知识比较广，面试时不仅要有广度，深度也很重要（事实上，面试就是差异化竞争，同样一些问题你准备了，别人一定也准备了，但是对于同一个问题，理解的深度完全取决于自己的准备情况。一般在回答这个问题的基础上，再有一点点延伸，只说到概念和关键名词即可，面试官可能会顺着往下问）比如面试官问你事件循环机制，可以延伸介绍同步异步、异步的几种方法、微任务和宏任务等，一般都会接着往下问的 2. 及时总结。看完一本书的一个章节时，尝试去用自己的理解概括总结，最好记录一下，便于复习。参加完每一次面试后，马上回忆问到的题目，总结记录，想想哪里回答得不好（我基本每一次面试完面经都会发到牛客网上）感悟秋招面试的后期，运气和实力都很重要，自己也是运气比较好，为了回馈牛客（毕竟自己也玩了这么久哈哈哈），整理个人感悟和总结以上。最后祝愿大家能够收获理想offer！！更多模拟面试查看更多 > 模拟面试第 5 名阿里巴巴模拟面试有人14分钟前测试并获得了面试报告模拟面试第 6 名美团模拟面试有人43分钟前测试并获得了面试报告 (328) (1975) 分享举报精华采集浏览62908

展开解题思路

收起解题思路

上一题下一题

讨论区

说点什么吧~

题目列表

现代C++的特性，tcp/ip https，然后问了一下如果你设计vector怎么设计

测试提米1

11111111111111111

我丢

好的好的

刚刚

eeeee33453453sdfsfsdf,dfdfgdfg

卡尔曼滤波和误差卡尔曼滤波的区别。

VINS-Mono 中的滑动窗口算法

为什么 SLAM 需要滑动窗口算法?

VIO系统会存在那些问题？如何解决？

最小二乘问题建模的两个要素

视觉与IMU的融合的优势

单应矩阵的理解

剔除离散点有哪些方法

边缘化的意义

卡尔曼滤波和误差卡尔曼滤波的区别

VINS-Mono 中的滑动窗口算法

为什么 SLAM 需要滑动窗口算法?

VIO系统会存在那些问题？如何解决？

最小二乘问题建模的两个要素

视觉与IMU的融合的优势

单应矩阵的理解

剔除离散点有哪些方法

边缘化的意义

卡尔曼滤波和误差卡尔曼滤波的区别

VINS-Mono 中的滑动窗口算法

为什么 SLAM 需要滑动窗口算法?

VIO系统会存在那些问题？如何解决？

最小二乘问题建模的两个要素

视觉与IMU的融合的优势

单应矩阵的理解

剔除离散点有哪些方法

边缘化的意义

这个事题目标题这个事题目标题这个事题目标题

现代C++的特性，tcp/ip https，然后问了一下如果你设计vector怎么设计

需解锁获得

100～200之间不是3的倍数的数之和是多少？

建筑工地有一批砖，最上层两块砖，第2层6块砖，第3层10块砖……(如图)，依次每层比其上一层多4块，已知最下层有2106块砖，这堆砖共有多少块?

从午夜零时到中午12时，时针和分针共重叠(　)次。

1111

12312

父子三个,娘儿三个,老两口儿,哥儿俩,一共几个人？

老大撺掇老C++二让老三告诉老四说老五的老二老大了哈哈哈哈哈哈

爷俩，娘俩，老两口儿，兄弟一个，一共几口人？

学校有808个同学，分乘6辆汽车去春游，第一辆车已经接走了128人，如果其余5辆车乘的人数相同，最后一辆车乘了几个同学呢?

有10把不同的锁，开这10把锁的10把钥匙混在一起了，最多要试多少次，才能把这10把锁和钥匙全部配对。

3只猫3天吃了3只老鼠，照这样的效率，9只猫9天能吃( ) 只。

锯一根10米长的木棒，每锯一段要2分钟。如果把这根木棒锯成相等的5段，一共要( )分钟。

一只蜗牛在10米深的井底向上爬，每小时爬上3米后要滑下2米，这只蜗牛要( )小时才能爬出井口。

用一根绳子绕树三圈余30厘米，如果绕树四圈则差40厘米，树的周长有( )厘米，绳子长( )厘米。

有一串彩珠，按“2红3绿4黄”的顺序依次排列。第600颗是( )颜色。

同学们进行广播操比赛，这个全班正好排成相等的6行。小红排在第二行，从头数，她站在第5个位置，从后数她站在第3个位置，这个班共有( )人。

7年前，妈妈年龄是儿子的6倍，儿子今年12岁，妈妈今年( )岁。

文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字

40个梨分给3个班，分给一班20个，其余平均分给二班和三班，二班分到( )个。

深蓝学院1111111，题目不要上传图片

当代网友是怎么表达遗憾的一个人迷茫哭的emo文案

1111

222222222

测试这标签

句句不提坎坷却全是遗憾的文案

当代网友能够把悲伤写到什么程度？

555555555555555555

1233211234567

1111

请输入题干标题13

fadfadf

请输入题干标题请输入题干标题1

请输入题干标题4444 1

前台上传的题目

记一次字节跳动前端面试，四轮技术面通过，已拿offer

毕业一年多，职场小油条（运营）经历

4399;英雄互娱-文案创意运营类面经其他游戏公司适用

毕业半年遇到互联网裁员潮，文科生、艺术生转型自救之路

字节电商战略数据分析社招五面面经求OC

【最全】2021宝洁offer经验分享（网申+面试）

非科班半年转Java开发经验贴

面经：华为海思暑期实习数字IC设计岗

数分求职分享 | 忠于内心终有所得

放弃了离家近的工作，我又一次开启沪飘之旅。

java offer已有，下一步---妹子

双非2年工作经验，裸辞斩获字节运营offer

给师弟师妹的建议：去看看这个世界

（牛客回馈贴）学姐纯干货|普通本科最强逆流而上指南1

字节飞书前端三面(55min)

双非本科非科班抖音Android面筋（被调剂到iOS了）

暑期实习春招面经回馈（阿里美团百度字节快手谷歌亚马逊）

字节抖音电商一面凉经

【审计岗】如何制作简历？

第一份金融实习怎么找？最全找实习干货贴分享来了

同学，不要再那么单纯了，他们不值得

关于银行的offer选择

一年的准备！阿里终于圆梦了

工作4年，走了太多的弯路，分享下我的经历希望能给大家避下坑

建行省分只有一面

难以忘怀的大四异地实习经历

字节跳动五轮技术面终于收获意向书（后端开发）

华为优招消费者BG终端芯片-嵌入式面经

个人秋招经验总结（前端方向）

大数据开发，不知道叫什么帖

大华海康硬件工程师三面（已offer）

金融行业薪酬大盘点，银行真的太香了！

【字节跳动-飞书-运营实习生】一面面经

毕业季大家有什么舍不得的那个他（她）嘛？

嘉士伯管培AI面经整理分享

秋招复盘——普通硕士做嵌入式也可以拿到50w年薪

（面试复盘）字节跳动互娱研发提前批前端面经

2021秋招留学生华为单板硬件面经

面试复盘|字节跳动面经-技术中台-一二三凉面

互联网直播运营丨三段面试经历告诉你应该这样面

字节滴滴好未来社招产品面经

财会入门必看：有关ACCA的一些初浅攻略

如何准备交互/ux设计校招-没有作品怎么办

秋招总结 | 还是成为了一名光荣的新时代农民工

运维岗位面经，拿到网易，京东offer

20机械制造类求职经历：东风日产、华为结构与材料工程师等

2022秋招【中国建筑3311】【投资岗】面经

滴滴秋储后端实习生面经+秋招正式批面经（均已offer）

硬件开发岗面经（TCL华星光电、联发科技、中兴等）

双非菜鸟前端秋招总结帖

21届秋招记录——银行篇

不幸中的万幸——转正后被裁员！

面试真题：经典智力题最详汇总（中）

面试真题：经典智力题最详汇总（下）

【阿里设计岗面试经验总结】如何1个月内通过4轮面试

我和牛客的故事之22届银行秋招记录（雄安新区+天津）

面试复盘 | 2022届大疆秋招测试开发完整面经

AWS亚马逊 23暑期实习 PM 面经+流程

面试真题：经典智力题最详汇总（上）

华为，中兴，百度，CVTE，海康威视热乎乎的面经

一年半经验前端社招——拼多多（已面完hr）

秋招总结|咸鱼的懒汉秋招

如果回到一年前，我会做出哪些不一样的决定

CNKI(同方知网)+社招+java

去年秋招的一些经验和建议，回馈贴

看了我弟写的简历，作为深信服HR的我破防了！

秋招总结｜双非本/非科班/零offer，没有逆袭，但不放弃！

美团面试官哥哥太温柔了，我哭死

阿斯利康市场营销管培生群面-终面面经（已offer）

秋招cpp面试总结（百度，字节，阿里等）

字节提前批《高频汇总之前端水真的不深》

硬件岗秋招小结

春招 Golang实习面经

秋招银行+国企类笔试面试经验。

互联网就业形势这么差，我真的建议你试试金融！

23届联想面经分享：秋招上岸

秋招总结 | 三本前端秋招之路

菜鸡21届秋招总结-前期准备、面试、谈薪资待遇

秋招总结&Java心得（双非硕士，已拿11+5家Offer）

20年工业机器人面试求职经历：华为、哈工大机器人、汇川技术等

分享一下大疆2022年春招体验设计面试的经验！

数字IC后端设计求职面经

网易互娱游戏文案策划（暑期实习）笔试一面二面三面经验总结

计算机网络常见面试题

二本院校生的考公逆袭路

资源分享|各学校计算机类历年考研真题汇总

大疆硬件工程师三轮面经&还愿offer

sre/运维开发社招面经

11.11蓝月亮产品策划终面｜全过程持续更新中

HR岗校园招聘面经合集（已上岸）

校招面霸成长手册

金融/互联网/国企秋招经验分享

得力国内营销面经

游戏本地化/运营/发行面经（tap运营offer已拒）

工资与五险一金计算

分享下菜鸡的Java秋招总结

延锋内饰春招面经

戴尔大客户销售面经

秋招｜SHEIN两轮面试经历分享

宝洁市场研究部CMK，分享一下自己入职一年的经历和感受

面试真题：经典海量数据处理题最详解析（下）

字节提前批《高频汇总之测试篇距离上岸的一步之遥》

广联达面经技术岗专场：测试、前端、后端

一次不成文的数据分析秋招经历

C++STL用过vectorstring，函数重载回答不准确，函数重载两种方式回答出成员函数一种。

可口可乐 AI面+游戏

终于大橘已定，分享一波测开面经（美团、小米、华为、阿里等）

被疫情逼得gap year的完全菜鸡的春招之路。

从发展角度，谈谈offer选择

数据分析面经（已拿到offer）

银行科技岗/研发中心/数据中心秋招经验总结帖

【银行干货】23届想进银行，该如何高效备考

西山居游戏策划（非文案方向）笔试/面经个人春招之路总结

ZURU 项目管培面经

双非渣硕的字节NLP算法三面+HR面面经(已OC)

硬件/IC/嵌入式高薪--你应该看看这些公司和岗位

【虾皮/Shopee】2022届同学试用期感想

来自双非大三拿到字节跳动实习offer求职准备建议（非广告）

腾讯三面已上岸

22届校招-浙商银行总行-总行机关单位-求职攻略

恒生校招内推测试秋招八股文集锦——经典网络篇用友面经（一二面，已oc）替你们整理好了！计算机专业最适合去的四类国企！附薪资待遇对比秋招招聘汇总+避雷公司8.16更新+简历指导(已指导百人) 不想去互联网大厂卷？这些小而美公司不香吗？谈薪技巧和注意事项，怎么为自己多争取1~2k 我的秋招结束了【2023秋招&提前批】互联网招聘信息最新汇总9月10日更新【亚信安全】23届校园招聘正式启动啦【求职面试】初级产品经理面试应该注意什么？干货帖| 招商银行信用卡中心校招怎么样腾讯音乐TME 20220908笔试题解 b站测开实习一面中兴最全面经汇总：硬件、软开、算法、测试双非本科，面试三十多家企业总结出的宝藏面试经验 9月13日，微众银行笔试 9月13日微众银行笔试代码 20220913百度2023秋招研发B卷题解面试常问-Spring Cloud篇

23届秋招一点小小的牢骚

当面试官提问：你有什么要问我的吗？该如何回答上海曼伦2023内推 | 可查询所有岗位进度【持续更新】这些外企公司已经开始秋招了！快冲呀美团面经（一二面，已挂）【23秋招银行招聘信息汇总】最新汇总9月14日

这个事题目标题这个事题目标题这个事题目标题

联系我们

扫描二维码

请添加深了个蓝微信

请备注【智商测验题库】

如果你有求职意向，或有想分享的面试经验，或有想要学习的内容。欢迎随时联系我们！

解题思路

<p>楼主前端方向，从牛客网上收获了很多经验贴和面经，在秋招准备和面试过程中，收获了不少同学的帮助和鼓励。最终运气比较好，拿到阿里、美团、OPPO、360和有赞的意向书，拿到阿里意向书以后便没有参加其他公司的面试了，花了两天整理了一篇自己秋招的经验总结，希望能够帮助到其他牛友～ 前端知识点汇总 前端知识点是我在准备秋招过程中，看书和经验贴中总结到的一些知识点，不仅面试中经常问到，同时对于自己未来的工作和学习也很重要，也欢迎大家一起补充～ 一、JavaScript 1. 原始值和引用值类型及区别 2. 判断数据类型typeof、instanceof、Object.prototype.toString.call()、constructor 3. 类数组与数组的区别与转换 4. 数组的常见API 5. bind、call、apply的区别 6. new的原理 7. 如何正确判断this？ 8. 闭包及其作用 9. 原型和原型链 10. prototype与__proto__的关系与区别 11. 继承的实现方式及比较 12. 深拷贝与浅拷贝 13. 防抖和节流 14. 作用域和作用域链、执行期上下文 15. DOM常见的操作方式 16. Array.sort()方法与实现机制 17. Ajax的请求过程 18. JS的垃圾回收机制 19. JS中的String、Array和Math方法 20. addEventListener和onClick()的区别 21. new和Object.create的区别 22. DOM的location对象 23. 浏览器从输入URL到页面渲染的整个流程（涉及到计算机网络数据传输过程、浏览器解析渲染过程） 24. 跨域、同源策略及跨域实现方式和原理 25. 浏览器的回流（Reflow）和重绘（Repaints） 26. JavaScript中的arguments 27. EventLoop事件循环 28. 宏任务与微任务 29. BOM属性对象方法 30. 函数柯里化及其通用封装 31. JS的map()和reduce()方法 32. &ldquo;==&rdquo;和&ldquo;===&rdquo;的区别 33. setTimeout用作倒计时为何会产生误差？ 二、ES6 1. let、const和var的概念与区别 2. 变量提升与暂时性死区 3. 变量的结构赋值 4. 箭头函数及其this问题 5. Symbol概念及其作用 6. Set和Map数据结构 7. Proxy 8. Reflect对象 9. Promise（手撕Promise A+规范、Promise.all、Promise相关API和方法） 10. Iterator和for...of（Iterator遍历器的实现） 11. 循环语法比较及使用场景（for、forEach、for...in、for...of） 12. Generator及其异步方面的应用 13. async函数 14. 几种异步方式的比较（回调、setTimeout、Promise、Generator、async） 15. class基本语法及继承 16. 模块加载方案比较（CommonJS和ES6的Module） 17. ES6模块加载与CommonJS加载的原理 三、HTML/CSS 1. CSS权重及其引入方式 2. 标签全部作用 3. 用CSS画三角形 4. 未知宽高元素水平垂直居中（方案及比较） 5. 元素种类的划分 6. 盒子模型及其理解 7. 定位方式及其区别（文档流） 8. margin塌陷及合并问题 9. 浮动模型及清除浮动的方法 10. CSS定位属性 11. display及相关属性 12. IFC与BFC 13. 圣杯布局和双飞翼布局的实现 14. Flex布局 15. px、em、rem的区别 16. Less预处理语言 17. 媒体查询 18. vh与vw 19. H5的语义化作用及语义化标签 20. Web Worker和Web Socket 21. CSS3及相关动画 22. 如何实现响应式布局 23. SEO的概念及实现 24. HTML5的新特性 25. Less和Sass使用 四、HTTP与计算机网络 1. TCP/IP协议分层管理 2. 三次握手四次挥手机制及原因 3. HTTP方法 4. GET和POST的区别 5. HTTP建立持久连接的意义 6. HTTP报文的结构 7. HTTP状态码 8. Web服务器及其组成 9. HTTP报文首部 10. HTTP通用首部字段 11. HTTP请求首部字段、响应首部字段、实体首部字段 12. Cookie相关首部字段 13. HTTPS与HTTP区别及实现方式 14. Cookie与Session 15. 基于HTTP的功能追加协议（SPY、WebSocket、HTTP） 16. 常见的Web攻击分类 17. TCP与UDP区别 18. 存储机制localStorage、sessionStorage与Cookie存储技术 19. XSS攻击及防御 20. CSRF攻击及防御 五、前端工程化 1. 前端工程化的流程（架构选型、业务开发、测试、打包构建、部署上线、项目监控） 2. Webpack基本概念与配置 3. loader与plugin原理与实现 4. Webpack的模块热替换及实现 5. Webpack的优化问题 6. SPA及其优缺点 7. SSR实现及优缺点 8. 设计模式（工厂模式、单例模式、原型模式、***模式、适配器模式、观察者模式等...） 六、React 1. React自身特点及选型时考虑 2. React与VUE的异同 3. Virtual DOM 4. React生命周期 5. Diff算法 6. 受控组件与非受控组件 7. 高阶组件 8. Flux架构模式（涉及MVC/MVVM、Flux） 9. Redux设计概念、设计原则、方法、redux实现异步流的库 10. 纯组件（Pure Component）与shouldComponentUpdate关系 11. Redux中的组件与connect函数 12. React Fiber架构 13. React Hooks的作用及原理 七、NodeJS 1. NodeJS基本概念与特点 2. CommonJS规范、核心模块 3. Node的异步I/O 4. Node的内存控制 5. Node构建网络服务（TCP、HTTP、Web Socket服务等） 6. Node的进程 八、需要会手撕的代码部分 1. Promise（A+规范）、then、all方法 2. Iterator遍历器实现 3. Thunk函数实现（结合Generator实现异步） 4. async实现原理（spawn函数） 5. class的继承 6. 防抖和节流 7. Ajax原生实现 8. 深拷贝的几种方法与比较 9. 继承的几种实现与比较 10. 未知宽高的元素水平垂直居中 11. 三栏布局的实现 12. 两栏布局的实现 13. React高阶组件 14. 数组去重 15. 几种排序算法的实现及其复杂度比较 16. 前序后序遍历二叉树（非递归） 17. 二叉树深度遍历（分析时间复杂度） 18. 跨域的实现（JSONP、CORS） 九、数据可视化 1. Canvas和SVG的区别 2. 在考虑设计可视化图表时，结合Canvas和SVG特性会怎么取舍 3. 常见的可视化组件库 4. 可视化组件库如Echarts的设计思路 5. 一些偏向底层的可视化组件库和前端框架结合方面需要考虑哪些问题 6. 可视化组件如何做到数据驱动？ 十、计算机基础 1. 计算机系统 2. 线程与进程 3. 常见的git指令 4. Linux相关指令 5. 其他类型的编程语言（如Java） 6. 数据库 前端面试题汇总 前端面试题是我面试过程中遇到的面试题，每一次面试后我都会复盘总结。因为我每次都发在牛客上，所以具体可以看我之前的帖子哈 面试经验汇总 面试经验汇总是我在秋招和面试过程中的一点体会和总结，每个人的学习方法和调整心态的方式不一样，也仅供参考哈～ 看过的书籍 1. 《JavaScript高级程序设计》&mdash;&mdash;红宝书。多看几遍，其意自现 2. 《高性能JavaScript》&mdash;&mdash;很不错的书，在性能方面多多考虑 3. 《JavaScript语言精粹》&mdash;&mdash;提纲挈领，花费时间较少加深印象 4. 《你不知道的JavaScript（上中下）》&mdash;&mdash;据说很精彩，还没看多少 5. 《ES6标准入门》&mdash;&mdash;必看 6. 《深入React技术栈》&mdash;&mdash;部分章节介绍很精彩，但v16以后需要自己看文档 7. 《深入浅出NodeJS》&mdash;&mdash;后端部分也很重要，还没看完 8. 《DOM编程艺术》&mdash;&mdash;没看多少 9. 《图解HTTP》&mdash;&mdash;浅显易懂介绍HTTP，可结合博客深入理解 10. 《剑指offer》&mdash;&mdash;题目都要刷一遍以上才行 11. 《数据之美》&mdash;&mdash;数据可视化入门书籍 12. 《数据可视化的基本原理与方法》&mdash;&mdash;数据可视化的一些原理知识 一、心态 求职过程中，个人认为最重要的是心态的保持，秋招其实是一个周期很长的过程，从开始的复习准备到参加笔试面试到最后的等待结果，难免会经历挫折和打击，但是心态对复习状态和面试表现影响真的很大，所以心态是首先需要注意的问题（我自己在7月和8月挂过很多，中间一度很焦虑，懂的同学都懂）。下面是我想到的一些小tips，可以看看 1. 在准备笔试面试的复习阶段，可以对自己有高一点的期待，适当订一些意向公司，好好准备面试题，知识点等 2. 开始笔试面试初期，经常会很紧张，不知道该怎么回答，所以最好的办法就是多参加，积累经验 3. 笔试面试逐渐多起来之后，经常会陷入焦虑，患得患失。这个时候需要降低自己的期望，不要考虑太远的目标，每天制定计划，目光关注在当天的任务，甚至以半天为单位，按部就班复习（解决焦虑的最好办法就是行动） 4. 和同学多交流吐槽，适当发泄 我个人的心态转变是在挂了网易的面试之后，之前基本就是面一个挂一个，心态一度很崩溃，但是也没有办法。挂完网易后，晚上和实验室的同学出去吃了一顿饭，聊了很多，之后心态就放开了，佛系了，一切随缘。。在那之后的面试反而基本面一个过一个（可能也因为复习整理了一段时间） 二、方向选择 因为读研期间，老师的项目可能对自己的求职方向和技术栈都有一定影响，所以需要提前确定自己的工作方向，并且安心的复习准备。最好不要想着我同时准备A和B，如果A形式不好，就找B。这样可能会导致分心，A和B准备的都不充分。 如果在工作方向之间有纠结的话（如A和B），不妨可以尝试权重法，自己列举方向A和B对你来说，优势在哪，权重多大，然后比较。比如我更喜欢A，有xxx经历，A权重加20分。B的行业需求更大，B权重加5。个人在A和B的核心竞争力多少。。自己根据自己的情况评估。 三、面试技巧 1. 个人自我介绍一般可以分为三个部分：自己的个人情况（姓名、学校、年级等）+特殊的经历及收获（项目、比赛、实习）+对应聘公司的理解（为什么要来，如何结合部门的业务谈谈自己的能力和业务的匹配更好） 2. 面试题会的就说，如果有准备比较充分，可以多说一点，埋一点坑，一般面试官会顺着往下问。如果完全不会，就说自己没了解过。不太确定的，可以先和面试官说自己不太确定，然后说一下自己认为的答案 3. HR面的一些比较常见的问题，可以提前找一找，准备适合自己情况的回答 4. 有的时候，提前了解一下自己投递的部门的业务，并结合自己的知识谈一谈自己的理解和认识，会有意想不到的效果 5. 面试提问环节，一般前两面都是部门内的leader或者同事面试，所以我都会问一些部门的业务方面的问题，并且结合自己的理解聊一下。如果是交叉面或者部长面，我会问一下从面试和简历，他们对我的今后学习的建议（一般都会对你面试进行评价，这时你应该就能感觉出来自己能不能过了，然后面试官给出建议），因为部长面和交叉面，面试官的层次和眼界更高，单纯的问技术方面的问题，其实不如问一些对自己的职业方向建议的问题，这样可能收益更大。不建议直接询问面试结果，因为一方面面试官不会说，第二方面会显得心虚。最后HR面我只会问后续的通知时间。 四、复习准备 1. 在开始准备复习前，可以根据自己的个人情况，列举一下自己需要准备哪些方面的知识，看哪些书，时间如何安排。前端方向的知识比较广，面试时不仅要有广度，深度也很重要（事实上，面试就是差异化竞争，同样一些问题你准备了，别人一定也准备了，但是对于同一个问题，理解的深度完全取决于自己的准备情况。一般在回答这个问题的基础上，再有一点点延伸，只说到概念和关键名词即可，面试官可能会顺着往下问）比如面试官问你事件循环机制，可以延伸介绍同步异步、异步的几种方法、微任务和宏任务等，一般都会接着往下问的 2. 及时总结。看完一本书的一个章节时，尝试去用自己的理解概括总结，最好记录一下，便于复习。参加完每一次面试后，马上回忆问到的题目，总结记录，想想哪里回答得不好（我基本每一次面试完面经都会发到牛客网上） 感悟 秋招面试的后期，运气和实力都很重要，自己也是运气比较好，为了回馈牛客（毕竟自己也玩了这么久哈哈哈），整理个人感悟和总结以上。最后祝愿大家能够收获理想offer！！ 更多模拟面试 查看更多 &gt; 模拟面试第 5 名 阿里巴巴 模拟面试 有人14分钟前测试并获得了面试报告 模拟面试第 6 名 美团 模拟面试 有人43分钟前测试并获得了面试报告 (328) (1975) 分享 举报 精华采集 浏览62908</p>