《前端笔试》专题

从头到尾写了7道题，包含代码输出结果题和算法题，中间穿插问一些八股，一共问了大概80分钟😰😰😰😰😢😢😢😢

1. 自我介绍 2. 怎么接触前端的 3. 图片懒加载怎么实现的 4. CSS的动画有哪些，怎么实现 5. translateX(-100px)和定位里面实现左移100px，在动画中有什么区别 6. 怎么用一个div画一个正六边形 7. CSS怎么画一个三角 8. 隐藏一个元素有哪些方法，他们之间有什么区别 9. JS里面怎么判断数据类型 10. 哪些方法判断一个对象是数组类型 11. JS中绑定

刚面完二面，趁记得写个面经 1. 自我介绍 2. 讲一下你学前端的过程 3. 讲一下你实习经历里最有意思的项目 4. Webpack打包 -- Webpack的核心概念 -- Webpack打包优化 5. React hooks -- 常用的hooks, useState, useEffect, useRef, useMemo, useContext -- Hooks为什么不能打乱顺序使用 6.

自我介绍 把项目部署到服务器的一个过程 用户拿到一个url地址怎么看到你的页面：过程 如果没有axios， ajax发送请求的过程 发送异步请求的方式：除了这两个promise和async，还有没有更底层一些的请求方式 怎么实现页面的缓存的具体一些 ES6的新特性 了解MVVM MVC MVP不仅限于这些的JavaScript的开发方式吗 用户多次改变数据1-20连续改变 页面怎么刷新 社会实践

1、输入URL到页面显示发生了什么 2、缓存机制（强制、协商） 3、跨域怎么解决？ 4、闭包怎么理解？ 追问：闭包有啥用，外部引用不销毁造成的问题（没记清提问了，反八股式追问） 5、手撕：防抖。 防抖里为啥要用call？（this隐式丢失+柯里化） 6、vue-router有几种模式？介绍下。 让你自己实现，你打算怎么做？ 7、VUE源码，模板机制啥的没记清。（不会） 8、说一下你了解到的VUE2

美国找工跟地狱一样，还得国内多争取机会，刚面完，热乎的，人生前端处子面给了快手 1. 自我介绍 2. 前端学了多久了 3. 计网7层协议，5层协议 4. TCP 3次握手4次挥手 5. http和https 6. 跨域方法 7. 简单请求，预检请求 8. 基本数据结构 9. JS里面Obejct和Map有什么区别 10. Object的key可以是什么类型，Map的key可以是什么类型 11. 算

自我介绍 实习相关的问题： 介绍一下IM SDK webworker设备不支持问题 webworker踩过的坑 项目相关问题： 介绍一下项目 为什么二次封装axios 为什么二次封装vuerouter 八股： 盒模型、margin在这content-box和border-box的是否有区别 let var const 为什么没学vite 通过什么方式了解新技术 最近在学什么新技术 怎么看待chat

快手前端一面面经 1、自我介绍 2、CSS选择器权重 3、display几种方式以及原理 4、js执行机制结合定时器和then 5、Promise异常穿透实现过程 6、原型链关系和如何继承 7、v-if和v-show区别 8、用户从输入URL到页面显示全过程 9、DNS解析如何提高效率 10、缓存在http各个版本的作用机制 11、浏览器如何渲染数据 反问: 你们部门大概用到什么技术栈？ 加班情况

拷问项目 interface和type的区别？使用场景？ TCP是如何保证传输的稳定性和可靠性的？ 为什么要进行四次挥手？ Https的加密过程？ 抓包的流程是什么？ 证书的作用是什么？ 用useContext和useReducer模拟实现redux 实现一个自定义hook useHover，当鼠标hover到元素上时触发传入的事件

手写题： 写一个函数，第一次调用输出[0], 第二次[0,1], ... 打家劫舍2 promise.all 最小路径和 判断对象是否相等 八股： 为什么要有进程，为什么要有线程 tcp/ip https 一些JS基础 8.31面的现在还没消息 T.T，写个面经许愿一下二面

一面（8.29 1h45min） 八股 实习经历 js基础，闭包，原型，事件循环xxx webpack、vite区别，模块化方案，用过哪些插件，写过哪些插件 vue2、vue3区别，nextTick原理 缓存，service worker，延伸至移动端弱网环境下如何优化，具体没听懂 设计一个通用缓存方案（具体忘了，牛客上应该有朋友记录过） 计网八股 手写 HardMan promise并发 对象的

vue 双向数据绑定 发布订阅（如何实现发布订阅） vuex 如何使用vuex vue2和3的区别 defineProperty和proxy性能上的区别 react setState的第二个参数，什么时候拿到新的数据 setState合并更新 react生命周期 shouldComponentUpdate react的diff算法和vue的diff算法 useMemo和memo 用react的时候

全程47分钟 无手撕，一点点八股，全程项目 三个面试官，轮流拷打 10分钟自我介绍ppt，主要讲项目 后面的问题都是由项目展开 涉及一点八股 1.桌面端应用开发和web开发区别 2.webwork怎么用 3.浏览器事件异步任务 4.node环境与浏览器v8的区别 面试官介绍了项目情况 问能不能提前去实习

自我介绍 为什么选择前端 基础知识: 1.var let const的区别 2.可以修改const声明的对象的属性吗，为什么 2.水平垂直居中的方式有哪些，手撕css代码 3.元素实现隐藏的方式有哪些，都有什么区别 4.深浅拷贝区别，手撕深拷贝 5.跨域是什么引起的，用什么方法实现跨域 6.nodejs有了解过吗（我说了解不多，就没多问） 7.除了react还用过什么框架 项目: 8.用户登录部分

秋招第一面 1. 虚拟DOM 2. hooks uesMomo useCallback useEffect 依赖 3. 组件间通信的方式 4. 手写发布订阅 （半天没写出来，各种报错 寄） 5. 写一个 Tab 组件的 demo 。。。不会 6. 闭包 7. 手写promise.all 8. 网络 说一下有哪些协议 缓存 9. 反转链表 有问我能去北京实习吗，总共快 1 小时吧，最后面试官介绍了下