19年毕业进入某银行，年末转为正数。 报价是前端开发，但所属中心的主要职责是数据方面的开发，所以只能一边做前端一边学习数据开发的知识。 后期前台的内容越来越少了，有机会报名的话，在剩下的工作复习中再加上面试，获得报价，记录面试过程。
作者： fatdoge帖子
3359 juejin.cn/post/6959364219162607630
头版的高阶组件是什么？ 你设计这样的水印零件，为什么要用高次的零件？ 组件设计的想法。
谈谈水印组件的业务场景吧。 如果有人在控制台上删除dom并删除水印，该如何防止？ (禁止截获键盘事件F12并打开控制台)如果用户在控制台上通过disable js禁用了js，则该如何防止截获事件被禁用？ (从思想上来说，例如点击disable js这个动作本身如果可以拦截的话，就可以拦截并拦截这个动作，进行直接关闭页面等定制操作。)
Dvajs和umijs的区别。
Dvajs中redux的有用性(展开关于状态管理的必要性和不滥用的合理使用的思考) ) ) ) ) ) ) ) )。
React和redux是独立的，但如何关联使用？ 连接和提供者在react-redux中的作用)
只读性能问题()
this导向问题(定义箭头函数时确定，运行普通函数时确定) ) )。
classstudent{constructor(name ) {this.name='Tom '； (}getInfo ) ) return(name: )害怕的火龙果(，getName ) ) {returnthis.name； (，)； }}lets=newStudent (； console.log(s.getinfo ) ).getName )； //如何打印令人恐惧的火龙果//Tom只能修复class代码//(展开箭头函数，this指向的问题) obj实例化、属性修改和重新实例化指针问题
functionchangeobjproperty(o ) {o.siteUrl='http://a.com '； o=newObject (； o.siteUrl='http://b.com '； (}lets=newObject )； changeobjproperty(s )； console.log(s.siteurl； 0.1 0.2！==0.3 (精度丢失问题： IEEE 754。 怎么解决？ 例如，用小数点将整数部分和小数部分进行分割，分别对每个位数进行相加，注意进位处理。 ）
简要介绍SPA和前端路由(扩展ajax - pjax - history api的推送状态、pop状态和replaceState )。 浏览器url堆栈堆栈与这些api的关系、路由映射管理和组件渲染。 ）
编码：
实现randomString函数并返回数组。 数组中有一千个字符串，每个字符串都是6位0-9的随机认证码，不能重复。 */functionrandomstring ((/writeyourcodehere )代码：
/*实现接收一个arr的sum函数，累计arr的条目。 只能使用add方法。 此方法接收两个数字，并模拟异步请求的后端返回相加值*/functionadd(a，b ) return promise.resolve (ab )。 ) Functionsum(arr ) )//想法一分为二，切成两半beforeSum，afterSum。 (/*变种)如果后端有并发限制，一次不能请求三个以上怎么办？ /双面css问题：实现chrome浏览器的后退按钮。 鼠标移动到黑色圆形的背景上，内部是90度的角。
需求问题：假设a页面有几个query参数，单击它可以带a参数打开b页面，然后从b页面跳到c页面。 如果是b页本身具有的参数，就带到c页，如果是b页的参数是a页带来的，就不带到c页。 这个问题基本上花了大部分时间，和面试官讨论了可行的思路，进行了编码。 主要是query参数的merge处理、跳转块等的实现。 ）
通常的问题：将123456789置于金钱模式。 也就是说，12，345，678 (想法有很多。 例如，在reverse之后使用拔模手动插入逗号.)。
简历相关内容不在此记录。
三面码问题：
请实现/*抽选函数rand，保证随机输入是表示对象的数组。 对象有属性n，表示人名，w的权重随机返回一个当选人名。 当选概率与w成正比。 */letpeoples=[{n:'p1 '，w:100}、{n:'p2 '，w:'p2} letrand=function (
p) {};开放题：一个 html 引入一个超大 JS，js 中是一个乱序数字数组(长度巨大)，从中找到最大值显示出来，遇到这种需求你该怎么做？
项目相关的问题不在这里记录了。
三轮技术面其实可以感觉出来一面会考察一些前端基础和源码相关的知识，二面三面还会问很多项目经验、管理方面的内容。比如 git 工作流、CI/CD 相关实践、重构的一些思考、选型的影响因素、自己平时学习的方式。因为我在银行里还会进行数据开发以及会一点 node 开发，这些也算是加分项吧。
HR 面个人感觉 hr 面其实会带有一些博弈的成分，但是和 hr 聊天，尽量真诚就行，工作本来就是双方互相选择的，在目前公司的现状以及与自己职业规划产生的偏差，自己的期望发展、待遇其实可以真诚的说出来。最终字节给的待遇是令我感到满意的，我也很开心可以到更好的平台发展。（毕竟银行的技术底蕴确实没法和字节比，还是需要一个更好的平台提升自己，光靠自己实在不太行...）
感想记得是三月底开始，那时候个人遭受了比较大的打击，工作也浑浑噩噩的，看不到出路，每天晚上失眠，白天工作状态也不好，还吃不下东西。字节那边联系过来问有没有时间面试，我就说了个日子开始面试了。就这样强迫自己开始看资料查漏补缺，心里反倒好受了一点。
还记得是那一个周日，窗外阳光很好，我和一面面试官聊了一个多小时。感觉氛围很轻松，有编程题但是确实难度不会高，边读题边把思路和面试官说了，然后开始编码。问的一些内容基本都可以答上，面试官每次听我说完就会点头然后说一句“好的，没问题。dydsl。我们看下一个。”我很感谢他让我久违地感受到，交流技术的愉悦。一面的末尾我问了一些职业规划的问题，他也很耐心的和我说了一些自己的经验，最后很感谢我可以在周末抽出时间面试。
一面的结果很快就出来了，当晚 hr 和我说的时候我其实还不太敢相信。因为我从毕业前就有尝试过投大厂，但是无一例外全部都是一轮游，我深深地怀疑自己的能力是否确实与这些大厂的岗位不匹配。毕业了进入银行其实也有点像逃避。接下来我和 hr 约定了下一轮面试的时间，并决定抛开那些不愉快的回忆，工作之余把全部精力投入到二面的准备中去。
然后我和之前实习时候带我的启蒙老师聊到我过了字节的一面，她还是像以往那样对我的求助耐心解答，也给了我一些资料让我查漏补缺。后来我又在 github 翻到了字节这边的同学编写的一份前端面试资料。时间一天天过去，这段时间的专注让我想起了那个高三，很明确的目标与每天的工作、加班、复习，出乎意料的让我心情很平静。
二面的时候，面试官对我说的第一句话就是“一面面试官对你的评价很不错，希望你继续努力。”。二面其实问了很多简历上的项目，包括一些实现细节，还有项目的使用场景、解决的痛点与技术实现上的难点。看得出来面试官也在尝试尽可能深入了解我以前做的东西，讨论过程中也不断提出了一些问题。而后就是一些常规的题，上面面经里写的那个路由跳转拦截传参的问题，面试官应该是考察我的编码能力，这道题应该花去了四十几分钟的时间，不断的提出自己的问题明确需求，不断的提出自己的思路讨论可行性，然后尝试编码。
其实我对二面的表现并不满意，忐忑地等待结果，最终还是等来了三面。三面前问了很多本来就在字节的同学，也在那时候加了昊神微信，到了宇宙条小分队，群里到处都是大佬，每天都能学到新东西，可开心了！
三面的面试官可能所处层次不一样，不太喜欢我说话的时候讲的太细或者举具体的例子，希望我说话可以简练、抽象。面试过程中被打断了好几次发言，让我不要展开讲很多，总结就可以了。编码题一直在和面试官讨论，因为当时真的一点思路都没有，当时就感觉这次是不是凉掉了... ...好在最后还是勉强写出来了，不过被说代码太复杂了。开放题如上面面经，还问了很多比较抽象的问题，感觉偏管理一些。
最后等来 hr 面的时候我突然感觉，我没自己想象中的差劲。和 hr 聊了现在的工作，以后的规划还有期望得到的待遇。之后走流程和 hrbp 谈妥薪资，拿到 offer 之后我和现在的领导聊了聊。其实我还是不太习惯离别，他问我要走的原因，和现在有哪些不满意的地方，然后恭喜我可以到更大的，技术底蕴更深的公司去。目前我在整理手头上的工作，交接完之后就要搬离这个待了快两年的地方，开始一段新的生活了。其实一个人在外漂泊，从一个地方到另一个地方，遇见一些人，告别一些人或者成为被告别的人。总是需要不停的想一想，这条路我想要通到哪儿。
祝愿大家都获得让自己满意的 offer！
整理了100本前端必看PDF电子书籍 阿里巴巴前端工程师面试手册 一整套前端视频资源添加小助手V：qianduan686获取