《前端一面》专题

1.浏览器缓存 2.虚拟DOM 3.vue2和3区别 3.http和https区别 4.非对称加密 5.echarts外还有什么库 6.promise理解，手写promise.all，promise输出题 7.0.1+0.2等于啥 8.盒子模型 9.css响应式布局 10.原型链 11.proxy和defineProperty区别，优势 12.Set 13.es6相关 14.http状态码 15.

加粗部分为AI生成，用于补充，请自行辨别真实性 上来先写两道题（😅，最近怎么老碰到这种面试） 两两交换链表中的节点 二叉树的层序遍历 写完了之后，开始问一些问题 React和Vue有什么区别？ watch和computed有什么区别？ 前者主要用于管理副作用，后者用于管理数据依赖更新 看过watch和computed源码吗 聊了一下响应式的核心实现 这个响应式的实现遵循了哪些设计模式？ 就答出来

1.浏览器渲染原理 2.输入url发生了什么 3.用户出现白屏该怎么办，如何排查 4.闭包 5.小程序项目结构 6.webpack babel关系，都是干什么的 7.vue2 vue3区别，关系，响应式原理 8.拷打项目 手撕 01背包，lc394

自我介绍 手撕 lru缓存 为什么用map，是看文档里说有序吗（说了在cpp里map分为order和unorder，在这里是ordermap，并且网上有博客也说是顺序） 那js的object是有序的吗，用iterator遍历是按序遍历吗，虽然在浏览器里面是按序的，但是在其他环境下是有序吗 介绍一个你熟悉的数据结构 （trie树） trie树和哈夫曼树的应用，能否应用在一个无损压缩数据上，并且不含冗

由于是三个星期前面的，还没有录音，所以就凭记忆写个问题吧 时长：55min 1.自我介绍 2.介绍下项目并且每个项目举一个遇到的问题 3.问电脑上有没有代码，面试官要共享屏幕看。 第一次遇到这样的，手足无措直接慌了神，找代码文件都哆嗦 4.根据代码在介绍下项目亮点 5.问浏览器输入url后会发生什么，越详细越好 6.问了浏览器缓存的方式 7.js的异步原理 8.宏队列和微队列有什么区别。 这里我犯

因为是校招专场，所以是线下面试的 1.日常项目拷打 2.css如何使一个盒子居中 3.margin百分比是相对的谁（父盒子还是自己） 4.js里promise和async await，为啥有了promise还有提出async await 5.如果浏览器打开一个网页很卡，可以怎么优化（减少回流重绘，防止内存泄露，浏览器缓存等） 6.浏览器缓存都有什么类型（我说了强制和协商缓存，他说cookie类的，

自我介绍 从url到页面显示的流程 跨域与解决方案 服务端渲染 rem与em data为什么是函数 组件间通信 eventbus使用什么条件 v-if与v-show区别，底层原理，适应条件 nextTick 事件循环 vue diff算法 vue2 与vue3的区别 proxy与defineproperty ES6中数组方法，会不会改变原数组 promise dom操作 flex布局 水平垂直居中

项目难点 （刚才提到了 Blink）说一下 Blink 是干什么的（答的是 Chrome 浏览器内核），Chrome 浏览器除了 Blink 还用了什么（没太听懂，答的是之前用 Webkit 内核） ES6 新特性 Map 和 Object 的区别 WeakMap 了解过吗（×） 箭头函数的特点 generator 了解过吗（×），yield 后面跟一个异步任务会怎么样（×） 说一下构造函数和原型

时长：1h20min - 面试官介绍部门情况 - 自我介绍，为什么要做前端，介绍工作室，学习方法 - 有做过移动端或者小程序嘛 - flex ：1的含义 - 尽可能多的说出水平垂直居中方法 - JS数据类型 - 栈和堆 - 闭包 - this指向及绑定方式 - new创建过程 - 手写new - promise以及api - 事件循环代码输出题，有async和await版的 - vue和react

面了一个半小时 今天有点生病，面到后面，大脑略浑浊，前面的都还好 1.给了setTimeout,promise,同步代码同时存在的那种题。 2.手撕二分，深拷贝，将输入字符串去重按字典序输出 3.手打实现水平垂直居中（我写了三种方式，有时间的也可以写多点） 4.闭包和引用的笔试题 5.瀑布流式图片,监听click 6.flex场景题 7.在浏览器输入url解析成页面要哪几步 8.用setTimeO

啊啊，好紧张，问的问题主要是JS，CSS和计网基础，还有项目。 但是终于！！！有一位面试官是看了我的简历准备问题的😊，不是只在我自我介绍时候看 整个过程(25min)：（顺序可能不对） 1. 自我介绍（介绍完：你说的比简历上还多，我之前按简历准备问题来着😂） 2. 你知道路由原理吗（主要是问监听路由变化那些） 3. inline-block和inline的区别 4. JS 在node中的事件循

时间：7月初的某一天 之前几次日常实习面试都是常规八股，内容简单，网易这次给上了点强度，比之前稍难，但还达不到去年秋招难度。 八股 **1.响应式和自适应**, 项目里tailiwindcss媒体查询那几断点想问出是不是我自己做的 2.vite为什么比webpack块 ->开发环境和生产环境的一些细节多讲讲， 3.上一问题卡了半天，面试官开始引导，那先说说webpack构建流程吧 **4.url到

react router有几种实现方式？ position的定位方式有哪几种？ 跨域问题怎么解决？后端是怎样配置CORS？ 你所了解的webpack是什么？ 用webpack打包，减少包的体积，应该怎么做？ 了解微前端吗？ node 代码题：去重

#凉经 1.自我介绍 2.介绍项目 3.使用hooks遇到的问题 4.项目后端用什么写的 委培抹额选择node 5.移动端适配方案 项目中用vw多还是vh多（不懂） 6.useref了解吗 一般怎么使用 放到副作用函数依赖中ref的值变了副作用函数会重新执行吗 7.深拷贝 8. token持久化 9.三行布局 中间自适应 10.flex：1 11.组件是怎么更新dom的 12.反问 下次再战

1.自我介绍 2.介绍一下项目 3.介绍es6新特性 数组新增加的方法 4.map  forEach的区别 5.会改变原数组的方法 6.promise和async/await的区别 7.假如页面需要请求两个数据才可以成功渲染，用promise和async/await 哪种方法更好 用async有什么好处  8.介绍一下mobx action那个方法你平时怎么用 异步操作除了用action还有什么解