《快手前端面试》专题

一面 HTTP协议了解吗，每次新版本出现都解决了什么问题 HTTPS 建立连接的过程 隐藏元素的方法有哪些？有什么区别 了解bfc吗？怎么解决高度塌陷问题 requestAnimationFrame是什么 用过transform吗 怎么实现两栏布局 不确定盒子宽高怎么实现垂直居中 JS为什么是单线程的, 浏览器还有什么什么线程 了解event loop吗 setTimeout 的作用，是准时的吗？

没有八股，code说话，45m一场 一面：双方自我介绍完了之后，就开始手撕代码，题目要求俩数相除的准确结果，若有循环小数，需要用括号将循环节括住输出。 写完之后会问你代码思路，并要求测试用例，考虑边界条件如何处理。 然后是反问环节，整个过程面试官（女）都非常和蔼，字里行间能感受到面试官的气质，给人很舒服的感觉。不像某些面试官 一上来就摆个臭脸要kpi的样子，之前有一次面完美世界，面试官的昵称是 劝

1、http状态码 2、http1.0、1.1、2.0的区别 3、跨域问题 4、响应式布局 5、性能优化 就记得这么多了！

一面 自我介绍 说说浏览器缓存 知道xss攻击么？怎么防范的；还了解其他攻击么 常用的设计模式有哪些？ 观察者模式和发布订阅模式有什么区别？ 熟悉哪个设计模式手动实现一下？ 如果要你实现一个10s倒计时功能，怎么设计？ js事件机制是怎样的 说说你项目中的复杂的点 二面 自我介绍 看我六级过了，加上可能去海外事业部，让我英文自我介绍一下（还好为了微软早有准备，没想到在这用到了） 聊聊研究生期间的工

HTTP和HTTPS的区别 HTTP1、HTTP1.1、HTTP2的区别 HTTP状态码 cookie、sessionStorage和localStorage CSS盒模型 box-sizing的属性 CSS动画，transtion和animation的区别 flex布局的属性 三栏布局 Vue的生命周期 Vue的watch的实现原理 Vue3 的Proxy Vue3的组合式API优点 Vuex的

自我介绍 react用过哪些插件库 redux-thunk和redux-soga有区别 手写实现redux-thunk 模拟 js 实现前端事件循环 手写复杂数组去重  面完就挂  #滴滴##前端面经#

一面 自我介绍 css水平垂直居中有哪些方法 伪类伪元素哪些 not ：last-child 具体指什么 说说 http 缓存 cookie，sessionstorage，loaclstorage区别，哪个可以多页面访问 数组常用的api有哪些 code1：求1-n内的所有质数 code2：         const arr = [           { name: "li", age: 20

自我介绍 怎么实现两列布局固定和不固定宽度 js数据类型和判断方式 instanceof call apply 和 bind的区别 redux解决了什么问题 less的好处 less避免编译的理解 原型链 http缓存 http状态码 反问 有些厂用手机小程序ai面试：基恩士 人大人 西门子 感觉挺无语的 #前端面经##旷世#

介绍项目 项目中 Echart 怎么展示实时更新的数据？在不用事件轮询机制的前提下（想让我回答 websocket） Vue 和 React 用起来有什么区别 ？实现原理上有什么区别？ 为什么 React 中 State 中的数据是不可变的？SetState一直是异步的吗？ 为什么 SetTimeout 或者原生事件里，为什么 SetState 是同步的？ react 里用过哪些 hooks Vu

1.自我介绍 2.实习相关 3.cookie相关 4.汇率转换数学题(金额×汇率即可求解) 5.闲聊#面经##校招##秋招#

标题党一下 气到睡不着 开头讲 项目过后开始问数据库多线程 在本人回答不会不会之后开始手撕代码（有效括号字符串 然后我起了一个js 他说 “你是前端啊” … “那之后打算做前端后端呢” 撕出来之后过了一会儿官网就挂了 可能是今年最无语的一天

#面经# #金证科技# 一面 常规八股+对前端工程师的理解 二面 项目详情 学习方法 竟然问了java 和springboot vue2 3区别(讲述了object.default property和 proxy) 三个div前两个同行后一个一行怎么实现 getdocumentbyid 和byclass返回值的区别（不会） 闭包的好处和坏处 es6特性 职业规划 有一些细节忘记了 感觉面的很常规

开始正常自我介绍，中间穿插建议：把项目描述详细点（开始觉得很贴心，后面才发现这是铺垫致命点） 接下来问接触前端什么时候，怎么学的 之后问了基础知识： ①CSS属性box-sizing ②三栏布局 ③判断是不是数组类型 ④promise race all ⑤async await 怎么捕获await结果的异常 ⑥react 16.8.0之后推荐函数式组件，原因 ⑦useeffect uselayou

介绍实习项目 canvas/性能问题 节流/防抖 react hooks理解/有哪些hooks/useMemo useCallback react新版本有哪些改进: 不清楚 浏览器缓存方式(etag modify) webpack打包 hash 方式: 不清楚 (https://www.jb51.net/article/254415.htm) React 的状态管理(Redux): 没用过 块级元

自我介绍， 后端熟悉什么语言， c和c++的区别， 项目中印象深刻的地方， 然后是两个项目的问题