前言，flutter页面切换动画-CFANZ编程社区

用过你觉得最好用的webpack插件？答模块热替换插件
什么是SPA应用，相对于多页的缺点首屏缓慢、不利于SEO爬取
CDN的优势在哪里有用过吗（答出了优势，但没有用过）
浏览器缓存问题

浏览器资源加载优先级？答不了解，能给我讲讲吗，对面讲了下如图片资源，浏览器会优先加载用户可视的内容。
最近在读过什么书？深入浅出nodeJS
3:20 时，求时针分针之间的夹角。这里注意减去时针偏移的10度。
笔试模拟大整数相加、相乘

这次面试感觉还不错，面试官小哥哥给我讲了很多东西，还告诉我他在工作中的实际业务，使用的技术栈，现在的前端发展。对我这样的双非学历也一视同仁，我个人是非常尊敬欣赏这样的面试官的。打call!

「阿里钉钉」

阿里钉钉是在钉钉上加了群，和群主老哥聊过几句，最后也是这位老哥面的我。上来就是两个笔试题。

1.函数防抖？
function throttle(fn,delay) { //节流
let lasttime = 0
return function () {
let nowtime = new Date().getTime()
if(nowtime-lasttime>=delay){
fn.call(this)
lasttime = nowtime
}
}
}
2.爬梯子问题？
function jumpFloor(number)
{
let fib = [0,1,2]
if(number<3) return fib[number]
for(let i = 3;i<=number;i++){
fib.push(fib[i-1]+fib[i-2])
}

return fib.pop()
}
复制代码

面试题

前端安全怎么防范XSS攻击？
如何进行转义
网络爬虫有了解吗
CDN主要用来解决什么问题？（负载均衡、就近原则）

这次面试和以前的面试遇到的问题差不多，但对面没有直接问我问题，而是从实际问题引导我回答。我能听出对面是在引导我回答某方面的知识，但是我就是没有听懂他到底想问什么。面试快结束时，他对我说：我和你是老乡，之前也有在钉钉上聊过，所以特意把你的简历拿到了我这里，不知道这对你是好事还是坏事。（听到这里我知道已经凉了）之后他还顺便提醒我，你爬梯子代码那里写的是 * 号，应该是 + 号。（我心里一阵凉风）。心里很感谢这位钉钉的老哥，下定决心把平时模糊的概念一定要弄懂。

「阿里CBU一面」

html节点类型？块级元素和行内元素
vue的双向绑定原理？订阅发布模式和Object.defineProperties
vue3.0、2.0、1.0的区别？主要答的是虚拟DOM、proxy代替Object.defineProperties
为什么用proxy代替Object.defineProperties 后者只能监听已有属性变化，且不能监听数组的内容变化
vue的解析器原理？用template生成AST语法树分析
async浏览器支持情况，没有async的时候用什么模拟？（generator）
generator有什么作用？供for of 消费、利用next接口
三道很简单的编程题（前两个代码量有点多，把第三题分享出来）

/* 字符串隐藏部分内容

mask(‘85022088’); // 85****88
*/
function mask(str, char) {
if (str.length <= 4) return str.replace(/\w/g, char)
let newStr = ‘’
let start = 0
let mask = ${char}${char}${char}${char}
start = Math.floor(str.length / 2 - 2)
newStr = str.slice(0, start) + mask + str.slice(start + 4, str.length)
return newStr
}
复制代码

这次面试总体感觉很不错，主要是因为面试官小哥人很幽默，面试氛围也很放松，和我闲聊了很多。这个小哥带给我很多积极能量，笔者希望能在以后遇到越来越多这样的人。

「腾讯PCG二面」

PCG二面很突然，早上刚起床来的电话，就匆匆开始了~

谈谈你的实习经历，过程中你遇到哪些问题，怎么克服的（这里主要谈了自己在技术上和同事协作遇到的问题，一顿胡编。。。）
两个用户，A在深圳带宽2M，B在上海带宽100M，请求一个服务器部署在黑龙江4kb的文件。谁更快？（个人认为理论上差不多，现实上B可能由于距离近会快一些。我的答案不一定正确）
浏览器地址栏输入网址到显示，发生了什么？大概过程如下：

这是个开放性问题，我也只能答到这种程度。

砝码分盐问题。 140g盐用2g和7g砝码，一个天平，三次分出50g、90g
反问环节这里我问道面试官我有哪里不足？对方很中肯的告诉我在计算机网络底层需要加强。

「字节商业变现平台一面」

怎么判断数组类型？ Object.prototype.toString.call([]).slice(8,-1) === ‘Array’
bind、call、apply区别
浏览器地址栏输入网址到显示，发生了什么？（这个和上边一样）
TCP三次握手为什么三次？
http状态码？
web通信技术? Comet（http流、ajax轮询）、SSE、 websocket
都接触过哪些后端语言？ node、python
react和vue的区别？答双向绑定和单向数据流
vuex的作用？状态管理、集中式管理、把公用数据抽象出来、便于开发维护
react和jquery有什么区别？声明式和命令式区别？
MVVM和MVC？

个人觉得是因为这次面试问的问题恰好都是我了解的，对面印象不错，甚至夸赞我基础很牢固。面完直接开始进行二面。

「字节商业变现平台二面 + HR面」

这次面试官是部门的leader，比较严肃

做过哪些项目
项目安全问题项目里md5在哪里加密（我答是前端加密）
防止XSS、CSRF攻击？
前端鉴权 token
有做过管理类的项目吗答无
一个算法题这个题笔者没有写出来，但是说了说思路，并表示自己算法很菜
有什么想问的？笔者问商业变现平台是做啥子的blabla…

大概是这些问题，有点记不清了。面完后就被告知通过了，等HR。两天后HR面，主要是问问你的优缺点，最近在读什么书，平时成绩如何。面完的两个小时便拿到offer，不得不说字节的效率是真的很高。个人觉得之所以字节发展的如此之快，和字节的务实、技术气氛浓厚，在管理上扁平化，有着很大关系。

这里拿到字节的offer后，网易来电面试，因为地域问题（笔者是东北银），婉拒了这次邀请。

「腾讯CSIG交叉面 + HR面」

过了大概几天开始腾讯PCG三面，这段时间拿到字节offer后面试欲望十分低迷。在PCG三面的时候我拒绝了接下来的面试。对面问了我为什么不面了，去了哪家公司，表示尊重选择。戏剧性的是，之后过了两天腾讯CSIG部门来电，我表示不太想继续面的时候，对方表示理解，告诉我之前PCG的面试的评价还不错，并问我如果直接发offer，是否愿意来腾讯。笔者当时很惊讶，答了愿意。没想到直接发邮件邀我三面。三面面试官明显是一个大佬，在腾讯会议上面试，主要问了些项目的细节，全程只有不到20分钟，之后就进入到了HR面。 HR面的时候，对方迟到了10分钟，我连忙打电话过去问，HR小姐姐抱歉说刚刚在开会，之后电话面了20分钟。一周后拿到正式offer。