《小米前端面经》专题

给俺双非一个offer把，已经挂了，一直没写面经，二面完那天我就猜到了，两次群面我都不知道我在干嘛，尤其是第二次跟产品的一块，被产品完爆 一面： 群面就不说了，大家都是技术，一开始大家也一直没说话，氛围还是很peace的 单面如下 html语义化 事件循环，宏任务、微任务有哪些 http请求头字段有哪些（user-agent、accept等等很多） https加密 xss攻击 浏览器缓存策略 还问

春招时候的面经，第一次的挂面。上来就是做题。 1. 实现浮点数运算 回答：只了解IEEE754浮点数会导致溢出 正确：使用big.js add(0.1 + 0.2) => 0.3 subtract multiply divide 2. 实现节流函数 支持immediate 回答：实在是不记得是啥了。。。说一下实现思路，结果回答成了防抖。。。 3. 看一段代码有什么问题 给了点提示，面试官说了可能涉

面试平台：腾讯会议 面试问题： 自我介绍（标准开头） 项目的一些问题（比如移动端如何适配，一些特定效果怎么做等等比较琐碎的问题，不具体列举了，基本就是看简历发问，我觉得只要是自己做的项目应该都能回答上来） 实习相关的问题（这些比较隐私，就不说明了🤪） 实习公司的开发流程 实习期间遇到的难点有哪些 实习最大的收获是什么  4. 八股文（而且还是老掉牙的那种😌） 浏览器输入url会发生什么（答了缓

1 自我介绍 2 项目中的重点介绍 3 浏览器缓存 强制缓存 协商缓存 4 Etag的优势 5 代码题 LeetCode 20 6 Promise async await 代码输出题 7 flex布局 说出父元素和子元素上的属性 8 网络安全 9 原型 构造函数 实例 10 反问 每次回答结束之后，面试官都是说”好的，下一个xxx"。网络安全那里，我说完XSS和CSRF，面试官说我XSS理解不深刻

重要的写在前面 在准备面试的过程中，大部分的时间都花在了JS基础和框架方面，弱化了HTML和CSS的学习。所以如果有小伙伴也是这样在准备面试，那么请立刻去补上HTML和CSS的基础内容。 本次面试最大的感悟在于：平时没有刻意去练习页面结构和CSS相关的内容，所以导致本次面试体验感不佳（当然纯粹是因为自己的原因）。 面试内容： 1 自我介绍 2 整个过程没有提到任何项目相关的内容 3 CSS 优先级

投递 7.29 基本情况：内推投递 非直通部门 非科班 没实习和高大上项目 没想过提前批简历能过~ 一面 8.17 自我介绍 看了什么书 写编程题三道：很简单的斐波那契数列、括号匹配、二叉树剪枝 做剪枝之前问了熟悉什么算法 ES6新特性 promise说一下，API说一下 利用promise实现xx秒返回value react生命周期 同步异步 事件循环等 基本你回答到XX点面试官就会打断你说可以

自我介绍 为什么学前端？（我本科专业是物联网的） 项目问题（此处省略20分钟） 输入 url 到渲染出页面的过程 引申出怎样将html文件渲染到页面上（不太会答） BFC css垂直居中 用到哪些浏览器存储方式？答：localStorage、sessionStorage 还有吗？ （不太清楚了） localStorage的应用场景 es6了解吗？ Promise的出现是为了解决什么问题的？答：回调

8.22 一面 状态码301 302 强缓存协商缓存 原型原型链 Object.__protot__ Function.__proto__ 原型链终点 防抖与节流 代码 大数相加 转对象 数组扁平 用reduce 链表反转 二面 上来直接三道题 js+html 验证url css三饼（float、position、flex三种） 凉凉

一面 8.24 16:00 讲实习 水平垂直居中 position有哪些值 static absolute relative fixed sticky 说一下BFC js基本数据类型 instanceof 原理 说一下ES6新增 for in 和for of区别 Object.defineProperty 定义的对象的属性有哪些 https://developer.mozilla.org/zh-C

一面： 主要是做了三道题，其他没太问（做太久了后面没时间了） 二分查找（如果排序是逆序怎么处理） 实现 instanceof （null、undefined 怎么处理） 实现水波跳动效果  二面： key 的作用 -- 虚拟 dom 的构建 key 是虚拟 dom 对象的标识，当状态中的数据发生变化时，react 会根据新数据会生成新的虚拟 dom ，之后进行新旧虚拟 dom 的对比。 旧虚拟 d

一面 面完过了一周约二面 css position属性有哪些 css选择器有哪些 css bfc？ 给一个css场景让算一下margin，实际上就是margin合并问题 css会阻塞dom渲染吗，dom解析呢 如何理解typescript？在开发中有什么作用？ type和interface区别 js阻塞dom解析如何解决 跨域的作用？如何解决？jsonp的优缺点 浏览器的缓存？etag的优缺点 j

一面 主要讲实习经历，基本上无八股 手撕：最长公共子串 二面 主要也是实习经历和项目 手撕： 1. 变量作用域和this指向问题,说输出 var bar = 'window' function say() { var bar = '111' console.log(bar) console.log(this.bar) } const obj = { bar: '222', say() { cons

请用Vue.js 2.0以 “SFC 单文件组件” 编码方式完成以下购物车题目。除了Vue.js 2.0, bootstrap 外，请尽量少用第三方库。不可使用Element UI, Mint UI等第三方库。 目标 提供前端端购物车功能 购物车外观 以下只是参考。 购物车功能 自动计算总金额（必须） 能删除已选择产品 能更改数量 能按產品名稱排序 评分准则 SFC组件设计 编码整洁 外覌 加分项

题型：选择20 编程3 总体：题真的不难啊...我该说我太渣呢？还是JS太渣呢？好吧...归根到底就是我太渣 我感觉思路都没啥问题，但就是一题没A...我不懂了...跪求各位大佬赐教！ 烦恼ing... 编程1：零件（55%） 编程2：最小花费（82%） 思路：动态规划 编程3：支配数（72%） 思路：滑动窗口 #小红书笔试##前端#

第一题：收集卡牌（100%） 第二题：将字符串1变为串2（100%） 第三题：找到最近节点（没有测试，只是通过测例） #小红书##小红书笔试##2022秋招#