jin rong fu wu zhuan yuan面试

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. 服务器集群负载均衡原理？...查看更多

一面全程大概35分钟1.问有没有对接过IM,我有点懵逼,询问得知是IM即时通信云,我觉得这么直接问名词显得面试官很不专业,还不如说websocket第三方服务呢2.问socket断连,数据丢失之类的,感觉像是他们新接了一个类似需求的项目,socket这块聊得不是很好,因为是很久之前用的,回忆起来贼费劲3.开始问切过页面没,没错,原话就是这么问的,切过页面没.....面试官可能是想说写过页面没,这个感觉没有问的必要吧,莫非是把我当成刚培训出来的了?感觉他们就是想找一个切图仔4.响应式布局,面试官可能不会flex,所以没问这个很重要的点,反而问的px和rem区别,然后问rem具体是如何实现响应式的(终于有个靠谱的问题了)5.问:jq熟悉吗,答:不熟悉一年多没用过了6.原生js注册事件,var的作用域和函数作用域,闭包打印变量,问得都很浅,就是一带而过的那种感觉,关于闭包这里我解释的很混乱很差劲7.问js会不会出现内存泄漏的情况,我说到setTimeout的时候,面试官有点疑惑,下面我复现一下问答场景,面试官可能想问闭包泄露,我当时没想起来,就先说的定时器id泄露我:定时器如果id没及时清除,生成了大量定时器会出现id泄露面试官:setTimeout是什么?我:是一次性定时器,还有循环定时器面试官:你觉得你说的对就行了我:???8.问原生ajax和jsonp有什么关系,这个我觉得没什么关系,jsonp不过是跨域的一种手段,我就简单说了下原理是script标签利用src走get请求然后面试官深究了一下jsonp为什么script就能跨域,浏览器为什么会产生跨域这种行为,已经是否发送如何拦截之类的,,我说不上来,但是这个问题问的很好值得我学习9.如何交换ul里面某两个li的顺序,这个问题问的我都没法回答,反正我觉得很简单甚至有点没意思10.问vue是把页面做成了某种结构的对象吗,这个问的我也没法回答,如果是问模块化确实可以牵强的解释成对象嵌套的关系,毕竟虚拟dom就是树结构11.问我觉得vue适合做什么网站,我回答大部分,就算是seo也可以用nuxt解决12.问我还用过别的组价吗,实际上他想问的是我还用过别的框架吗13.问vue和react区别,我稍微说了一点他就说听不懂,下一题14.最后问首页有没有大量接口优化的经验,我就提了一下淘宝的方案用nodejs坐中间层合并接口,不过对这么小的外包公司说这个也没意思15.问有没有发现页面对ajax的并发量限制,???我反问贵公司遇到这个瓶颈了吗,他说目前没有,这题好无聊啊,能出现大量ajax限制了那一定是循环调用接口了,那属于前端逻辑有问题16.数组newArray()和通过字面量的方式声明有什么区别,我就简单说了一下稀疏数组和密集数组17.问==和===有什么区别,以及类型隐式转换优先级,甚至面试官认为前端用全等不专业18.问小程序做过没有19.问你听过类ui吗,然后我反应过来了,他问的是layui,我说不熟悉,面试官很惊讶:你没用过layui???很搞笑啊,一个css库而已,开箱即用有什么上手难度吗?无聊的问题总结:面试官不懂前端所以百般试探,但是你说的他又可能听不明白,就误以为你在瞎说,确实我听录音回放的时候也感觉到自己面试很磕巴,像极了培训生,butwhocares,面着玩而已二面贼无聊,就是画大饼,然后张口说我这个两年经验最多给我10k,我就直接用拒绝了实际上我发现这家公司并没有前端,也难怪,这么少的钱也难怪招不到人...查看更多

面试感受是对自己的感受，觉得自己太弱了。面试过程因为自己水平不行，感受不好，面试官还是蛮好的。我只进行了和技术官的一个初面。面试官问的问题：问题顺序是我能想起来什么问题就写什么问题呀。 1.https和http的区别？(我不知道，我只知道http的网址在浏览器上会显示链接不安全，所以我答的是https安全些。) 2.根据权限进行页面拦截(面试官想听的是接口，router和webpack的chunk配合的版本，这个我不知道咦，面试官讲了答案，我也没听懂) 3.项目中怎么处理跨域的？(我答的是开发环境是用的proxy，生产环境是后端配置的)。又问：后端是怎么配置的呢？(我答不出来，就说了是配置的header里面的几个allow属性) 4.为什么会跨域？(浏览器不允许不同域的通信) 5.vue怎么实现高阶组件？(不知道) 6.vuex怎么触发多个action？vuex的整个流程(这个我没答出来，主要是项目中虽然用过vuex，但是用得不多，忘记了。) 7.后台管理系统的筛选条件(input,select,radio之类)怎么优化，就是直接写的话页面会有很多这样的input，不够优雅？(面试官引导的，说可以用vue自定义组件，slot插槽，还有一个方法我没听懂) 8.说一说vue的单向数据流？(答不出来) 9.get和post的区别？平时有用过其他的请求方法吗？ 10.webpack有用过吗？(看过脚手架的代码，没主动改过) 11.vue双向绑定的原理； 12.vue的data里面定义一个数组，然后用下标更改数组里面的某个值，页面会不会变？ 13.静态资源有做过缓存吗？(本来还有数据缓存要问的，但我静态资源答不出来，面试官也就没问数据缓存了)，暂时就只能想的起来这几个面试题。 然后，我面试迟到了十几分钟，因为不同区，平时都是下午两点的面试，12出发，到那个区，绝对能到，今天是上午十点，脑子有点秀逗，8.30还想着现在去有点早，早去有点尴尬，8点40才醒悟，要迟到了。至于结果～当面试官说hr过几天会通知结果，我就知道没结果了。 这次面试过后，我都不知道该怎么复习面试题了，慕课网的付费实战面试题都刷了3遍了，得亏我刷了面试题，不然今天真的啥都答不出来。但我今天也体会到了项目中解决问题的经验和优化的经验不是刷面试题能弥补的。这点打击真的很大，因为现在的公司就我一个前端，只要用户没什么反馈，我真不晓得该主动优化什么，也没有可以交流的前端大佬。但是现在我更加想去有点技术的大公司，那里有思想碰撞的火花，但感觉我应该都很悬的。最后，我实际一个2年主流框架(react,vue)经验，加上一年小程序经验的前端，我以为自己前端上能所向披靡，独当一面了，其实也只是会用而已，人外有人，就是很失败。 ...查看更多