|
亲!马上注册或者登录会查看更多内容!
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
本帖最后由 Sophia 于 5-18-2016 09:18 PM 编辑
& n: M9 t, P8 Y" P7 J& E% ]
F: r$ }, N( a" |# Q5 B2 x已跪~+ ]9 z) y1 j; C# R, E
+ u( c8 ?) Y5 `来美国第二次面LinkedIn,之前毋庸置疑的也跪了,这次有点不甘心啊,昨天面试结束时候ABC小哥还和我说talk with you in a couple of days,今天就接到这种recuiter的Update,想想也在情理之中,前端玩的不熟练.1 d7 @8 w' N, t7 N4 I4 Y) A: M
我面的Front/UI的职位,然而我准备了两个月的LeetCode 一题也没问,可能是前面题做的太慢了吧。
& @, j7 d, U; @2 \* \+ y" C6 K2 k6 D) R9 t6 g. `1 c! N5 v2 C/ \
面试题其实很简单$ h5 F2 Z* h# B" J+ l: B, A) }. {$ W
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 (这个基本上答上来了,不过也是在提示下)3 k. _7 f# [5 l& d* n2 o7 y1 M
编程题, 在collabedit上完成的# Y& j; i. P% x
给了我一个object array[],里面大概7个object,每个object 有两个property,Id 与 name! j d# b, ^$ M7 a! I
给了一个空的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" }$ g, g a4 B- ?) ?- H2 W
然后两个JS问题:* b' w) {" {, q: R6 D9 f9 y
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网页可以导航到目的链接, y% t/ x5 V/ C
我用的click event,写完了,刚开始傻乎乎的想自己手功构建url,在提示下想起用attr()这个方法即可。
z( _% G3 m1 r面试官不是很满意,问我有没有优化方法,我是真想不出来,虽然知道这么写有performance问题,然后他提示我用delegation,好吧,只是久仰大名而已,从来没用过写过。
( }& b' o: ^, g! ~' s: K- ^" n4 O4 d4 b# u+ _4 g
我其实真没想到他会考这些,没怎么准备,网上找了一堆概念性质的问题一个都没考。其实这些都是基础。! r. D R4 M1 [3 _+ }9 B) Z% E0 L# [
希望能帮助到大家。
9 g+ y- w6 w9 |! a) s5 F6 l7 O' Z% S f7 {
: X4 r# D% _2 z- T
6 W2 v6 _( T& u8 |1 N" G |
评分
-
查看全部评分
|