Jsonz bug-log

后续更新会放在 github.com/jsonz1993/blog

0%

2018-05-08面试记B

欧啦啦啦啦啦啦啦啦啦

记录下最近的面试等情况~~~

简历投递情况2

简历投递情况传送门
据不完全统计:
荔枝 技术面
100教育 待沟通
尚德教育 没面试机会

最最最最最开心的事情可能就是面了荔枝~ 虽然最后没有过 不过还是挺不错的一次体验 记录一下

首先流程是: 笔试 => 机试 => 两个人的技术面

笔试比较基础的问题,但是面试官会根据写的题问思路,而且会各种变形问,可以比较深了解基础的知识。

以下只是个人的面试记录,如果发现有不妥的联系即删。

荔枝笔试

  1. 作用域的问题

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    function a() {
    return t;
    function t(){}
    var t;
    t = 20;
    }
    typeof a();

    // 还有各种变形
    function a() {
    function t() {}
    var t;
    return t;
    t = 20;
    }

    function a() {
    function t() {}
    var t;
    return t;
    t = 20;
    }

    function a() {
    function t() {}
    var t;
    return t;
    t = 20;
    }

    function a(){
    return t;
    var t;
    t = 20;
    }
  2. 兼容低版本浏览器模拟 Function.prototype.bind

    1
    直接用 call || allpy 模拟,返回一个闭包,参数用 Array.prototype.slice.apple 去取即可~
  3. 关于正则的比较简单~ 不写出来了

  4. 关于zIndex的,推荐直接看张鑫旭大佬的文章,超不过那个范围张鑫旭大佬传送门

  5. 实现一个宽高都是浏览器 40%的正方形

    1
    2
    1. 用vw方案
    2. 用padding ( emmm 这个面试大佬提示了才想起 padding 是根据父级宽度的)
  6. a,b,c,d 四个接口,求最快 || 最慢的响应时间

1
直接用 Promise.all || Promise.race 即可

笔试题还好,作用域那一题有点混 其他没什么问题,算是有惊无险

机试

机试题二选一 一个是实现一个dialog 一个是实现一个验证表单
选了 dialog 做的时候没有看题…有个功能点没有实现完全就跑去做验证题,验证题没有做完
dialog 应该算是实现的不够及格线

引出了挺多优化方案的,比如 dom 处理,比如动画处理,里面有一个面试官暗示了好多次,但是没有想起来的一个api animationend
animationend demo

面试

面试就根据前面做的两份题扩展去问思路等等

问题的套路是比较喜欢的,举个例子:

Q: 左边自适应,右边固定有什么布局?
A: flex布局, flex: 1 && width: …
Q: 浏览器这时候缩小会有什么情况?
A: flex: 1 慢慢缩小,另一个不变(这个回答我模棱两可犹豫了,虽然知道是不变,但是好像项目中有遇过变的…扣分了)
Q: 还有其他的吗?
A: 浮动 float:left; overflow: auto
Q: 清除浮动有哪些
A: 委元素清除 && BFC
Q: BFC是什么,有什么作用,怎么设置BFC
A: 块级格式化上下文,清除浮动或者消除master合并,可以用overflow(hidden,auto,scroll) || float(left,right) || display(inline-block) || position(absolute, fixed)

后面聊了下 工作的优化, webpack构建, react优化, 缓存机制(涉及http), pwa等等

还问了小程序和vue的东西,但是其实上一次做小程序已经是一年前了,说了vue和小程序的上手不应该成为一个问题所在。

然后问了下职业规划,说了最近是在看 create-react-app源码,接下来的规划是 专前端 通其他

荔枝结果

工作优化可能不是很满意
webpack构建优化应该还行,毕竟项目上用的比较多
react也还好,虽然面试的是用vue和小程序
pwa也有所了解
主要是 http这块暴露了后台知识薄弱,没有形成一个比较全面知识体系

后面还被嫌弃了三年呆了三个公司太过频繁

最后让面试官给了一下面试的评价:
1. css 概念不熟
2. 浏览器api认识不全
3. http、后端知识没有系统学习
4. 跳槽过多~ 三年呆了三个公司

╮(╯▽╰)╭哎 还闹了个乌龙,想说 《CSS世界》 说成 《css揭秘》

最近应该折腾完手上东西后,会比较系统的去看 切图写页面的这一块,比较 html+css 其实也是很重要的