Skip to content

interView

Jump to bottom
Azurehuihui edited this page May 7, 2021 · 2 revisions

1.结合js介绍下自己对面向对象 (封装 继承 多态的理解)

2.说下vue的双向数据绑定

3.谈谈你对前后端分离的看法

4.谈谈缓存看法, 包括强缓存协商缓存

5.谈谈缓存在你项目中的应用

6.结合去node化谈谈缓存

7.谈谈最近做过的项目，你担任的角色和碰到的主要问题

8.会问到一些项目中的技术

9.两道题快速实现

1). 一个单词词组逆序(例如 "I am dog" => "dog am I") 分别用普通 高阶函数 reduce实现

2). 统计一个页面中所有tag的种类和数目 代码尽量精简

10.自己的学习经历 其他记不住了

作者：陪我追光 链接：https://www.nowcoder.com/discuss/639068?source_id=discuss_experience_nctrack&channel=-1 来源：牛客网

  1. 问项目经验

2 结合项目问python处理大数据的问题（包括筛选 去重等

  1. 关于项目监控（定时任务 流程控制方面），有没有做，如何做的？

  2. pwa 有无项目经验? 策略 处理量级等

  3. 关于组件库，你在组件库中参与什么角色? 如果碰到原组件实现不了的效果会怎么样做？做法细节？

  4. 其他记不住了

作者：嵩嵩呀 链接：https://www.nowcoder.com/discuss/654407?source_id=discuss_experience_nctrack&channel=-1 来源：牛客网

let const generator call apply for in for of 对象的遍历方式 ESmodule CommonJS 浏览器的缓存方式 三栏等分布局（这里会让你选择自己会的布局来讲） 预编译期（没用过） 事件的传递过程 typescript用过吗（无）

作者：Jason_liang 链接：https://www.nowcoder.com/discuss/648383?type=2&order=3&pos=2&page=1&channel=-1&source_id=discuss_tag_nctrack 来源：牛客网

自我介绍 学前端是通过什么途径学的 实习是做什么工作? 是独立负责一个项目还是和别人合作 介绍下项目 项目中遇到的印象比较深刻的问题 发送文本图片和语音是怎么实现的 是否支持混合发送(文本+图片) 前面两个项目有什么印象比较深刻点 可以介绍下 echarts 吗 echarts 是怎么设计的有了解吗 typescript 常用哪些? 泛型有了解吗? Pick 和 Omit 有用过吗 断言可以举个例子吗 antd 表单用的多吗 react hooks 有用过吗? usecallback 有用过吗 介绍下 Vue (知道多少说多少) 块级元素/行内元素/行内块的区别 行内元素可以设置 padding 和 margin 吗 讲一下 cookie、sessionStorage、localStorage 的区别 介绍下 BFC ES6 新特性有了解哪些 箭头函数和普通函数有什么区别 讲一下 promise 关于 promise 的链式调用知道是怎么实现的吗 介绍下原型链 层叠上下文可以介绍下吗 缓存可以讲一下吗 css 的 animation 有用过吗 反问 几轮面试(3 + 1) 是否有转正机会(有) 技术栈(新项目强制使用 React，老项目 vue、jQuery、纯 js)

作者：Jason_liang 链接：https://www.nowcoder.com/discuss/648383?type=2&order=3&pos=2&page=1&channel=-1&source_id=discuss_tag_nctrack 来源：牛客网

自我介绍 介绍项目？项目中难点 从输入 url 到页面渲染发生了什么 css 和 js 会去阻塞页面渲染吗 HTML、css、js 是怎么把他做成一个服务的，让其他人也可以访问 静态资源怎么做缓存 基于对浏览器缓存机制的了解，怎么做缓存比较合适？每种资源都可以做缓存吗 对 Vue 比较了解还是对 React 了解？Vue 的双向绑定是怎么实现的？ Vue 的响应式是怎么监听数据改变的？数组是怎么实现响应式的？为什么不直接去更改数组原型上的方法？改了会有什么问题 Vue 的 $store 是怎么绑定到 Vue 实例上的? 给 Vue 全局绑定一个变量有什么方式? 为什么 $store 不直接绑定到原型

作者：Jason_liang 链接：https://www.nowcoder.com/discuss/648383?type=2&order=3&pos=2&page=1&channel=-1&source_id=discuss_tag_nctrack 来源：牛客网

