一亩三分地论坛

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

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

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

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

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

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

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

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

第一部分:html/css

实现以下功能

// Mouse is not over the picture
+-------------+
|                    |
|                    |
|   picture      |
|                    |
|                    |
+-------------+

// Mouse is anywhere over picture

+--------+----+.1point3acres缃
|              |edit| <--- links to /edit.php
|             +----+      icon url: /edit_icon.png-google 1point3acres
|   picture       |
|                     | <--- links to /profile.php
|                     |      picture url: /profile_pic.png
.1point3acres缃
+-------------+. 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的问题)。. 鍥磋鎴戜滑@1point 3 acres

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

第二部分:
------------------------------------------------------google 1point3acres

    A            B

    / \           / \
  O   O     O   O. 鐣欏鐢宠璁哄潧-涓浜╀笁鍒嗗湴
        /|\          /|\
-google 1point3acres     x O O    y O O

y = find(A, B, x);


有两个dom,A和B,要求返回B中所对应的(x在A中的值),也就是说,找出x在A中的位置,然后返回在B中对应位置的值。.鐣欏璁哄潧-涓浜-涓夊垎鍦
.鏈枃鍘熷垱鑷1point3acres璁哄潧
这个得要求复习一下dom的api,以前我们老用框架,特别是jQuery,所以一些基本的东西平时也没接触到。例如:

node.children.鏈枃鍘熷垱鑷1point3acres璁哄潧
node.nextSibling-google 1point3acres
node.parentNode

这个题目可以用递归做,但是费时间,平均要遍历一半nodes,那用什么方法比较好呢,这里给大家留个小作业吧。

另外一个就是node.children是一个类似于array但又不是array,如何变成array?
Followup:如果只是找index的话,不需要生成新array,在node.children里面如何找到某个点的index?

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

评分

3

查看全部评分

本帖被以下淘专辑推荐:

lillian0 发表于 2016-5-20 05:35:07 | 显示全部楼层
加我微信吧
回复 支持 反对

使用道具 举报

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

使用道具 举报

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

使用道具 举报

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, 2016-12-5 21:20

Powered by Discuz! X3

© 2001-2013 Comsenz Inc. Design By HUXTeam

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