当前位置: 首页 > 面试经验 >

【10月工作日记3-面经】Cider一面/二面

优质
小牛编辑
117浏览
2023-03-28

【10月工作日记3-面经】Cider一面/二面

好不容易收到了一份面试,虽然是实习生面试,但是苦于太久没有面试。最后还是去试试。约的时间是11:30.在这个时间点不上不下,跟同事说了一下我去开一个会就滚动公司后厂找了个地方面试去了

正文:
1.自我介绍--学校,实习的地方(巴拉巴怕)

2.讲一下你项目的难点,最有意思的地方(讲了一个射线选择器 一个设计模式-装饰器和发布订阅和js还有一些前端工程化的东西)

3.居中布局的几种实现形式(绝对 和 flexbox)

4.有没有做过移动端项目,设备适配问题是怎么解决的 (媒体查询)

5.普通函数和箭头函数的区别,new一个东西的时候做了什么事情,然后问了一道html题:题目记不清了,知识点是bfc的高度塌陷

6.Generator应用以及原理(没答上来。事后查资料是es6生成器的内容。学了忘了。害,还有那个面试官一直跟我说是async的内容.....)

7.代码题(下面这玩意会怎么输出。答案是1,2,4,3,6.知识点是event loop,简单)


new Promise(resolve => {
        console.log(1);
        resolve(3);
        Promise.resolve().then(()=> console.log(4))
    }).then(num => {
        console.log(num);
        setTimeout(()=>{console.log(6)},0);
    });
    console.log(2);
8.实现一个3*3的九宫格布局,每个小方块100*100,间距20,红绿相间(写盒子就完事了)
<div class="container">
        <div class="line">
            <div class="box green"></div>
            <div class="box red"></div>
            <div class="box green"></div>
        </div>
        <div class="line">
            <div class="box red"></div>
            <div class="box green"></div>
            <div class="box red"></div>
        </div>
        <div class="line">
            <div class="box green"></div>
            <div class="box red"></div>
            <div class="box green"></div>
        </div>
    </div>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .container {
            width: 400px;
            height: 400px;
            display: flex;
            flex-direction: row
        }

        .box {

            width: 100px;
            height: 100px;
            margin: 20px;
        }

        .green {
            background: green;
        }

        .red {
            background: red;
        }

        .line {
            display: inline;
            width: 30%;
        }
    </style>


9.js题(易)

//temp =[1,[2,[3,[4]]]] 用js使得数据扁平化
function flatten(data){
    let output =[]
    for(let i=0;i<data.length;i++){
        if(Array.isArray(data[i])){
            output=output.concat(flatten(data[i]))
        }else{
            output.push(data[i])
        }
    }
    return output
}
let temp =[1,[2,[3,[4]]]]
console.log(flatten(temp))


面试到结尾就说我已经过了,然后问我什么时间能二面。我回答今天。今天又得搬个小凳子出去了。。。。


------------------------------------------------------二面完了----------------------------------------------------
1.自我介绍
2.tcp为什么可靠(答了三次握手,四次挥手。别的想不起来了)
3.问项目,怎么学习云云(项目优化的时候我说了一个优化tcp时间,我回答了一个preload。看他的意思是不够准确?我等下去看一下去)
4.做题:实现一个天气预报(半小时

中途跟面试官差不多吵了起来。一开始我说我通过node直接抓数据,他跟我说只有半小时。要我再仔细想想数据用mock的或者假数据也可以。我听他的意思可能是要在最短的时间内搭一个大概的界面出来,半个小时时间实在没有想那么多,百度搜索天气预报然后把搜索到的第一个页面的应用复刻了一下。用的是我比较熟悉的一个后台开源框架。搞完后他跟我说你这对用户体验的理解不是很深啊,要有自己的想法。。。我说没有ui,没有原型图我就按照百度搜到的做呗。我就这点跟他争论了很久。

回去复盘后我感觉加一个搜索框或者时间选择器的会更好?最后对这家公司的二面感觉挺差的,下午继续看ts吧



--------------------------------更新一下,二面过了--------------------------------

#前端实习##实习面经#
 类似资料: