前言
这是我第二次来网易面试了，已挂，二面面试官对代码质量比较严格，看来要加强对自己写优雅代码的要求了。
一面
一面被分到有两个面试官的组，两位大哥还算好讲话，虽然是面试，但是我和他们谈笑风生，到了最后还有点意犹未尽的感觉~
自我介绍完：
1.对前端安全的理解
讲了讲XSS、CSRF、点击劫持、社会工程学等等的特点、攻防方式
2.对模块化的了解
讲了讲amd、cmd、es6的模块特点和区别,后面想想应该加上angular模块和懒加载的部分
3.angular双向绑定的原理
这个问题我已经...
4.左边固定右边自适应CSS布局：
- 浮动
- 绝对布局
- 表格与表格布局
- inline-block
- flex
- grid
5.对HTML5标签语义化的理解
我去~又是这题，详情请看对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.谈谈项目和优化的地方？
直接拿成绩有毒给他们演示，讲了一个懒加载列表+事件代理解决加载列表卡顿的情况。追问：怎么控制事件触发频率？怎么实现的？
演示.gif
用debounce节流，内部有个闭包和定时器实现...
10.get和post区别
二面
面试官一上来就诧异道：咦，你怎么会是*云峰？不对呀...然后就开始做他自己的事情了(他带了电脑在做着什么事情)，经过了大约一分钟的沉默后，他开始出题了：
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.代码优化了解过吗？
我：我了解一点优化时间复杂度的方法，还有一些优化DOM操作的方法，比如使用DOMFragment而不是直接操作DOM...
面试官：不不不，你说的是性能优化。我指的是代码优化，就是有几百行已有的代码，你怎么优化它？有读过相关的书吗？
我：没有...能不能推荐一下相关的资料呢？我面试完去学习一下
面试官：这个网上到处都是~结束这次面试吧。
网友评论