一亩三分地论坛

 找回密码
 获取更多干货,去instant注册!

扫码关注一亩三分地公众号
查看: 1851|回复: 5
收起左侧

FB FrontEnd 前端 电话面试 (05/19/16)

[复制链接] |试试Instant~ |关注本帖
rongrong1987 发表于 2016-5-20 04:32:42 | 显示全部楼层 |阅读模式

2016(4-6月) 码农类 硕士 全职@Facebook - 内推 - 技术电面 |Other在职跳槽

注册一亩三分地论坛,查看更多干货!

您需要 登录 才可以下载或查看,没有帐号?获取更多干货,去instant注册!

x
热腾腾的电面来啦,电面小哥人很好,主要做php后台,偶尔做做前台,但交流起来感觉前台也很厉害,跪了。

第一部分:html/css. Waral 鍗氬鏈夋洿澶氭枃绔,

实现以下功能

// Mouse is not over the picture
+-------------+
|                    |
|                    |
|   picture      |
|                    |
|                    |. 鐣欏鐢宠璁哄潧-涓浜╀笁鍒嗗湴
+-------------+

// Mouse is anywhere over picture. from: 1point3acres.com/bbs

+--------+----+
|              |edit| <--- links to /edit.php.鏈枃鍘熷垱鑷1point3acres璁哄潧
|             +----+      icon url: /edit_icon.png
|   picture       |
|                     | <--- links to /profile.php
|                     |      picture url: /profile_pic.png
. visit 1point3acres.com for more.
+-------------+

注意审题,默认时候edit不会出现,只有mouse hover的时候才有;(如何默认隐藏edit?三种方法,哪个比较好?)
想想什么时候用img,什么时候用background-image;
还有如果你用div把picture包起来,把div丢到body后,你要设置display,否则的话,div的width会和body同宽,导致之后如果再用position来定位edit的话,基准就是body的宽度;
followup:如果考虑accessibility的话,需要添加什么;如果没有鼠标,只有键盘的时候如何实现上述功能(此时就要考虑到如果用display: none来隐藏的话,tab不能focus,中间还牵扯到一些focus和hover能否bubble的问题)。

面试小哥很好,一直给提示,问得很细。

第二部分:.鏈枃鍘熷垱鑷1point3acres璁哄潧
-----------------------------------------------------

    A            B

    / \           / \
  O   O     O   O
        /|\          /|\
     x O O    y O O

y = find(A, B, x);
. from: 1point3acres.com/bbs

有两个dom,A和B,要求返回B中所对应的(x在A中的值),也就是说,找出x在A中的位置,然后返回在B中对应位置的值。

这个得要求复习一下dom的api,以前我们老用框架,特别是jQuery,所以一些基本的东西平时也没接触到。例如:. 鍥磋鎴戜滑@1point 3 acres

node.children. 鐗涗汉浜戦泦,涓浜╀笁鍒嗗湴
node.nextSibling
node.parentNode. 1point3acres.com/bbs

这个题目可以用递归做,但是费时间,平均要遍历一半nodes,那用什么方法比较好呢,这里给大家留个小作业吧。
. 1point 3acres 璁哄潧
另外一个就是node.children是一个类似于array但又不是array,如何变成array?
Followup:如果只是找index的话,不需要生成新array,在node.children里面如何找到某个点的index?

反正我是跪啦,但同时也学习到蛮多,在这里分享经验,祝大家好运!

评分

3

查看全部评分

本帖被以下淘专辑推荐:

fansilek 发表于 2016-7-23 06:27:41 | 显示全部楼层
想请问一下,面试的时候写code是在什么环境下?是coderpad?还是codepen?我马上也要面前端了,实在coderpad上写,不知道如何用coderpad写css和HTML啊
回复 支持 1 反对 0

使用道具 举报

lillian0 发表于 2016-5-20 05:35:07 | 显示全部楼层
加我微信吧
求职神器indeed - 在全球最大的求职网站找找适合你的工作?
回复 支持 反对

使用道具 举报

ktmud 发表于 2016-6-10 02:21:44 | 显示全部楼层
第二题我也被问到过 然后无耻地挂了… 一直以为要靠什么高深的算法,没想到直接用parentNode就可以了
回复 支持 反对

使用道具 举报

Teakay 发表于 2016-10-17 12:52:09 | 显示全部楼层
第二题做一个stack存index
用[].indexOf.call(x.parentNode.children, x)来找
回复 支持 反对

使用道具 举报

本版积分规则

请点这里访问我们的新网站:一亩三分地Instant.

Instant搜索更强大,不扣积分,内容组织的更好更整洁!目前仍在beta版本,努力完善中!反馈请点这里

关闭

一亩三分地推荐上一条 /5 下一条

手机版|小黑屋|一亩三分地论坛声明 ( 沪ICP备11015994号 )

custom counter

GMT+8, 2017-1-24 21:18

Powered by Discuz! X3

© 2001-2013 Comsenz Inc. Design By HUXTeam

快速回复 返回顶部 返回列表