拼多多前端暑期实习一面凉经

3月29日前端实习一面

热乎的热乎的……攒人品辣!

八股文
  1. 讲讲浏览器缓存

    1. 强缓存协商缓存,

    2. 分别都有两个属性,哪个优先级高为什么

  1. 讲一下dns

    1. 域名解析的过程

    2. 给实例:www.baidu.com讲下整个解析成ip地址的过程

  1. 前端性能优化(多说点)

  2. 提到了gzip,它具体是如何操作的(面试前刚看的,具体操作没答好)

  3. 提到了cdn除了缓存还有什么功能,“距离用户最近”它是怎么判断的(母鸡)

  4. event loop

  5. csrf如何产生如何处理

简单智力题
  1. 给个时间,计算出时针分针夹角,怎么算的(听到题目后太兴奋了,一把子算错了幸好后面讲计算过程的时候发现了,改了)

  2. 一个锅只能同时烤2片肉,考好需要10m,烤3片肉,最少需要多久烤完,为什么

代码题

噩梦的开始……是文本框写题,我太菜了,平时写css都是靠边看效果边修改的,这边不能运行,都是面试官复制粘贴到它的本地去执行再给我说结果,一直改,一直让面试官运行……

  1. CSS:设计两列,左边的块宽200px,右边的自适应。DOM先写右边的块,给两个块设置不同的颜色。(有点不熟悉不写leetcode题流程是啥,写了就问面试官行了嘛?噢……颜色没加……呕……right在写在前面……oh……刚刚的写法完全错误,right在前面他会先操作right呀可是right是自适应的……直接凌乱了,调了会放弃了)

    这一题细节挺多的,得仔细看题,我想当然的就写了比较冲动吧,面试官说其实对于读题也是他们想考察的内容。其实昨天刚看了这块……还是不熟写太少了

  2. 回文子串(10分钟写代码,debug10分钟……自己看不到结果只能给面试官运行看结果那种心情……特别没安全感,因为每改一个细节都要面试官重新运行属实不好意思,而且面试有点超时了,结果跟面试官沟通决定运行最后一次不改了的时候,竟然调出来了……过程大于结果我觉得,好像在那个节点调不调的出来不重要了)

总结
  1. 从自己嘴巴里面说出来的内容一定要完完全全搞懂,不然面试官问深一点就傻了

  2. CSS布局得练啊……

  3. 面试还是不难的,还是要注意细节!!!

srds还是希望面试官放我一马!!!许愿二面!!!虽然咱写代码、debug都很艰难……


#拼多多前端面经##实习##面经#
全部评论
大佬,一面过了没有啊?
点赞 回复 分享
发布于 2022-04-01 13:59

相关推荐

        顺丰二面面经续集。1.monorepo的各个子应用是独立打包的吗?        有在字节实习的uu应该都接触过monorepo。我是进去之后才知道这个东西,但对他的原理也不明白,今天跟大家一块了解一下。        首先什么是monorepo。我个人理解monorepo是一个将不同项目的代码放在同一个代码仓库中组织起来的一种方式。可以想象github中的一个仓库中有很多小项目的代码文件。这些项目虽然有可能是相关的,但通常在逻辑上是独立的,并由不同的团队维护。像我之前实习时的项目仓库使用monorepo,仓库中既有web前端的代码,也有小程序前端的代码。        monorepo有什么好处?1.多个项目之间需要共享代码、组件或者工具库时,monorepo比较简便。使用monorepo就不需要将想要共享的部分发布npm包再去别的项目中安装,而是有一个share目录,专门放置共享的组件或方法等。2.统一依赖版本管理时更好的确保一致性。3.根目录下有一个package.json,每个项目也有自己的package.json,通过在根目录下npm install,它会自动安装所有子项目的依赖。4.在开发的时候,省去了在多个代码仓库之间切换的麻烦。还有很多优点,比如统一的CI/CD,统一的构建流程......        再谈谈不好的点。从我自己的使用角度来说,刚开始最常见的问题就是更新依赖时很容易改变了其他子项目的依赖,在全局npm install或者一些api update的时候,会给所有子项目都更新,但是可能版本更新会给别的项目带来不可预见的问题,这也是为什么需要code review,把这些不是你应该改动的东西要改回去。除此之外,打包构建需要专门优化,否则会出现打包时间过长。        那么回到monorepo的子项目是否是独立打包这个问题。要知道monorepo的每个子项目都是可以独立开发、部署、构建...试想如果只有其中一个子项目fix了一个线上bug,但是整个项目都要重新打包发布那么整个流程岂不是太过冗杂了,所以一定是可以独立打包独立安装才有足够灵活性的。但是能独立打包并不意味着你的项目中的子项目都是独立打包的,具体还要看是否在子项目package.json中配置了打包脚本。2.setState是同步还是异步        拷打完项目就开始拷打原理了。这个问题当时没记住啊,恨自己没多看两篇文章。        首先要知道这个同步和异步跟我们所谓的js同步任务异步任务不一样,是指调用setState后能否马上得到更新后的值,即是否立即调用render 函数渲染视图。        在react18之前,在react 可调度范围内的setState 就是异步的,反之,则为同步。什么是可调度范围?react 合成事件内同步执行的setState 就是可调度范围。什么是react 可调度范围外呢?宏任务:setTimeout ,微任务:.then ,或直接在DOM元素上绑定的事件等都是react 可调度范围外。        在react18中多了批处理功能(当 React 在一个单独的重渲染事件中批量处理多个状态更新以此实现优化性能),这意味着之前没办法批处理的情况都可以批处理了。在每次setstate时会产生一个优先级标志lane,对于相同优先级的多次更新任务,react实际只会复用第一个调度任务,在一次批量更新结束后才会更新实际变量的值。相同优先级的setState是异步执行的,而不同优先级则是同步的。        需要注意的是,由于js的闭包特性,同一份代码在类组件和函数组件中的执行结果是有差异的。        详细源码理解推荐以下链接(彻底搞懂setState到底是同步还是异步1,2,3):        https://blog.csdn.net/y_ang_1/article/details/136941891?spm=1001.2014.3001.5502        https://blog.csdn.net/y_ang_1/article/details/137151783?spm=1001.2014.3001.5502        https://blog.csdn.net/y_ang_1/article/details/137151803?spm=1001.2014.3001.55023.react的任务优先级策略,以及哪些任务优先级比较高?        这么多场面试,这是唯一一个问了这个问题的面试官,不得不说是有水平和经验的。东西太多了,我水平也不够,帖个帖子:https://juejin.cn/post/7207406497508114489        涉及原理的内容确实很难理解和掌握,多看点帖子多看点源码吧。        如果大家觉得对自己有帮助,感谢大家点赞收藏送花评论!希望大家意向多多offer多多!#软件开发##软件开发2024笔面经##前端##顺丰#
查看3道真题和解析 软件开发2024笔面经
点赞 评论 收藏
分享
评论
4
13
分享
牛客网
牛客企业服务