网站开发 先做前端吗/中国企业网络营销现状

38min
大致记得以下的题，顺序不定

问答题

1. 线程和进程的区别
2. 端口是什么意思
3. 进程间通信有哪几种方式
4. js数据类型分为哪两类，其中基本数据类型包括哪几种，ES6新增了哪些新数据类型和新特性。
5. 网络模型
6. HTTP缓存
7. HTTP和HTTPs的区别
8. HTTP状态码
9. 从输入URL到页面加载的过程
10. Vue生命周期
11. 如何实现水平垂直居中
12. call和apply区别
13. 事件委托
14. target
15. 跨域共享

在线编程题

1. 以下函数什么用途

document.querySelectorAll('div')

2. 三个a分别输出什么

(function () {console.log(a)a = 5console.log(window.a)var a = 20;console.log(a)
})()

3. 函数防抖实现

4. 建立一颗树

/** * 实现转换方法，把原始 list 转换成树形结构*/
const list = [{ key: 1, data: 'A', parentKey: 0 },{ key: 2, data: 'B', parentKey: 0 },{ key: 3, data: 'C', parentKey: 1 },{ key: 4, data: 'D', parentKey: 1 },{ key: 5, data: 'E', parentKey: 2 },{ key: 6, data: 'F', parentKey: 3 },{ key: 7, data: 'G', parentKey: 2 },{ key: 8, data: 'H', parentKey: 4 },
];
const result = convert(list);
// [
//   {
//     key: 1,
//     data: 'A',
//     parentKey: 0,
//     children: [
//       { key: 3, data: 'C', parentKey: 1, children: [{ key: 6, data: 'F', parentKey: 3 }] },
//       { key: 4, data: 'D', parentKey: 1, children: [{ key: 8, data: 'H', parentKey: 4 }] },
//     ],
//   },
//   {
//     key: 2,
//     data: 'B',
//     parentKey: 0,
//     children: [
//       { key: 5, data: 'E', parentKey: 2 },
//       { key: 7, data: 'G', parentKey: 2 },
//     ],
//   },
// ];

互动环节

1. 面试官建议学好JS底层因为框架更新是很快的，但其底层逻辑都是相通的。
2. 面向面经学习可能是一条捷径，但一定不是最好的路。
3. 如果没过对后续投递没有影响。