【面试复盘】奇安信前端春招面经（一面挂）

一面：

1. 自我介绍和项目介绍
2. 代码题：

   const input = [
    {
        value: 110000,
        label: '北京市',
        parent: null,
        children: [
            110001,
            110002
        ]
    },
    {
        value: 110001,
        label: '东城区',
        parent: 110000,
        children: []
    },
    {
        value: 110002,
        label: '西城区',
        parent: 110000,
        children: []
    },
    {
        value: 130000,
        label: '河北省',
        parent: null,
        children: [
            130100
        ]
    },
    {
        value: 130100,
        label: '石家庄市',
        parent: 130000,
        children: [
            130102,
            130104
        ]
    },
    {
        value: 130102,
        label: '长安区',
        parent: 130100,
        children: []
    },
    {
        value: 130104,
        label: '桥西区',
        parent: 130100,
        children: []
    },
   ];
   const output = [
    {
        value: 110000,
        label: '北京市',
        parent: null,
        children: [
            {
                value: 110001,
                label: '东城区',
                parent: 110000,
                children: []
            },
            {
                value: 110002,
                label: '西城区',
                parent: 110000,
                children: []
            }
        ]
    },
    {
        value: 130000,
        label: '河北省',
        parent: null,
        children: [
            {
                value: 130100,
                label: '石家庄市',
                parent: 130000,
                children: [
                    {
                        value: 130102,
                        label: '长安区',
                        parent: 130100,
                        children: []
                    },
                    {
                        value: 130104,
                        label: '桥西区',
                        parent: 130100,
                        children: []
                    }
                ]
            },
        ]
    },
   ];

3. map和forEach的区别？
4. 说一下对事件循环的理解
5. 异步流程控制的方法有哪些？
6. Promise有哪些状态？是否可变？
7. Map和Set的区别？
8. 箭头函数和普通函数的区别？
9. 防抖和节流的区别？
10. 实现一个节流函数
11. Position有哪些属性？定位原则分别是什么？
12. 浏览器本地存储方式有哪些？
13. localStorage和sessionStorage的区别？
14. 刷新后sessionStorage还存在吗？
15. 说一下对跨域的理解？
16. 进程和线程的区别？
17. 链表和数组的区别？适用场景分别有哪些？
18. 说说对LRU算法的理解
19. Vue组件间的通信方式有哪些？
20. Vue的data选项为什么是一个函数？
21. 说一下对虚拟DOM的理解
22. 说一下对Webpack的理解
23. loader和plugin的区别？
24. 说说对ECharts的理解
25. JWT和Cookie-Session的区别？
26. 未来的职业规划
27. 反问