《web前端开发》专题

题型分选择体和简答题，简答题中有编程 选择题 body中设置 font-size为16px，元素中设置为 0.5rem，实际展示的字体大小是多少 下面哪些是高阶函数或方法 Promise.resolve(1) .then(2) .then(Promise.resolve(3)) .then(console.log) // 1 Promise.reject(1) .then(c

主要是项目上的一些问题 1.项目上用了redux，有对比过用或者不用redux的优缺点吗 2.redux具体是怎么做到精准更新的 3.写一下消息订阅模式的代码 4.有了解过其他设计模式吗 5.观察者模式原理是怎么样的 6.你知道js在观察数据和状态是否发生变化是怎么做的吗 7.这个项目大概有多少个组件，可以列举以下 8.轮播图怎么实现的，手写原生代码（可以用伪代码） 9.排序算法了解过哪些，它们的

参加的是第五场前端笔试，【前端&移动端方向】，记录一下过程给大家个参考哈哈，我笔试前也搜了一下想知道是哪些题型，内容大概是啥。选择题30道，编程题2道。 选择题内容有数据结构有操作系统，还有网络一些相关的，还有几道规律题。总体感觉很杂，我没犹豫会就是会了不会也没费时间。 编程题：比我想的好点，我比较怕与数据结构结合性高的题，没刷过哪些题，做起来很费劲。给的是两个问题，写出来解决方案就行。 第一道：

一股kpi味 面试官有气无力的 8想招人就别面试 vue和react对比 ssr原理 ssr获取数据原理 怎么跟界面交互 密码登录原理 双token原理 axios xss安全 csrf安全 hooks原理 hooks好处 xss分类 安全前端能做的 最长不重复字串 获取页面全部非空table项#前端#

一面 js基础，闭包、继承、类型判断之类的 vue响应式 vue更新的细粒度 vue生命周期 vue react对比 React fiber的协调过程（太久没看了 直接瞎说） 用过哪些hooks，有没有react项目开发经验 webpack有哪些作用，webpack构建的流程，写过webpack的loader或者plugin吗 如何理解副作用 手写：1.移动0 2. 千分位分割（会用正则吗，不会）

html的seo优化（语意话标签，title description） 首屏幕页面加载优化（webpack，避免回流，忘记说图片了） 渲染机制（会问script的阻塞，defer和async的区别） 移动端适配（rem，媒体查询，vw/vh这个我不太了解怎么实现适配） url到页面加载流程 箭头函数区别 usememo的作用，我说了我项目用到了用来缓存昂贵数据的 浏览器缓存有哪些，区别（我觉得可以

双非本好惨，简历几乎全挂，几千年才有一个面试机会，写写面经积点好运 网络很卡，一个多小时网络就卡了快20分钟，根本没问几个问题，回答的磕磕绊绊的，不过面试官人很好，居然给我过了 一面： 1、自我介绍 2、问了点项目啥的，怎么学的 3、vue2、vue3、react16.8前后区别 4、koa中间件 5、webpack了解过吗，打包流程，loader、plugin以及区别 6、pnpm了解过吗，为什

前端最吸引你的地方的的是什么 你认为前端有哪些地方比后端难 浏览器事件执行机制，浏览器是怎么实现这个机制的 基本数据类型有哪些，复杂数据类型有哪些 js继承怎么实现的，除了原型链继承还有哪些，原型链和类继承的区别是什么 线程和进程的区别是什么，为什么游览器使用单线程 请求拦截器和响应拦截器是一种什么样的设计模式 你知道axios底层是怎么实现的吗 发出请求到收到回包整个浏览器执行了什么或者是网络层

先自我介绍项目 1.问项目的成长 难点 2.webpack的构建原理 3.如何优化webpack 4.webpack和vite相比，vite有哪些优势 5.因为提到了引擎，问我了解哪些引擎(我不知道啊呜呜呜) 6.浏览器拿到html树到渲染是什么样的 7.v8垃圾回收处理机制 8.跨域问题怎么产生，如何解决 9.了解过跨栈吗(也没答出来) 10.http1.1 http2和http3的优缺点 11

1.实习经历拷打，业务痛点，为什么计划关联人，而不是人关联计划，返给后端的是什么.... 2.xss攻击 3.大文件上传 4.rem适配怎么实现，libflexilble作用 5fcp,lcp怎么计算 6接触过什么后端语言 7为什么选前端，学习路径，看了什么书，看书有什么收获 8vue2.3区别，proxy的缺点，兼容性不好，如何兼容低版本浏览器，我说用babel转成es5，反问你确定真的可以吗

1. 问了一些项目相关的 2. 强制缓存 协商缓存 （启发式缓存？） 3. react解决了原生的什么问题 4. hooks是怎么实现的 5. async await的原理 6. 数组转换成树，写出来不太对，让换了一道，写了数组扁平化 面之前看见说kpi就随便面了下，结果约二面了...

#24届软开秋招面试经验大赏# 投递一个半月，我以为已经凉凉，结果友子又给我捞起来了 面试官很专业，人也很好，一面没问项目，基本都是八股 1、js做数据循环用了哪些方法，如何实现的，这些方法哪种性能最好，哪种最不好 （我答的for最好，for...of最不好，也不知道对不对） 2、http2和http1.1的区别 3、axios库的原理 4、设计一个sdk实现前端发送的请求前加一个header，无

0830 可能会从项目出发正好能学习借鉴下面试官的思路，后续再做优化和调整 自我介绍 304状态码是什么，说一下这个请求的过程 详细说下协商缓存 HTTP2.0的多路复用是什么 CSRF是什么 如果是第三方的链接，直接拒绝访问是不是也可以，就是CSRF怎么达到一种攻击的状态，攻击了用户的什么东西 CSRF如何防御 CORS跨域的请求响应过程 origin的请求跨域网站头，能放很多域名吗 以上的流程

怎么牛客上美团二面面经这么少 美团二面 自我介绍 介绍一下你实习的项目 难点亮点(没想到) 直接进入基础部分，Vue2的数据响应式 你提到收集依赖，那template中的数据如何建立响应式机制？ 你知道编译使用的是什么库吗？ 渲染器如何工作的？ vue2的diff算法 模块化历史了解多少？ 你来设计模块化，如何解决模块相互引用的问题？ nodejs的事件循环和浏览器的有何不同 看代码说事件循环过程

base 北京 时长：54min 总体感受：面试官非常和蔼，交流很愉快，面试很愉快，唯一的不足之处就是我太菜了，基础不扎实 第一次面大厂，感觉面试官经常提出一些有深度的思考，我认为这也是我们新手自学过程中应该掌握的一个技能，自己去提问自己，自己去挖掘自己不会的地方，不要得过且过，不要想着混过去（菜），要自己拷打自己，自己打磨自己 1.自我介绍 2.介绍第一个项目 3.第一个项目提问 - 处理功能哪