LinkedIn 电面

ericzou

& n: M9 t, P8 Y" P7 J& E% ]
  F: r$ }, N( a" |# Q5 B2 x已跪~

+ u( c8 ?) Y5 `来美国第二次面LinkedIn，之前毋庸置疑的也跪了，这次有点不甘心啊，昨天面试结束时候ABC小哥还和我说talk with you in a couple of days，今天就接到这种recuiter的Update，想想也在情理之中，前端玩的不熟练.
我面的Front/UI的职位,然而我准备了两个月的LeetCode 一题也没问，可能是前面题做的太慢了吧。
& @, j7 d, U; @2 \* \+ y" C6 K2 k
面试题其实很简单
1.什么是HTML semantics, 为什么 要用Semantics(我只回答上来便于程序员理解，还有2点原因都是听他说的)
6 m, s  U& d5 O& S+ S3 ^2.CSS position 的四个值，fixed, relative, static, absolute,每个解释一下 (结结巴巴)
3 o* g) S5 {- e. C, f- g5 K# y3.什么是JavaScipt Event bubling (这个基本上答上来了，不过也是在提示下)
编程题, 在collabedit上完成的
给了我一个object array[]，里面大概7个object，每个object 有两个property,Id 与 name
给了一个空的HTML 框架,  <div id = "XXX"></div>
9 A$ R1 b  H/ _/ C2 ~. T  l另外给一句HTML <a href = "link id=<id>-name =<name>"><a>  大概长这样的
+ R( y& `+ e" }
然后两个JS问题：
1.对于每一个array中的object，在 <div> tag中，插入相应的<a>tag
5 \7 j+ s4 z8 c1 p9 P; N* i这个很简单，一个each loop，先构建那个<a>tag string,然后在loop中利用JQuery append() method把这段HTML插入<div>当中
! U3 z7 ^; I, Y) S3 a0 L, dFollow Up, 如何优化，我当时自己立马想到了,我在每次循环都append了一次，应该构建一个完整的string，利用+=符号，在循环结束时候append()
3 K* ?4 T% b( d9 z
9 A- l% E% N# ?/ M2.现在要求用户每次点击link网页可以导航到目的链接
我用的click event,写完了,刚开始傻乎乎的想自己手功构建url，在提示下想起用attr()这个方法即可。
  z( _% G3 m1 r面试官不是很满意，问我有没有优化方法，我是真想不出来，虽然知道这么写有performance问题，然后他提示我用delegation，好吧，只是久仰大名而已，从来没用过写过。
( }& b' o: ^, g! ~' s: K
我其实真没想到他会考这些，没怎么准备，网上找了一堆概念性质的问题一个都没考。其实这些都是基础。
希望能帮助到大家。
9 g+ y- w6 w9 |! a) s


6 W2 v6 _( T& u8 |1 N" G

劳拉

感谢ericzou分享~~~好人一生平安~~~

Sophia

感谢您的认真和用心的分享！大米满满送上！