面经详情

一面：hr英语面，通过，问的比较基础，英语问题比较简单，hr人不错二面：印度老板和天津领导面，印度老板说英语有口音听不太懂，后面有天津老板说英语，发音比较好。问的问题特别基础，全部是html、原生js、css，入门级别的问题，但有点过时了，过时的问题没答出来，比如问了H5有哪些新增标签。。。我工作五年了，没想到会被问这种问题，然后没准备，悲剧了，可能被挂了吧不太确定能不能过，花了30分钟左右。...查看更多

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

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

项目经验 介绍项目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 的参数相同报错...查看更多