数字马力前端二面

首先强制线下面试，某手游公司的前端，业务负责官网，中台，小程序等，转正的薪资5k-7k，也就是5k（一线城市），包中晚两餐，五险一金按2500和3000的基数缴纳，10%的比例，加班到10点后打车报销过去先做50分钟题目，三页A4纸，用笔做，包括手写四道手写代码的题，题目加起来有三十题。会议室有人看着的，达咩搜题，公司环境如图比如：1. 跨域是什么，列举三种解决跨域的方式2. 简要说明http和https的区别，含义3. 响应式布局是什么，有什么方案4. cookie和localStorage和sessionStorage区别5. 谈谈重绘重排，什么时候触发，transform会触发吗6. visibility：hidden、opacity:0 display:none的区别7. position的属性和之间的区别8. 小程序的登录注册流程是怎样的，用了什么方法9. （中间再省略十多题）……10. 写代码：写出数组去重的三种办法11. 写代码：写一种方法，判断b字符串存在于a字符串里面，并且记录下来出现了多少次12. 写代码：手写闭包13. 阅读代码写方法：变形的JSON数组扁平化问得还挺久的，但我就简单记录其中的几个问题先：1. react和vue的区别2. type和interface的区别3. 那几家你为什么离职4. 你未来的职业规划是怎样的5. vue里的watchEffect和react的useEffect有什么区别6. 你去了大公司，互联网，为什么选择这一家7. 怎么看待三十五岁和女生不合适做开发这个问题最后hr拖了好几天，跟我说通过了，oc问我入职时间，才了解到了薪资待遇，然后她还跟我说其实是想招一个男生，但是考虑到我确实很优秀，就来发意向了一趟下来，脸都黑了，接到A4纸打印的题目让手写答案的那一刻，仿佛开眼了

1.自我介绍2.直接问薪资我试图往后拖继续追问期望薪资我看逃不掉了，只能跟她谈，但是好像还是超出她预期了3.她有试图问我对前端感不感兴趣---这是啥意思啊？想要我进去干前端？我说我正在学后端框架和自己做项目，有涉及前端，也感兴趣4.问我针对风险点有什么对应的保障策略？我回答了一个保障需求能够安稳上线的策略（是因为我真的想不到这个问题怎么回答）5.做题买股票，有个时序数组：{9,3,5,2,4,7}，什么时候买入什么时候卖出收益最高，是多少 //思路：用前缀数组存储当前最低价，并维护res变量存储当前能卖出的最高利润 int nums = {9,3,5,2,4,7} int len = nums...

1. markdown渲染自己如何实现，说一下思路2. 主题切换是如何实现的3. 切换时的localStorage持久化配置是干什么的4. 如果是动态的切换，根据时区去切换主题应该怎么实现（取Date.now()）5. 如果一直在这个页面上，那在切换的边界时间点，不进行刷新，如何去切换主题(设置监听，或者到时间服务器推送一个数据然后去切换）6. 有两个网址，一个主站，一个子站，主站变了主题如何将子站的主题也切换（用跨标签的通信方式）7. 如果不用跨标签通信呢？（面试官说用cookie）8. 你觉得Pinia的优点在哪，在项目中带给你觉得特别好的东西？（回答了组件间状态同步，面试官说这些localstorage也可以实现，又回答了composition api）9. 说一下原型，闭包，事件循环10. 说一下宏任务有哪些，微任务有哪些11. 基于axios实现一个类似中间件的请求方法，比如说有一个axios的封装，这个封装可以热插拔或者是基于插件的形式，能够针对黑产进行处理，或者对其他刷网站的行为进行处理，如何分别实现这两个插件和一个共同对这两个行为限制的插件12. 说一下图片懒加载是怎么优化的13. 还有其他实现图片懒加载的方式吗14. 怎么确定图片是有性能上的问题的15. 在开发中关注过哪些优化的指标16. 手撕一个拖拽dom的场景题

Ron Buckton 是微软的资深软件工程师，主要专注于 JavaScript 和 TypeScript 的语言规范和编译器开发，是TS的核心开发者。他在 ECMAScript 标准化委员会（TC39，是制定 ECMAScript/JavaScript标准的组织）中担任活跃成员，参与 JavaScript 新特性的提案和标准制定。著名的装饰器、显示资源管理using等都是他的提案。