推荐:数据科学课程和书籍清单以及培训讲座


一亩三分地论坛

 找回密码
 获取更多干活,快来注册

一亩三分地官方iOS手机应用下载
查看: 2703|回复: 5
收起左侧

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

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

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

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

您需要 登录 才可以下载或查看,没有帐号?获取更多干活,快来注册

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

第一部分:html/css

实现以下功能
. 鍥磋鎴戜滑@1point 3 acres
// Mouse is not over the picture. visit 1point3acres.com for more.
+-------------+
|                    |
|                    |
|   picture      |
|                    |. more info on 1point3acres.com
|                    |
+-------------+.1point3acres缃

// Mouse is anywhere over picture

+--------+----+
|              |edit| <--- links to /edit.php
|             +----+      icon url: /edit_icon.png
|   picture       |
|                     | <--- links to /profile.php
|                     |      picture url: /profile_pic.png
. 涓浜-涓夊垎-鍦帮紝鐙鍙戝竷
+-------------+

注意审题,默认时候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的问题)。

面试小哥很好,一直给提示,问得很细。
-google 1point3acres
第二部分:
-----------------------------------------------------

    A            B
. visit 1point3acres.com for more.
    / \           / \
  O   O     O   O
        /|\          /|\
     x O O    y O O

y = find(A, B, x);

. visit 1point3acres.com for more.
有两个dom,A和B,要求返回B中所对应的(x在A中的值),也就是说,找出x在A中的位置,然后返回在B中对应位置的值。. Waral 鍗氬鏈夋洿澶氭枃绔,

这个得要求复习一下dom的api,以前我们老用框架,特别是jQuery,所以一些基本的东西平时也没接触到。例如:

node.children
node.nextSibling
node.parentNode

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

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

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

评分

3

查看全部评分

本帖被以下淘专辑推荐:

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

使用道具 举报

lillian0 发表于 2016-5-20 05:35:07 | 显示全部楼层
关注一亩三分地微博:
Warald
加我微信吧
回复 支持 反对

使用道具 举报

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

使用道具 举报

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

使用道具 举报

本版积分规则

关闭

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

手机版|小黑屋|一亩三分地论坛声明

custom counter

GMT+8, 2017-7-26 14:58

Powered by Discuz! X3

© 2001-2013 Comsenz Inc. Design By HUXTeam

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