刚刚参加了一个前端面试,如下总结,看你能答几个道题 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
jandou

刚刚参加了一个前端面试,如下总结,看你能答几个道题

  •  2
     
  •   jandou May 23, 2019 5107 views
    This topic created in 2530 days ago, the information mentioned may be changed or developed.

    问题:

    1. Vue 的双向绑定如何实现?拦截,然后是如何拦截的。
    2. 关于设计模式的理解。常用设计模式,对应的使用场景,如何提高系统的高质量?
    3. React 的组件复用除了 extends 这种基本的方式,还有哪些常用方式?
    4. 由 3 问,引申到高阶函数的原理和特性?柯里化是什么?为什么要使用它?那些场景需要反柯里化?
    5. 聊一聊前端自动化测试?如何写好测试用例,测试提高代码质量。
    6. 实现一个无限下拉列表的 React 组件,如何暴露接口,需要传递哪些重要参数( props )
    7. 你觉得毛衣站会对国内互联网产生哪些影响?具体到前端领域,会有哪些方向的改变?

    不保证问题描述的绝对准确,但关键词就这些~

    Supplement 1    May 23, 2019

    还有一个问题

    13 replies    2019-05-24 13:44:10 +08:00
    jandou
        1
    jandou  
    OP
       May 23, 2019
    没人回复,被降权了么...
    wangdada
        2
    wangdada  
       May 23, 2019
    虽然不难,但我也答不起来
    q8164305
        3
    q8164305  
       May 23, 2019 via Android
    准备过的话不难吧,前端面试最难的是,你永远不知道面试会问啥
    murmur
        4
    murmur  
       May 23, 2019
    柯里化是什么,这东西不纯粹是为了面试而生的,刚看了一个网站这东西实现猥琐性能不行,那要他干嘛
    jin5354
        5
    jin5354  
       May 23, 2019
    都能答上来,刚换了工作
    KuroNekoFan
        6
    KuroNekoFan  
       May 23, 2019 via iPhone
    不问一下 react 的 diff 和 patch 细节吗!!虽然我很讨厌这种问题但是架不住面试真的就喜欢问,敢情 reactjs.org 的 advance 里面那么多内容,偏偏就挑这个点。
    oxyFired
        7
    oxyFired  
       May 24, 2019
    第七个问题怎么回答的,摸不到头脑
    xichengh
        8
    xichengh  
       May 24, 2019
    脉脉发了?
    qq1009479218
        9
    qq1009479218  
       May 24, 2019   1
    @murmur 柯里化在函数式编程里应用非常常见的,我们现在处理数据都用函数式处理,处理逻辑切分成各个小函数,然后上游函数返回值作为下游函数的参数,利用柯里化实现一个 context,开发体验上还是很好的,至于性能,函数式确实会稍微差一点,但是对于目前的我们来说,瓶颈不在这里。
    murmur
        10
    murmur  
       May 24, 2019
    @qq1009479218 明明有了语法更好理解的 bind 为什么还要用柯里化这种 es3 的东西呢?
    qq1009479218
        11
    qq1009479218  
       May 24, 2019
    @murmur 我说的 context 可能和你说的 context 有点出入,我说的这个 context 类似 koa 的 ctx。而且感觉柯里化是函数式编程的概念
    murmur
        12
    murmur  
       May 24, 2019
    @qq1009479218
    https://juejin.im/post/5af13664f265da0ba266efcf
    你看这个文章跟你们的使用场景有出入么
    qq1009479218
        13
    qq1009479218  
       May 24, 2019
    @murmur 其实我们用的 rxjs,举个简单的例子,const add = (a: number) => (b: number) => a + b; 这个参数 a,我们把它设计成了 ctx,b 参数就是上游函数的返回值,通过函数式编程中的 pipe(或者 compose)概念,可以很轻易的实现逻辑解耦
    About     Help     Advertise     Blog     API     FAQ     Solana     6047 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 82ms UTC 02:11 PVG 10:11 LAX 19:11 JFK 22:11
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86