网易校招前端一面和二面

网易校招前端一面和二面

一面

1.对前端安全的理解

讲了讲XSS、CSRF、点击劫持、社会工程学等等的特点、攻防方式

2.对模块化的了解

讲了讲amd、cmd、es6的模块特点和区别,后面想想应该加上angular模块和懒加载的部分

3.angular双向绑定的原理

4.左边固定右边自适应CSS布局：

?浮动

?绝对布局

?表格与表格布局

?inline-block

?flex

?grid

5.对HTML5标签语义化的理解

6.css动画，追问：js动画写过吗？position有哪些基本值？它们有什么区别？

简单说了说translate/transform/animation，没有写过js动画。

a/r/f/s…相对于页面/自身/屏幕/默认定位

7.异步的几种方式

8.自己实现bind函数

// 简单的辅助绑定函数

function bind(fn, obj) {

return function() {

return fn.apply( obj, arguments );

};

}

9.谈谈项目和优化的地方？

直接拿成绩有毒给他们演示，讲了一个懒加载列表+事件代理解决加载列表卡顿的情况。追问：怎么控制事件触发频率？怎么实现的？

二面

1.手写一个select组件，就是点一下select出来一个列表，点击列表项select自动填充。

我：可以有一个Select、List、ListItem类，然后传统的DOM驱动的写法是先获取到它们的DOM节点再监听事件，触发事件后执行相应的逻辑，MVVM的写法是使用数据来控制它们的行为…然后开始写

面试官：你写的太复杂了，这题根本不需要用到面向对象，简化一下

我：请提示一下？

面试官：select和列表都在一个父元素里

我：父元素设为relative定位，里面的列表设为absolute定位，然后写一个函数，参数是源dom和目标dom，可以把源dom的值展现到目标dom上去。

面试官：嗯…然后继续手头上的工作

(代码暂时先不贴，这一块到底怎么写才优雅我现在还有点疑惑)

2.模版用过没有？&*%、%￥(没听懂，应该是一些模板)字符串怎么解析成模板的？特别是带逻辑的那一块?

我：Angular的字符串解析模板了解一点，是用装饰器…但我还没说完就叫停了考官：没用过就算了吧，不过怎么可能没用过呢？

这个时候我已经开始出冷汗了…

3.手写用setTimeout模拟setInterval

开始我说setTimeout里面再调用setTimeout

面试官：不对

我想了一会：自定义一个mySetInterval函数

function mySetInterval(cb,time){

let temp = function(){

setTimeout(temp,time)

cb.apply(null)

}

setTimeout(temp,time)

}

面试官：嗯…又是一段沉默，然后继续做他的事情

4.给一个字符串数组，根据他们的开头分类

使用哈希做辅助数据结构做这件事情，本来还想说实现基本功能后应该还要考虑健壮性啥的，可是刚写完就下一题了…

function order(strArr){

let hash = {}

strArr.forEach(e=>{

let key = e.substring(0,1)

if(hash[key]) hash[key].push(e)

else hash[key] = [e]

})

return hash

}

5.代码优化了解过吗？