面经详情

项目经验 介绍项目1、域名解析成 ip 地址4.2、客户端发送一个带有 SYN 标志的数据包给服务端（三次握手，第一次）4.3、服务端收到后，回传一个带有 SYN/ACK 标志的数据包以示传达确认信息（三次握手，第二次）4.4、客户端再回传一个带 ACK 标志的数据包，代表握手结束，连接成功（三次握手，第三次）4.5、服务端处理数据并返回数据4.6、客户端请求关闭连接（四次挥手，第一次）4.7、服务端确认是否还有数据要传输（四次挥手，第二次）4.8、服务端没有要传输的数据了，准备关闭连接（四次挥手，第三次）4.9、客户端断开连接（四次挥手，第四次）4.10、浏览器解析 HTML ，生成 DOM树，解析 CSS ，生成 CSS 规则树4.11、DOM 树和 CSS 规则树合并成渲染树，开始渲染4.12、执行 JavaScript 脚本setTimeout分页渲染，这个方法就是，把10w按照每页数量limit分成总共Math.ceil(total / limit)页，然后利用setTimeout，每次渲染1页数据，这样的话，渲染出首页数据的时间大大缩减了requestAnimationFrame，使用requestAnimationFrame代替setTimeout，减少了重排的次数，极大提高了性能虚拟列表 就是根据容器可视区域的列表容积数量，监听用户滑动或滚动事件，动态截取长列表数据中的部分数据渲染到页面上，动态使用空白站位填充容器上下滚动区域内容，模拟实现原生滚动效果懒加载 判断blank出现在视图上，可以使用getBoundingClientRect方法获取top属性重排也叫回流，当元素因为规模尺寸，布局，隐藏等改变而需要重新构建时则成为重排。 重绘：一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不会影响布局则叫重绘。 重绘不一定重排，但是重排一定重绘。浏览器下载完毕所有的页面组件--包括 html 标记，js，css ，图片后，会解析并生成两个内部的数据结构：- DOM树- 渲染树DOM 树都很熟悉了，而渲染树就是 DOM 树中每一个节点所对应的 frame 或者 box 所组成的（不包括隐藏的 DOM 元素）。DOM 的变化影响了元素的几何属性的时候，比如大小宽高，从而影响了其他元素的几何属性和位置，这个时候浏览器就需要重新构造渲染树，这个过程就叫做重排，完成重排以后，浏览器再重新绘制受影响的部分到屏幕中，这个就叫做重绘。有的的变化不会影响几何属性的，比如改变背景色，就只会发生重绘，而不需要重排，因为元素的布局并没有发生改变，但这两种操作都是代价昂贵的，虽然浏览器本身会进行优化，但是在编写代码的时候仍然需要最少的去进行这样的操作。一、数据问题二、是否会有组件嵌套的情况三、考虑到可扩展性需要在可扩展的地方加入 slot四、循环引用问题五、v-for key 的参数相同报错...查看更多

总体 面三年经验岗位环境：公司只有两个前端，项目在从0到1的过程中，9月中要出第一版mvp，很急，高强度加班难度：有点八股，问的问题很基础但都莫名其妙，所有问题浅尝即止，没有深入，有力使不出的感觉是个姐姐，技术总管告诉我这人是三金重工的前端，称其为大厂人员（笑）按照简历顺序从上到下问，问的问题都非常浅，完全不深入一点，而且回答后没有什么反馈，有点莫名其妙。比如问我vue3的diff算法，我给她详细的说了一遍，她没反应问我ref和reactive的区别，我说的很清楚了，她还追问为什么，有点莫名其妙算法那个就算了，ref和reactive的区别这种问题换我我问不出口，有点为了问问题而制造问题的味道这里是过了，这位姐姐给我的感觉就是很水hr跟我说是前大厂vp，这个看得出来，确实有内味主要聊简历上的经历（有没有包装），聊公司是做什么的（画饼），问怎么看待压力和加班（服从性）暗示我做的项目不多，不相信我的技术有多好，说前面那个姐姐能力很强，这里我有点无语，PUA嫌疑所有hr都会问的那些，离职理由、薪资、详细说下公司人员情况、问通勤问意向问发展规划...查看更多

到了面试地点门口，没有前台接待，boss上发消息也没处理，刚好里面有个妹子看到才把我领进去得。自我介绍，然后问了几个问题：1. 有两家待的时间较短，是什么原因；2. 有一家待了超过三年，最大的收获是什么；3. 0-1的项目中要做什么；4. 从输入url到页面渲染，中间的步骤；5. 什么时候用defer；6. vue和react怎么选型；7. vue2的响应式原理；8. vue2和vue3的区别；9. vue2的响应式有什么问题；10. vue中的$set有没有用过；1. 网上没查到公司信息，也没有官网，询问之，回答：我们是做 tob的，案例也不能写到官网上；2. 关于招聘信息内容上所写的团队和加班情况的询问；3. 团队技术栈（全部用 vue3+ts），询问：有没有兼容问题，回答：让用户换手机和升级浏览器，只要满足大部分机型就可以。全程面试官给我不耐烦的感觉；反问环节让人感觉态度轻蔑。...查看更多

第一面技术面试，共分为2个阶段， 阶段1：视频问答(半个小时)， 阶段2： 在线笔试(半个小时)阶段1：         自我介绍，对项目亮点进行分析讨论，项目做过的优化， React，Vue优缺点，涉及到相关原理，架构等阶段2：        共3个题目，1个算法题，1个字符串处理问题， 1个函数闭包问题整体沟通氛围良好，问的问题是非 常规问题，看起来简单，但是涉及到的东西偏底层原理和重逻辑，主要看平时的积累。...查看更多

机试 三个leetcode题 不难less和css区别vuexvue生命周期vue2和vue3区别页面适配性能优化websocketwebpack打包配置了解吗项目中的难点以及怎么解决防抖节流手撕代码（简单难度）vue生命周期webpack打包配置哪里决定下一次包更新上去浏览器刷不刷新vue绑定数据的原理。。。项目中的难点以及怎么解决手撕代码（简单难度）websocket状态类型websocket原生代码怎么写webpack配置有哪些websocket协议以及和http协议的区别原型对象echarts渲染过程。。。项目中的难点以及怎么解决手撕代码（简单难度）项目中i遇到哪些难点，项目展示的是什么数据（忘了数据展示的啥了，然后我没了），前端工作的流程。。就随便问问拿到几个offer，辞职原因，没找到工作焦虑吗...查看更多

一面 现场面试，一个技术经理，一个前端，一个hr，前端用本子手写了很多题目一个个的问，前端八股文很基础，基本都回答出来了。后面前端经理问我如果现在有个紧急后台管理系统需求，怎么快速搭建后台管理系统，告诉他使用若依模板，然后他说他们也准备使用若依，面了大概一个小时，hr询问了结婚没，有没小孩。回去等消息后面无回复，后面两个月boss上面另个hr陆续约我去面试，说之前面试系统里面没我的面试记录。反正感觉不是诚心招人。...查看更多