文末
如果30岁以前,可以还不知道自己想去做什么的话,那30岁之后,真的觉得时间非常的宝贵,不能再浪费时间在一些碎片化的事情上,比如说看综艺,电视剧。一个人的黄金时间也就二,三十年,不能过得浑浑噩噩。所以花了基本上休息的时间,去不断的完善自己的知识体系,希望可以成为一个领域内的TOP。
同样是干到30岁,普通人写业务代码划水,榜样们深度学习拓宽视野晋升管理。
这也是为什么大家都说30岁是程序员的门槛,很多人迈不过去,其实各行各业都是这样都会有个坎,公司永远都缺的高级人才,只用这样才能在大风大浪过后,依然闪耀不被公司淘汰不被社会淘汰。
269页《前端大厂面试宝典》
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
前端面试题汇总
JavaScript
-
尽可能多实现pdd app导航布局实现(就是类似4等分div并列排布)
-
如何清除浮动
-
BFC实现原理
-
开放题:pdd首页假设没有任何优化,尽可能多的想优化的办法(懒加载、打包优化、webpack速度、代码压缩、雪碧图、http2 balabala…)
二面 周日 下午2.30 35分钟
-
css的盒子模型(content-box border-box)
-
实现动画有哪些方法 (js css)
-
react mixing hoc 继承 hook之间的区别/优缺点
-
浏览器渲染出一个页面的过程
-
vue/react技术选型
-
项目相关,项目重构开发如何并行balabala…
-
项目中工程化进行了哪些优化
-
项目中继续进行优化会从哪些方面去做(说了下webpack5 module fedration)
-
nodejs项目的性能优化
-
linux文件权限(4 2 1 )
-
前端监控怎样实现 (数据采集、上报、展示之类)
三面 本来约了去星期天广州现场的,结果车票都买好了,前几天,hr说部门架构调整,岗位暂时不开放了。又凉了~
拼多多的面试时间还是很合适的,周天+晚上9点,基本可以避免上班的尴尬(毕竟11 11 6…)。问的问题也中规中矩吧。不过也无缘了。拼多多的两轮是比较少有的不需要手写代码的,都是电话面试。
虾皮
虾皮通过一个同学内推的,面的金融部门
虾皮都是qq视频面试+腾讯文档word写代码
一面 周二早上
-
http 302 301 307之间的区别
-
301和302对于seo来说哪个更好 (301)
-
跨域是什么、如何解决
-
jsonp有什么缺点
-
图片base64和外链的应用场景,各有什么优缺点(base64减少请求数,但是会增加额外的体积)
-
http缓存机制
-
https的握手过程是怎样的
-
set/map的区别
-
hook的局限性
-
setState和hook的区别
-
decorator的作用,编译后是怎样的(@decorator -> decorator(target)…)
-
symbol是什么,一般用来做什么
-
csrf 是什么 如何防范
-
sql注入是什么,如何防范
-
react 调用setState之后发生了什么
-
nodejs事件循环机制
-
pm2的原理,有哪些模式(cluster fork)
-
docker和k8s有了解多少(k8s听过没用过)
-
移动端端一个元素拖动,如何实现和优化(节流、改变位置)
-for in
/for of
看代码输出
-
几道看代码说输出(忘了具体题目了)
-
描述链表的反转怎样实现,复杂度多少
编程
-
实现
instanceOf
-
实现一个对象被
for of
遍历 -
实现链表的添加、删除。复杂度多少
一面考的都是一些基础知识,需要一定牢固的基础知识准备才行
二面 时间 一面之后的下午
- 给了两段效果上都可以实现child 继承 parent,细节上的差别
function child(){}
function parent(){}
child.prototype.proto = parent.prototype
child.prototype = new parent()
-
一些代码看输出的题目。考点有函数
this
指向的问题 -
如何监听html外链资源加载失败(面试官又追问了
onerror
和addEventListener
的error都能吗。面试官说onerror不行,具体我没试过…) -
Mutation Observer
、Interp Observer
使用场景(Interp听过没用过) -
127.0.0.1
和0.0.0.0
差别(一个只能通过localhost
,一个可以通过本机ip或者localhost都行) -
利用promise js sleep函数实现
-
jsx转换后是怎样的
-
redux
compose
函数做什么的,中间件呢 -
redux-saga
是什么,和redux-thunk
有什么区别 -
dva有了解吗
-
umi.js
有用过吗 -
req.pipe(res)
-
stream 如何处理数据消费和数据生产的速率不一致问题
-
writeable stream
drain
事件是做什么的(这是和一个控制读写速率有关的事件)
二面考得比较细,问了很多看代码问输出的问题,也问了一些比较细节的问题,有些细节的地方确实实际也没接触过。
字节
字节是通过一个同学内推的。字节也是自己比较中意的公司之一吧。为了准备字节面试,刷了不少leetcode,虽然好像面试也没怎么考,但是通过这段时间刷leetcode,不得不承认感觉自己的代码能力也有一定提升
某个周日晚上20点
一面
-
常用的http状态码(101 200 204 301 302 304 307 400 404 500…)
-
301和302的区别(永久/临时)
-
前端路由怎样实现(
hashchange
事件 hack history.pushState) -
前端路由直接刷新404怎样处理(404时重定向到index.html 如nginx)
-
从前端到后端全链路如何设计实现一个登陆的流程(session方案、jwt)
-
什么是跨域,怎样处理
-
简单请求和复杂请求的区别
-
浏览器的缓存策略说下
-
domain属性解决跨域。几种domain设置对跨域是否生效
-
ts 泛型做什么的,infer关键字的作用
题目
-
实现typescript的
Paramters
、ReturnType
(考察infer关键字使用) -
实现
Promise.all
(每个promise resolve结果存数组,最后一个promise返回时,把数组返回) -
实现一个并发请求控制函数,限制并发数
二面 一面之后马上进行了二面
-
jwt的原理(以前用过,比较好说)
-
xss和csrf是怎样的,如何去解决
-
pureComponent
和Component
的区别(前者shouldComponentUpdate
默认比较props) -
react
hoc hook解决了什么问题 -
有哪些常用的react hook,它们做了什么(
useState
useReducer`` useContext
等等…) -
项目实现一个中间层的意义(前端全链路日志打通)
-
setState
同步还是异步 -
setState
传递对象和函数有什么区别?如何选择 -
合成事件怎样的,有什么好处
-
事件冒泡和事件捕获的区别、react中的冒泡和捕获呢(react中都是合成事件,无论冒泡和捕获,对应于原生事件都是冒泡)
文末
如果30岁以前,可以还不知道自己想去做什么的话,那30岁之后,真的觉得时间非常的宝贵,不能再浪费时间在一些碎片化的事情上,比如说看综艺,电视剧。一个人的黄金时间也就二,三十年,不能过得浑浑噩噩。所以花了基本上休息的时间,去不断的完善自己的知识体系,希望可以成为一个领域内的TOP。
同样是干到30岁,普通人写业务代码划水,榜样们深度学习拓宽视野晋升管理。
这也是为什么大家都说30岁是程序员的门槛,很多人迈不过去,其实各行各业都是这样都会有个坎,公司永远都缺的高级人才,只用这样才能在大风大浪过后,依然闪耀不被公司淘汰不被社会淘汰。
269页《前端大厂面试宝典》
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
前端面试题汇总
JavaScript