真是企业面对面问题

机试:
1、把一个url拆解成origin、文件名、hash拆解成示例的格式。
2、两个数组合并成一个数组，并进行算法优化。
3、设置值的时候是数字，输出的时候变成百分号的格式。
4、首屏优化的方案，分别从代码、网络和缓存说一下。
5、如果一次性增加100万个用户访问项目，前端角度你会怎么优化。
6、分别用es5和es6的方式解决一个继承问题

complain：
1、简单的介绍一下你自己
2、你们这项项目中有微信公众号、后台管理端、医生app端和小程序端，有没有提炼出一些公共的工具js，怎么提炼的？
3、你们的git分支管理是怎么样的？
4、你在做完前端项目之后，一般都会写哪些文档，readme里面写一些什么？
5、你做完一个项目之后写一些什么内容，让接手你的人能够看懂你的项目架构，并且迅速上手？
6、你基于你的脚手架做了哪些优化？
7、你们的项目文档一般都要记录哪些基本的东西？
8、有在项目中遇到过xss攻击吗？
9、你这个错误数据上报了哪些数据，怎么实现的？
10、成功抵御过多次攻击能具体说一说吗？
11、说一下你在项目中遇到印象深刻的项目场景，并且怎么解决的？
12、能说一下session跟jwt的优缺点吗？
13、你说用户登录之后要在session中加入user_name，为什么要增加？
14、jwt的整个流程怎么实现的？
15、实现jwt的实现遇到什么困难了吗？
16、如果同一部手机用户A登录了，更换了B登录，此时使用jwt会出现什么问题？
- 我觉得这里他给挖坑了，B登录了之后就会返回B用户的token，然后请求头带着的就是B的token，验证到的用户也就是B，我认为没有问题啊。我不太清楚他说的可能会有什么问题值啥情况，可能是我考虑不周全，如果有网友知道可以提醒一下我他想问的答案，让我学习一下。
17、当线上出了紧急bug的时候，你们是怎么处理的？
18、你们团队成员是怎么配合完成任务的？
19、你近2年的职业规划？
20、还有什么想问我的吗？

completel：
1、事件循环的机制了解吗？宏任务和微任务的执行顺序是怎样的？
2、怎么理解闭包这个定义的，在平时工作中有用到闭包的使用吗，举个例子。
3、vue组件间的哪些通信方式？
4、一个父组件潜嵌套了子组件，他的生命周期函数顺序是怎么执行的？
5、vue的权限管理应该怎么做？路由级和按钮级分别怎么处理？
6、说一下你对虚拟DOM的理解
7、了解diff算法吗？vue的diff算法是怎样的一个过程
8、能说一下v-for中key的作用吗？
9、做过vue项目哪些性能方面的优化？
10、vue组件为什么只能有一个根元素？
11、如何实现路由懒加载呢？
12、客户端渲染和服务端渲染有什么区别呢？在之前的工作中有做过服务端渲染吗？
13、Vue长列表的优化方式怎么做？
14、Vue3相比Vue2有哪些优化？
15、为什么在模板中绑定事件的时候要加.native?
16、能说一下响应式原理的过程吗？
17、数组的响应式怎么实现的？
18、Vue是数据改变后页面也会重新改变嘛；this.a = 1; this.a = 2; 他是怎么实现异步更新优化整个渲染过程的？
19、render函数封装有什么特别的，或者用到比较巧妙的东西吗？
20、浏览器缓存的方式有哪些？
21、正向代理和反向代理的区别？
22、域名解析过程是怎样的？
23、TCP协议三次握手、四次挥手的过程，为什么挥手要4次？

complain：
1、nextTick, setTimeout 以及 setImmediate 三者有什么区别?
2、说一下你在项目的安全性做了哪些工作？
3、当一张表数据量比较多的时候，为了提高查询速度，你们一般会使用哪些方式做优化？
4、webSocket与传统的http相比有什么优势？
5、用过koa吗？简要阐述一下koa的洋葱模型。
6、用过promise吗？它的使用是为了解决一个什么问题？promise底层是怎么设计的？
7、你们现在整个登录鉴权是怎么设计的？如果要考虑单点登录呢，会如何设计？
8、如何用同一套代码部署到服务器中，怎么区分当前本地开发环境还是线上环境？是测试环境还是生产环境呢，怎么去区分？
9、待支付的订单，到期后主动取消这个功能你会怎么设计去做？
10、如果要做音视频的安全性，你能想到哪些方案？
11、多台服务器部署定时任务怎么保证一个任务只会做一遍呢？
12、你觉得程序员除了提升技术能力之外，其他什么能力你比较看重？

