《前端》专题

v1：纯静态 技术栈 http://light7.cn/ http://zeptojs.com/ http://www.swiper.com.cn/ 参考 http://www.smartisan.com/cn/ v2：预处理 + 模板 https://github.com/sintaxi/harp 安装 $ npm i -g harp $ mkdir src $ cd src $ harp in

1. 项目难点是什么 怎么解决 2. 3个看代码输出（作用域） 3. 数组去重 4.防抖 节流 5. 浏览器缓存 6.cookie localstorage区别 7.http和https 8.浏览器输入url过程 9.类的继承方式有哪些 10.apply call bind区别 11.vue的双向绑定 12.设计模式有哪些 13.display的属性有哪些 14.行内块和行内元素区别 15.自己写

图片懒加载实现(interaction obersever，也可以自己实现，考虑防抖和once) 缓存（强缓存响应码200；协商缓存响应码304，service worker没了解） 骨架屏（element plus手画，很简单） cookie，localstorage，sessionStroage区别，作用 localstorage实现过期清理（疑似没有API，可以自己轮询实现） 有遇到跨域吗（

记录一下 一面hr面 二面技术面 等了半个月才约 面试一个小时 不知道是不是ptsd害怕了，空气里面一股浓浓的kpi味道 主要是提一个大点，类似http协议 项目优化啥的，然后让你自己展开讲你了解哪些，他再去根据你的回答拓展问问一些场景解决，不是那种一题一题的八股回答，都是通过提问场景解决。 他那边不知道是在哪，环境好吵，听不清楚，但是面试官人很好，单论体验还是很不错的 最后许愿来个offer 山

单选题13道，不定向选择8道，两道问答一道编程。 单选题基本都是js和数据结构的。 多选题js代码执行情况的问题比较多。 两个问答一个是让写promise的串行异步和并行异步，一个是两栏布局。 编程题是一道模拟题，大概就是给你每天访问的url（每天可能访问多个不同的url），让你统计所有url中每天哪些url被访问了。 题目不算难，编程题没写出来。 电脑死机两次，心态也炸了，辣鸡Matebook！

北森一共只有两轮技术面，7/21投递的 一面：7/22 1. React 和 Vue 有什么共同之处和区别 2. Virtual DOM 是什么东西？带来了什么好处 3. Diff 算法？有哪些优化 （我答的React的） 4. 你是用 class 写法多还是 hooks 写法多 5. 你觉得 hooks 写法的作用是什么 6. hooks 怎么模拟 componentDidMount 7. us

整场面试不到1hour，面试体验还不错，面试官很有礼貌。除了前三个问题不是很会，其他的都秒答+扩展，面完秒挂，不是很懂。。 1.上来先日常进行自我介绍，我简单说了项目和技术原理。然后让我再展开讲讲。 2.让我说项目技术上的难点 3.怎么在浏览器上开启web worker 4.怎么实现不同尺寸屏幕上 栅格grid布局 5.h5中资源离线处理的方法 6.事件委托和事件代理 7.同源策略和跨域问题 8.

7.5一面（50min） 1.git指令，代码一般提到什么分支，code review完又有什么流程 2.事件循环 3.http2.0 4.讲一下cdn 5.浏览器缓存 6.项目里import包的时候怎么知道改导入哪个包（package.json） 7.其他我忘了，没让撕题，基本全是八股 7.20二面（50min） 1.讲讲实习期间做的内容，过程中学到了什么（这里略去具体问题，和实习做的事相关，大

面试体验不错，循循善诱， 自己太菜了 let\const\var 区别 作用域和作用域链 闭包，优缺点、应用场景 防抖节流 说一说事件循环 React 如何性能优化 useCallback 的原理 还有什么其他的优化方式？ 为什么需要 key 用 index 作为 key 为什么不好 Class 组件和 Function 组件的应用场景、优缺点、为什么 组件传递参数的方式有哪些，分别应用场景、优缺

一面 8.12 聊项目 文件上传，切片，唯一性验证 webworker webpack（我不会）  项目聊得比较多，八股没怎么问（或者是我忘了） 【手写】括号匹配 二面 8.19 vue响应式、diff 对react理解哪些 webpack（好的我不会） 讲讲项目，做了什么，难题 长列表优化（不太懂要问啥） 作用域 闭包，缺点，用处 https 浏览器渲染 渲染进程的多线程（合成...） 浏览器内

字节风控提前批一面 自我介绍 挖实习 进程和线程区别是什么 堆栈是什么（堆回答的不是很好） DNS http和https(没准备好) http无状态你是怎么理解的 BFC 同源和跨域 CORS 闭包和变量提升 ```js for(let i = 0; i < 5; ++i) { setTimeout(function(){ console.log(i + ''); }) } ``` 不用块级作用域

1. 介绍下项目难点 2. 手动实现过vue的指令吗？指令的作用？ 3. v-if和v-show的区别 4. 计算属性computed怎么知道依赖其他的哪些属性？例如计算属性有一个fullname，依赖data中的firstname和lastname，计算属性如何知道它依赖哪些属性？ 5. vuex有什么作用？跟全局对象有什么区别？ 6. 组件怎么监听到vuex中数据的更新？ 7. css文件为什

百度效率真高啊，一面完一个小时就约二面，二面纯写代码，估计要凉 1. 自我介绍 2. vue中传递参数的方式，伪代码 3. vue组件，伪代码 4. axios二次封装伪代码（忘记怎么写了，说了一下思路） 5. 写一个简单的promise使用的例子 6. 写一下vue中响应式原理中拦截部分（defineproperty）伪代码 7. 说说你觉得你能通过这次面试的优势在哪里 二面全程和面试官都没怎么

第一个问题问校园经历，懵了 项目出发问问题 没有八股 代码：二选一，简单的数组题目，没有涉及任何算法 反问

全程面试感觉很好，面试官是我遇到最好的，会引导你答题，很棒的一次面试，全程一个多小时 面试官自我介绍 自己自我介绍，有点紧张，面试官让我别紧张 CSS布局 CSS定位 meta属性 响应式布局 响应式布局工程化，预设，webpack相关 webpack打包优化，底层源码看过吗，比如说css转换 实现垂直水平居中的方案 重排和重绘 项目中怎么减少重排重绘，具体怎么做，比如说opacity=0 事件委