Cider二面 2024.4.8（1h22min）

• 介绍实习经历
• 封装组件的标准
• 受控组件和非受控组件的区别
• 组件库的架构
• CICD怎么实现的
• yaml文件工作流程是怎么做的合并分支，推送远程，部署上线
• 连接远程代码库，安全相关的有看过吗
• vscode插件怎么实现的
• react18性能优化做过哪些
• 为什么Vue的data要写成一个函数而不是对象
• Vue2和Vue3的区别
• Vue2是用template模板这种模式去做的，Vue3是用setUp，有没有想过为什么要这么设计
• 组件间通信的方式有哪些
• 讲讲Vuex
• vue-router有几个模式
• 两个模式本质的区别
• cookie、token、localStorage、sessionStorage的区别
• JWT的流程，JWT的全称
• 前端缓存
• class你知道是干嘛的吗
• ts用过的高级类型
• type和interface的区别
• ES6常用的数据结构
• 队列和栈的区别
• 算法题：

// 遍历给定节点id的所有子节点，如有结果以数组形式输出
const tree = [
    {
        id: "1",
        children: [
            {
                id: "2",
                children: [
                    {
                        id: "4",
                        children: [{ id: "8" }]
                    },
                    { id: "5" },
                    {
                        id: "6",
                        children: [{ id: "9" }]
                    },
                ]
            },
            {
                id: "3",
                children: [{ id: "7" }]
            }
        ]
    }
]

// 示例：fn(tree, '1', 'id') // [2，3，4，5，6，7，8，9]
// 示例：fn(tree, '2', 'id') // [4，5，6，8，9]
// 示例：fn(tree, '6', 'id') // [9]
// 示例：fn(tree, '7', 'id') // '当前节点下无子节点'