自我介绍 介绍项目？项目中的亮点 项目是几个人开发的？角色定位？ 实习中的收获？ 聊一下浏览器同步和异步？为什么要有异步？异步是怎么实现的 对模块化有没有封装过什么组件 有发过 npm 包吗？在使用别人的 npm 包的时候，知道是什么时候决定升级一个大版本，这个版本号有没有什么机制 pageage.json 中版本号 ^ 和 ~ 有什么区别吗? 当我们用 CommonJS 规范去 require 加载一个包，require 的加载机制大概是怎么样的 构建和打包是怎么做的？有配过 webpack 吗 除了自己的项目平时也会做一些项目练手吗 给滚动容器绑定一个事件，随着滚动会去频繁触发事件，怎么优化 防抖和节流有什么区别 js 里有没有什么方法禁止一个对象的属性被删除 并行发送异步请求怎么做 对前后端分离模式是怎么理解的？前后端的边界在哪里 HTML 的 meta title 是前端做的还是后端做的？HTML 模板是怎么渲染出来的 node 端有了解多少 React hooks 有用到吗 有没有用过百分比布局的情况，padding-top: 50%; 是相对于与谁 怎么实现一个自适应正方形（宽度不确定） css 选择器有哪些？优先级说一下 代码回滚怎么做？有哪些方式有什么区别 JS 中有哪些办法去遍历一个对象的所有属性？遍历的顺序是怎样的 前后端协作之间的会话是怎么产生的？后端是怎么知道前端发过去的请求是谁发的 cookie 中 httponly 有什么用 个人在前端有什么展望吗？或者说前端的个人兴趣在哪？有没有什么规划？有没有对前端方向感有要求（工程化、中后台...） 项目中有遇到 eslint 吗 自己平常业余生活会有一些自己的总结吗 反问 面试表现 面试反馈时间(五一前，第二天 HR 联系了) 转正机会(看表现，毕业转正) 假如过来实习一般是做什么(mentor 带，酷家乐商业平台：管理系统，商家后台，中后台)
作者：牛客572104043号 链接：https://www.nowcoder.com/discuss/628774?type=2&order=3&pos=16&page=1&channel=-1&source_id=discuss_tag_nctrack 来源：牛客网

  1. 自我介绍
  2. 算法题 （以来就算法，吓到我了） 数组去重，数组里面存的是数字或字符串
  3. 说一下 http 协议
  4. http 协议的无状态是指什么
  5. TCP 三次握手四次挥手
  6. 一个 url 输入后的过程
  7. 这个过程哪些部分可以优化
  8. vue 异步刷新如何实现
  9. 宏任务和微任务
  10. 闭包
  11. 手撕单链表的实现
  12. 堆和栈
  13. React 生命周期
  14. css 盒子模型
  15. 高阶组件

作者：牛客572104043号 链接：https://www.nowcoder.com/discuss/628774?type=2&order=3&pos=16&page=1&channel=-1&source_id=discuss_tag_nctrack 来源：牛客网

  1. JS 基本数据类型
  2. 网站性能优化（提示从 html、css、js等方面说） 3.隐藏盒子，display：none 和 visibity：hidden 的区别
  3. 闭包，垃圾回收机制
  4. 如何让一个盒子垂直居中
  5. 如何让一个盒子水平居中，行内块元素内的文字水平居中
  6. 如何让一个正方形的盒子变成圆，追问在不知道高度的情况下怎么实现
  7. 外边距合并 BFC原理
  8. 如何让动画更流畅
  9. React 单向数据流和Vue双向数据流
  10. 框架出现的原因，与不用框架的区别
  11. https
  12. ajax 跨域的解决方式
  13. 算法（判断两棵二叉树是否相等） 17.有了解过 React Hooks 吗
  14. 浏览器缓存

面试过程中面试官会说一些他在实际开发中遇到的一些可以优化的地方，也会给一些建议

1.上来一道算法题，面试官还问我是不是没想到会问算法 两个叶子结点，找最短的公共父节点 2. 做过些什么项目 3. 团队协作 4. 与别人相比的优势和劣势

作者：sumisu 链接：https://www.nowcoder.com/discuss/622621?type=2&order=3&pos=27&page=1&channel=-1&source_id=discuss_tag_nctrack 来源：牛客网

1.自我介绍 看你专业挺少接触前端的，你是怎么想到要走前端的？ 谈谈你如何看待前端岗位的工作职责，工作内容？ 2.vue和jQuery的区别 3.vue双向绑定的原理（这个非常常问，面试了这么多轮，几乎每轮都问到了） 4.vue中在data里面定义了对象，比如说student，但是没定义对象的属性，当拿到后端的数据之后，用obj.age，obj.name渲染在页面中时，数据不会发生改变，是为什么？ 面试官说是因为实现响应式必须要先声明，才能去注册到响应式的里面。 5.flex布局说一下。说了flex-grow，flex-shrink等属性，垂直居中属性 6.flex-grow和flex-shrink是怎么控制放大缩小比例的？ 7.比如说有三个需要布局，flex-shrink分别是1,1,2。当他们的总宽度超过了父级宽度100px时，按照什么原则缩小？ 面试官说会不一定完全按照比例缩小，也会考虑他们自身的宽度。 8.对js的EventLoop（事件循环）机制了解吗？{ 不了解，网上搜了一下 同步和异步任务分别进入不同的执行"场所"，同步的进入主线程，异步的进入Event Table并注册函数。 当指定的事情完成时，Event Table会将这个函数移入Event Queue。 主线程内的任务执行完毕为空，会去Event Queue读取对应的函数，进入主线程执行。 上述过程会不断重复，也就是常说的Event Loop(事件循环)。 } 9.setTimeout和promise，比如说一段代码 Promise.then(console.log(1); setTimeout(console.log(2),0) ）; 打印顺序。1 2 10..new一个对象发生了什么？ 11.this指向说一下你自己的理解 12.改变this指向的方法有哪些？ 13.如果让你自己实现一个bind方法，你会怎么实现？ 面试官引导了好久，是我太菜了。 bind函数内部也使用了apply或call。 14.最后问了一个算法题：获取一个链表的倒数第k个结点。 作者：追风筝的人1231 链接：https://www.nowcoder.com/discuss/594378?type=2&order=3&pos=36&page=1&channel=-1&source_id=discuss_tag_nctrack 来源：牛客网

#拼多多 一面（1h）： 自我介绍 js的defer和async有何区别 尾递归 domcontentloaded,load区别 描述一下防抖和节流，手写debounce 怎样减少重绘重排 垂直居中的实现方法，可以有几种方式 高阶组件 purecomponent是什么 react生命周期 hooks了解过吗 url渲染过程 http请求过程 缓存协商缓存强缓存 跨域，怎么跨域 HTTP2 轮询 优化前端性能方法 translate transition transform 二面（1h）： 自我介绍 关于项目细节的一些灵魂拷问 react redux和useContext react class component和function component HTML5的新特性 css3伪类 BFS清除浮动 柯里化 代码题：1、写一个动画，一个三角形从透明到实体，持续一秒，然后匀速前进五秒，然后变大持续两秒 2、 将中文数字转换成阿拉伯数字表示： 如 五千零一-->5001 五千一 5100，需考虑到亿的单位 3、两个栈模拟一个队列，实现删除插入等功能 hr面： 大概就是意愿这些常规问题

#酷家乐 一面（电话面，比较注重基础）： 自我介绍 项目所使用到的技术栈 js的箭头函数和普通函数区别 let和const区别 三栏布局 讲一讲flex js的事件循环 谈谈对promise的理解 instance of和type of 区别 深拷贝和浅拷贝 react生命周期 计算机网络模型 请求url到渲染过程 position有几种，详细讲一下 react其他相关 二面（微信视频面）： 自我介绍 详细问项目相关 react hooks 问最快什么时候能来就职 二面主要就是追着项目问一些细节问题 hr面： 谈薪资 谈工作作息

#字节跳动： 一面（1h+）： 自我介绍 问项目中所使用的api，如何实现的 react class component和function component哪个性能更好 react生命周期 react组件之间如何通信 react redux 高阶组件 HTTP2的优点 非对称加密与对称加密 https与http的不同，为啥安全性更高，ssl是什么 websocket是什么，与轮询有什么不同 一道代码题看输出，考察var变量提升问题 手写promise.all 写一个链表相关代码题，找出两个链表的公共结点 prototype和_proto_ requestAnimationFrame 反问环节，有什么想问我的 （大致是这些，一面距离时间较久，记得不是很清楚） 二面（1h+）: 自我介绍 问项目的一些细节 认为自己做的最有难度的是哪一个项目，难在哪里，用了什么方法解决这个难度，如何优化项目性能的，如果重做，是否能想到更好的方式去实现 position的relative和absolute flex和grid布局 重绘和重排，如何避免 animation动画 一串代码看输出，考察js事件循环的微任务和宏任务输出顺序 开始手撕代码： 1、写css、HTML，完成一个弹窗，弹窗自底部往上弹出，弹窗垂直水平居中，长宽视内容的长宽而定，外部为灰色蒙版 2、

往ul里面插入10000个li，如何实现 document.fragment有什么好处 3、实现一个class类Scheduler，完善一个add（promiseCreator）方法，实现一个带并发限制的promise异步调度器，保证同时运行的任务最多有两个 如：add(1000,'1') add(200,'2') add(300,'3') add(400,'4') 输出：2 3 1 4 三面（1h+）： 自我介绍 问其中一个项目如何实现，所使用的技术栈，就其中一个功能的思想进行讨论，是否可以有其他更优化的方式 代码题：变身程序员 将产品经理转为程序员以解决开发时间长的问题，每分钟，任何与程序员（在4个正方向上）相邻的产品经理都会变成程序员， 返回直到单元格中没有产品经理为止所必须经过的最小分钟数，如果不可能返回-1 eg:1,2,1],[1,1,0],[0,1,1 输出3 0,2],[1,0 输出-1 采用bfs思想

进程与线程 计算机网络结构 TCP与udp 网络的七层模型，各自有什么作用，为什么要进行分层 反问环节，有什么想问的

come on teenage

Clone this wiki locally