complain：
1、你在项目中用到mongodb吗？
2、在项目中用到mongodb存储哪些数据？
3、mongodb的管道有了解吗？聚合管道怎么用的？
4、mongodb和的mysql优缺点？
5、你对事务性的了解是怎样的？
6、node怎么开启子进程？
7、在一台机器上开启负载均衡的时候，如果这个项目有用到定时任务，你怎么去控制这个定时任务只会执行一次？
8、你在egg中怎么开启子进程，怎么编写一个定时任务？
9、react用的多吗？
10、react组件间通信的方式有哪些？
11、vuex跟redux的区别有哪些？
12、computed和watch的区别？
13、watch和computed哪一个可以实现异步？
14、vue的通信方式有哪些？
15、vue的history模式和hash模式的区别是什么？
16、history模式下会出现404，怎么处理？
1.hash路由在地址栏URL上有#，用 window.location.hash 读取。而history路由没有会好看一点

2.我们进行回车刷新操作，hash路由会加载到地址栏对应的页面，而history路由一般就404报错了（刷新是网络请求，没有后端准备时会报错）。

3.hash路由支持低版本的浏览器，而history路由是HTML5新增的API。

4.hash的特点在于它虽然出现在了URL中，但是不包括在http请求中，所以对于后端是没有一点影响的，所以改变hash不会重新加载页面，所以这也是单页面应用的必备。

5.history运用了浏览器的历史记录栈，之前有back,forward,go方法，之后在HTML5中新增了pushState（）和replaceState（）方法，它们提供了对历史记录进行修改的功能，不过在进行修改时，虽然改变了当前的URL，但是浏览器不会马上向后端发送请求。

6.history的这种模式需要后台配置支持。比如：当我们进行项目的主页的时候，一切正常，可以访问，但是当我们刷新页面或者直接访问路径的时候就会返回404，那是因为在history模式下，只是动态的通过js操作window.history来改变浏览器地址栏里的路径，并没有发起http请求，但是当我直接在浏览器里输入这个地址的时候，就一定要对服务器发起http请求，但是这个目标在服务器上又不存在，所以会返回404

总结
当然history也不是样样都好。SPA虽然在浏览器里游刃有余，单真要通过URL向后端发起HTTP请求时，两者的差异就来了。尤其在用户手动输入URL后回车，或者刷新（重启）浏览器的时候。

1：hash 模式下，仅hash符号之前的内容会被包含在请求中，如http://www.abc.com,因此对于后端来说，即使没有做到对路由的全覆盖，也不会返回404错误。

2：history模式下，前端的URL必须和实际向后端发起请求的URL一致。如htttp://www.abc.com/book/id。如果后端缺少对/book/id 的路由处理，将返回404错误

问题解决：

出现404错误的解决办法：网上介绍的很多方法都不行。安装URL重写模块，配置重写规则，统一指向index.html.或者直接把url重写生成的web.config文件直接放置到网站根目录下即可。
17、你能说一下闭包的优缺点吗？
18、内存泄漏和内存溢出有什么区别？
19、还有什么想问我的吗？

leader:
1、对自己的评价？
2、你有哪些兴趣爱好？
3、描述一下你自己的优缺点?或者用三个词语描述你自己？
4、你在公司主要做一些什么工作？
5、离职原因是什么？
6、在工作之外有哪些学习技术的方式？
7、公司的整个开发流程是怎样的,你跟团队成员如何配合完成任务？
8、你有女(男)朋友了吗(稳定性)？
9、你有其他offer吗(稳定性)？
10、如何提高工作效率?
11、与领导意见不统一时应该怎么办?
12、你觉得目前自己的技术在什么位置，觉得自己哪一块能力需要加强？
13、您还有什么问题想问我的嘛?
（回答：能否给我介绍一下贵公司的业务和发展战略吗？）
15、你的职业规划是怎样的?
16、入职之后如何开展工作?
17、是否愿意接受加班?
18、你能为公司带来什么?你希望公司给你什么?
（回答：加入公司，我首先会努力做好自己的本职工作，多学习和提升自己。当然，我也希望公司能够给予我工作表现对等的薪资收入，但除了薪资收入之外，我更关注的是，我在这个岗位上未来的发展问题，比如是否有晋升的机会，是否有培训和学习的机会等能力的持续提升，这是我更重视的。我会在这个过程中和团队一起努力让公司变得更好更强）
19、在项目中遇到了什么难点问题，最后怎么解决的？
20、谈一下你在上一家公司整个技术开发流程，你负责哪些工作？
21、你希望自己以后的发展方向是什么？

技能题目技巧：
1、解释是什么的问题。
2、解释这个技术的应用点、应用场景在哪里。
3、整理一下这个问题的优缺点是什么。