奔三路 - 你30岁前的学习路!

奔三路学习网

当前位置: 主页 > 前端面试通 > 笔经面经 >

2017.08.24网易校招前端一面和二面 - 网易面经|网易

时间:2017-10-31 21:23来源: 作者:
一面1.对前端安全的理解讲了讲XSS、CSRF、点击劫持、社会工程学等等的特点、攻防方式2.对模块化的了解讲了讲amd、cmd

一面

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.代码优化了解过吗?

(责任编辑:admin)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
发布者资料
史密斯 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2017-11-24 11:11 最后登录:2018-04-16 22:04
栏目列表
推荐内容

关注奔三路小程序,方便你我他