2020校招前端面经
文章目录
- 小米一面
- 百度一面
- 快手一面
- 快手二面
- 快手三面
- 快手hr面
- 同花顺一面
- 同花顺二面及hr面
- 金山WPS一面
- 格家网络一面
- 格家网络二面
- 字节一二三面
- 途虎养车一二面
- 顺丰科技一二面
- 总结
- 尾声
小米一面
- 自我介绍
- 谈项目,遇到什么问题,怎么解决的
- vue和jq的区别是什么
- es6 map源码
- 归并排序
- 闭包的概念和作用
- cookie、sessionStorage、LocalStorage的区别
- http请求头哪个部分有cookie信息
- 性能优化
性能优化可以分为页面优化,代码优化
- 页面优化
1. 最最最重要就是减少http请求,了解输入url到页面显示的过程你就会了解,这是多么有效。
2. 设置http缓存
3. 资源的合并和压缩
4. 雪碧图 懒加载 瀑布流
5. script放在底部- 代码优化
6. 防抖节流
7. ssr
8. 减少重绘和重排
9. 减少沿作用域链的查找,设置变量保存即可
10. 使用文档碎片 fragment
百度一面
- b和strong的区别
- 语义化的作用
- this指向
- js继承的设计思想
- flex布局
- 闭包的概念和作用
- 堆排序
- 反转链表
- 怎么判断链表是否有环
- 二叉树的前中后序遍历
- 前后端通信有哪些基本方式
- 介绍一下ajax并实现
- https的过程 (就是非对称加密生成私钥,私钥进行对称加密传输)
- 七层模型和五层模型
- tcp为什么比udp安全
- 设计模式知道吗?
- 适配器和装饰者模式的区别
- 数据库索引的作用
快手一面
- 判断链表是否有环
- 删除链表倒数第n个
- 判断回文
- 给定数组,统计出现次数
- js数据类型
- Symbol的特点 独一无二
- let和const的区别
- tcp和udp的区别
- http有哪些请求头或响应头以及有哪些状态码
- flex布局以及常用属性
- display有几种方式以及含义
- 不知道宽高怎么水平垂直居中
- table里面的td怎么居中
- display table和table-ceil的区别
- vue的生命周期以及作用
- vue阻止冒泡的简单写法 (修饰符)
- 写vue的数据双向绑定
- 学习前端的途径
快手二面
- 为什么要学习前端,对前端有什么看法
- 看什么书
- html为什么要有这么多类型的标签
- es6 常用api
- pomise的作用及其原理
- 归并排序
- Vue和Zepto的区别
- 是否写过后端接口
- 是否写过webpack的和chorme插件
- webpack的loader和plugin的区别
- 是否用过git
- https详细过程
- 服务端返回的证书,客户端怎么验证有效
快手三面
- 自我介绍
- 反转数字(
- (牛客网视频面)在下面聊天框中输入一些东西,直到看见,这过程发生了什么
- 那我输入这些发送出去,直到你看到,网络中发生了什么过程
- 最后问了一个贪吃蛇是如何具体实现的
- 反问
快手hr面
- 介绍自己
- 对工作城市是否有选择
- 项目的背景,扮演角色,负责的模块,收获
- 一二三面的优点和缺点
- 缺点该怎么取弥补
- 应聘快手岗位的优势和劣势在哪
- 学习或生活中最骄傲的一件事
- 未来三到五年的规划
- 为什么不考研
- 是否有实习
同花顺一面
- 介绍自己
- cookie特点
- vue特点
- vue源码
- http状态码
- 如果给一个指针,顺时针旋转一圈的动画如何实现
- 是否了解单页面应用
- 如何判断引入的js文件是否加载完 (complete)
- 为什么是三次握手和四次挥手
- 挥手为什么要有两个报文时间
- vue页面所有可点击的都需要发送请求,怎么设计
- https和http区别
- 双向绑定原理
- diff算法
- 虚拟dom如何转化为dom
- 事件轮询
- proxy的缺点
同花顺二面及hr面
- 风车动画
- vue和react区别
- 筛选get请求url的key,value
- …
时间线太长有点忘记了
金山WPS一面
- 是否搭过vue的脚手架
- 有哪些配置文件
- webpack有哪些配置文件
- loader的作用
- vue路由的实现原理
- 双向绑定的原理
- session会话的过程
- localStorage自定义失效
- cookie特点
- http有哪些请求头和响应头
- http过程
- 如何自定义一个上传按钮
格家网络一面
- 判断链表是否有环
- 最长不重复字串
- 知道哪些数据结构以及之间的区别
- 输入url发生的过程
- get和post的区别
- cookie的session的区别
- vue的特点
- vue源码
- 闭包特点和作用
- 设计模式
- https和http的区别
- ajax的原理
- 跨域解决办法及原理
- 首页白屏优化(性能优化)
- . …
格家网络二面
- 滑动窗口概念
- 拥塞控制概念
- 手写单例模式
- 各种排序算法以及时间复杂度
- 数组链表区别
- vue源码
- 树的广度遍历
- 36马,6跑道,最少次数找出最快3匹马
解析戳这里
字节一二三面
面完时间太久,忘记了顺序,一起放在这里吧
- 最长不重复子串
- 两数之和
- top K问题
- 斐波那契 (优化)
- 二叉树还原
- promise封装ajax
- 实现EventEmitter
- new原理
- bind源码
- vue2和vue3的区别
- Object.defineProperty为什么监听不了数组
- 介绍Proxy
- requestAnimationFrame 为什么是16ms
- 浏览器缓存
- cors
- 什么是cdn
- EventLoop
- 三次握手四次挥手
- 304的流程
- 观察者和发布订阅的区别
- 进程线程
- 虚拟内存
- 设计一个搜索框,可复用性,考虑解耦(返回的数据格式不一样)怎么处理
途虎养车一二面
二面大部分时间都在聊项目和自己的demo,以及对其的一些优化难点
- 还原二叉树
- promise.all源码
- express和koa区别
- webpack和gulp区别,以及webpack的一些用法
- less和scss的区别
- 移动端响应式的几种方式以及原理
顺丰科技一二面
- Array<object> 去重
- flex
- 闭包
- 堆和栈的区别
- 为什么要有堆存储
- 异步加载的几种方式
- 怎么判断css加载完成和js加载完成
- https的特点
- vue和react区别
- 项目的难点以及解决
- 未来规划
总结
思来想去不知道有什么总结的,就说几个重要的点吧。
关于公司
- 从面试题就可以观看出一个公司是否有必要,值得去
- 前端不考算法和数据结构以及网络知识的都是在耍流氓
- 敢于问你源码的,肯定不会差
关于面试
- 秋招尽可能早!!一定要勇敢的跨出第一步,能投提前批就投提前批,毕竟有两次机会,答主没有抓住提前批机会去感受下氛围,所以只能在秋招中不断面试。
要列出自己特别想要去的公司,放在最后投递
,前面面试一些进不去的大厂和一些能进去的小厂,为心仪公司做铺垫。- 面试完一定要总结,总结,总结!!!
关于技能
- 前端基础必须要掌握牢固
- 网络知识必须掌握
- 算法和数据结构必须掌握
- 源码尽可能去看,读源码很痛苦,但提升很大。
- 设计模式也尽可能掌握,毕竟可以减少很多冗余代码,结构层次很清晰也易于阅读
- 剩下的就是找找项目做吧。
尾声
特别要为格家网络打call,面试体验的感觉很好,还提供晚餐,蛋糕水果星巴克,有木有!面试官也炒鸡和蔼,一个字 帅,hr小姐姐是真的漂亮…
可能只有格家是线下面吧,hiahia~~
还有就是,有面北京的okgroup这个公司,疫情无聊就投了在面试,谁知道竟然是个阿里的boss在面我,然后面了1个小时43分钟25秒,boss的态度非常好,能够循序渐进,逐渐把你带入状态,不管是深度和广度都有问到,我觉得是所有面试里面发挥最好的一次,但是因为其他原因没有机会去吧,有机会的小伙伴可以尝试下哦!
秋招的延长线到春招,至此结束。
2020校招前端面经相关推荐
- 多益网络校招前端面经(2020.09.24)
多益网络校招前端面经(2020.09.24) 面试平台 QQ视频通话 时长 大约半小时 过程 自我介绍 项目问题:项目中遇到的问题以及解决方式:在团队开发过程中个成员合作方式,遇到问题的解决方式 cs ...
- 字节跳动校招前端面经(2021.03.16)
字节跳动校招前端面经 一面 二面 一面 自我介绍 项目相关 webpack的工作原理 loader和plugins的区别 http头中关于缓存的字段 expires和Cache-Control的关系和 ...
- 2020中高级前端面试题合集
2020中高级前端面试题合集 "全方位总结一下所遇到的面试题目,与大家共同学习,也是对自己的一次总结" 文章同步到我的公众号<前端小时>,欢迎大家关注! 01 前言 2 ...
- 2019年秋季校招前端面经
19年秋季校招已经结束,因为一直在实习,参与笔试面试的公司并不多,错过了很多公司面试.已经拿到百度,腾讯,拼多多等offer,面筋如下,希望对大家能有帮助: 阿里 天猫 8.3 1.垂直水平居中 越多 ...
- 多益网络校招前端面经
前几天刚经历多益前端提前批校招,本来觉得笔试应该凉了,但是最后居然过了笔试,顺利进入面试,下面讲讲我记得经过吧. 笔试阶段: 笔试过去半个月了,零零星星记得 JS基础是要有的,字符串函数 split( ...
- 2020 web前端面试题及答案大全
css相关 1. 万能居中 1.margin: 0 auto;水平 2.text-align: center;水平 3.行高,垂直 4.表格,center,middle:水平垂直 5.display: ...
- 热乎乎的宇宙头条校招前端面经
点击上方"程序员黑叔",选择"置顶或者星标" 你的关注意义重大! 作者:要加油啊 https://juejin.im/post/6844904088337907 ...
- 2020年 前端面试题整理汇总100题【整理】
1.一些开放性题目 1.自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势.2.项目介绍3.如何看待前端开发?4.平时是如何学习前端开发的?5.未来三到五年的规划是怎样的? p ...
- 校招前端面试题总结(一)(附答案)
这里写自定义目录标题 解析 URL 参数为对象 如何避免回流与重绘? OSI七层模型 (1)应用层 (2)表示层 (3)会话层 (4)传输层 (5)网络层 (6)数据链路层 (7)物理层 虚拟DOM转 ...
最新文章
- 编程语言发展70年,用50种不同语言输出「Hello World」
- 智能车竞赛中的车模足底按摩
- iOS - UIPageViewController
- 无法找到“XXX.exe”的调试信息,或者调试信息不匹配。未使用调试信息生成二进制文件...
- 【Netty】Netty 核心组件 ( Future | Channel | Selector | ChannelHandler )
- Load Runner测试脚本(tuxedo服务)的编写指南
- bzoj2194 快速傅立叶之二
- Asp.net系列计划
- git-ssh-keygen
- 让ERP downloaded product的description能够在CRM被修改
- 计算机统考测试,计算机统考专业测试题.doc
- Android Themes与Styles实践
- 楼市新政催生“金十月” 二手房改善需求变成交主力
- wampserver的下载与安装配置
- Excel做题记录——整数规划优化模型
- instagram下载_Instagram Raider可让您轻松下载Instagram图像和视频
- PCB中的SOLD MASK和阻抗开窗
- 金惟纯《人生只有一件事》读书笔记
- 超市选址c语言程序,谈谈超市选址的重要性
- 如何学习SDN及网络自动化
热门文章
- SpringCloud学习笔记day01
- 什么是GPU?跟CPU有什么区别?终于有人讲明白了
- 关于三体小说拍成电影的想法
- PyTorch深度学习入门笔记(五)Transforms的使用
- A005:查找文件之find, locate, whereis, which, type
- 【前端】【html5/css3】前端学习之路(二)(CSS3新选择器/CSS3盒模型/CSS3过渡效果)
- 集团信息化“润物细无声”
- 花朵藤条植物生长动画婚礼视频标题pr模板
- LocalDate的用法与String互转
- 2017开发语言排行(本人是搞C#+javascript的)