作业帮web前端面试经验

一面问的很基础，会给一个例子，然后问问题，都是比较基础的js、css，html没问，然后问框架，浏览器渲染机制等。

一面：自我介绍： 1. 垂直居中的方式； 2. 两栏布局； 3. 随机生成给定长度的字符串； 4. 数组去重； 5. 介绍以下ES6新增的方法，promise的状态转化； 6.var obj = {}, b = {a:123}, c = {b:123}obj[b] = 123;console.log(obj[b]) 7. 跨域的方法，介绍以下jsonp8. var length = 10;function fn(){console.log(this.length)}var obj = {length:5,method:function(fn){fn();arguments[0]();}}obj.method(fn)。算法很重要，作业帮很注重算法。 二面：由于自己项目太渣，基础不行，挂掉了自我介绍。 1.介绍一下你的项目，遇到过什么问题； 2.清除浮动的方法（什么是文档流，什么是脱离文档流，为什么clear可以清除浮动，还有什么方法）； 3. postion相关； 4.DOCTYPE 有哪些写法，有什么区别，什么是怪异模式，有哪些废弃掉的元素； 5.引入css有哪些方式，link中的media属性是什么作用，有哪些取值； 6.input的type有哪些值 submit button reset的区别； 7.Vue的双向数据绑定； 8.有什么提升页面性能的方法？资源压缩合并是怎么压缩的？为什么减少http请求可以减少时间； 9.你可以来实习码。

两轮线上电脑面试。第一轮主要是闭包、原型链、缓存、BFC、promise原理、设计模式等。第二轮主要是vue原理、项目难点。面试官非常友好，有一两个地方卡住了，面试官会细心指导。整体体验不错。

体验不错，面试官问的也存在深度

下午四点开始面，一面问了OSI七层，还有树的深广度遍历。深广度没答上来。二面问了JavaScript的基础，都回答上来了。听朋友说一般如果有可能性的话，会当天hr三面，但我晚上回来也没接到hr电话。感觉慌得一匹，听说作业帮重视算法，如果没戏，那可能卡在算法上了。不过最后一面面试官还送了我一下，可能是一种环节吧，心慌慌。

先是给了份java题笔试，然后人事开始面试，会问有没有女朋友、性格、是否愿意出差。然后是部门经理二面，问的也是一些基础的前端题，并且会看成绩单。

面试官很好，问的都是一些原理性的问题，很深入，答上来七八成，没答上来的也循循善诱，耐心解答。最后可能竞争对手很多，所以要求比较高一些，感觉自己也差一些火候，需要继续修炼，很愉快的一次面试。

都是基础问题，自己太菜了，面试官很好，像个老师一样耐心得教我不会的问题，题目手写css布局和几道js算法题，应该不难。

一面：一个前端高工面的，很高的那种，就不说是谁了。问了一些技术问题，把他电脑给我写了一些程序。还是比较严肃，后来认识了人很nice。二面：一个负责人，也挺严肃的，问了一些性能啊，沟通之类的问题，没有具体的技术问题了。然后就回家了。后来hr来了个电话就直接谈了薪资就完事儿了。因为是内推，流程比较简单。

Q: 怎么去设计一个组件封装 1. 组件封装的目的是为了重用，提高开发效率和代码质量2. 低耦合，单一职责，可复用性，可维护性 3. [前端组件化设计思路](ijse blog ijser.cn/2017-06-25-…) 1. 渲染引擎遇到 script 标签会停下来，等到执行完脚本，继续向下渲染 2. defer 是“渲染完再执行”，async 是“下载完就执行”，defer 如果有多个脚本，会按照在页面中出现的顺序加载，多个async 脚本不能保证加载顺序 3. 加载 es6模块的时候设置 type=module，异步加载不会造成阻塞浏览器，页面渲染完再执行，可以同时加上async属性，异步执行脚本（利用顶层的this等于undefined这个语法点，可以侦测当前代码是否在 ES6 模块之中） 1. 代码复杂度，js 动画代码相对复杂一些 2. 动画运行时，对动画的控制程度上，js 能够让动画，暂停，取消，终止，css动画不能添加事件 3. 动画性能看，js 动画多了一个js 解析的过程，性能不如 css 动画好 1. xss 跨站脚本攻击，主要是前端层面的，用户在输入层面插入攻击脚本，改变页面的显示，或则窃取网站 cookie，预防方法：不相信用户的所有操作，对用户输入进行一个转义，不允许 js 对 cookie 的读写 2. csrf 跨站请求伪造，以你的名义，发送恶意请求，通过 cookie 加参数等形式过滤 3. 我们没法彻底杜绝攻击，只能提高攻击门槛1. 把一个或者一组元素的事件委托到它的父层或者更外层元素上 2. 优点，减少内存消耗，动态绑定事件 3. target 是触发事件的最具体的元素，currenttarget是绑定事件的元素(在函数中一般等于this) 4. JavaScript 事件委托详解1. 线程是最小的执行单元，进程是最小的资源管理单元 2. 一个线程只能属于一个进程，而一个进程可以有多个线程，但至少有一个线程（一般情况） 3. 一个进程对应多个线程最为常见，Linux、Windows等是这么实现的。其实理论上这种关系并不是一定的，可以存在多个进程对应一个线程，例如一些分布式操作系统的研究使用过这种方式，让线程能从一个地址空间转移到另一个地址空间，甚至跨机器调用不同的进程入口（感谢AlienZHOU补充）1. 当系统面临大量用户访问，负载过高的时候，通常会使用增加服务器数量来进行横向扩展，使用集群和负载均衡提高整个系统的处理能力 2. 服务器集群负载均衡原理？