由于面试的公司和次数略多，老生常谈的面试题就不放出来了，也不按公司划分面试题了
算法题
大多出自 LeetCode ，LeetCode HOT 100，最好自己过一遍，理解最优解
编程题
- 用 Class 实现 EventEmitter，要求拥有 on，once，emit，off 方法
- 实现 deepClone，要求能成功克隆带有循环引用的对象
- CSS 实现一个宽度为浏览器1/2，宽高比为 2:1 的盒子
- 实现 sum 函数
sum(1)(2)(3) == 6; // true sum(1, 2, 3) == 6; // true 复制代码
- 实现 sum2 函数
console.log(sum2(1)(2)(3)()) // 6 console.log(sum2(1, 2, 3)()); // 6 复制代码
- 用尾递归实现 fibonacci 数列
- 实现 co 函数
- 实现以下功能，当对一个 arr 做 push 操作时，会自动打印一行提示消息
const arr = [1,2,3]; arr.push(4); // arr pushed a new element: 4 复制代码
- 代码实现中断 Promise 的运行
- 有一组图片，实现后一张图片必须等到上一张图片加载完毕，才能开始加载
- 为 Test 类添加方法，打印指定内容
class Test { constructor() { this.person = { name: "jack", age: 38, position: "CTO" }; } // ...... }
const test = new Test(); for (const ele of test) { console.log(ele); } // [ 'name', 'jack' ] // [ 'age', 38 ] // [ 'position', 'CTO' ] 复制代码
- 实现 handler 函数，遇到 b 和 ac 都要去除
console.log(handler("aabaa")); // 'aaaa' console.log(handler("abaccbc")); // 'c' console.log(handler("aaccc")); // 'c' console.log(handler("aaabccc")); // '' 复制代码
- 实现 decode 函数
decode('HG[3|B[2|CA]]F') === 'HGBCACABCACABCACAF' // true 复制代码
- 实现 _bind 函数，使打印 success
function Animal(name, color) {
this.name = name;
this.color = color;
}
Animal.prototype.say = function() {
return I'm a ${this.color} ${this.name};
};
const Cat = Animal._bind(null, "cat");
const cat = new Cat("white");
if (
cat.say() === "I'm a white cat" &&
cat instanceof Cat &&
cat instanceof Animal
) {
console.log("success");
}
复制代码
- CSS 实现圆环进度条效果
- 说出以下打印内容
console.log(-1 >>> 32); console.log(-1 << 32); console.log(1 >> 32); console.log(5 >>> 2);
var a = { n: 1 }; var b = a; a.x = a = { n: 2 }; console.log(a.x); console.log(b.x); 复制代码
简答题
- 实现 F12 开发者工具的检查（inspect）功能
- 实现 把一个盒子从一个区域拖放到另一个指定区域中
- 盒子一部分在区域内，一部分在区域外，该如何处理
- 简述几个封装好的关键方法
- 开发完的项目，在微信浏览器上白屏，该如何排查
- 如何统计一个页面上哪些区域用户点击次数最多
- 如何根据按钮级别的粒度，设计用户权限，例如：A 可以访问按钮，B 不可以
- 如何对一个网页内容进行自动化截屏，如何解决登录限制
- A组件包裹B组件，B组件包裹C组件，它们的 componentDidMount 触发顺序如何
- React setState 到底是异步还是同步的，其原理是什么
- React Hooks 的使用有哪些注意事项
- React 的合成事件机制
- 简述 React 类组件的新老生命周期，谈谈 React Fiber 架构的引入
- 详细介绍一下 Redux 状态管理，如何和 React 组件连接
- React HOC 的用途，什么是装饰器模式
- Mobx 的实现原理
- Koa 的中间件原理，介绍一下 compose 函数
- 介绍 NodeJS 的 EventLoop 机制，process.nextTick() 的作用
- NodeJS 是单线程还是多线程，都有哪些线程，JS 为什么是单线程的
- CommonJS 的实现原理
- NodeJS 中存在哪些流，怎么理解 pipe() 及其优点
- require 的解析规则
- 介绍一下负载均衡，NodeJS 的 cluster 和 child_process 是什么
- webpack 是如何进行打包的
- webpack 动态 import 是如何实现的
- 如何编写自己的 loader 和 plugin
- 简述 webpack 配置文件中的 externals，UMD 了解吗
- 介绍一下 DNS，什么是迭代查询和递归查询，什么是一级域名、二级域名
- HTTP 首部（Header）和实体（Body）的分隔符是什么，用正则如何匹配
- HTTPS 的详细过程，什么是数字证书，消息摘要，非对称加密，Hash 算法
- 如何实现 Tab（标签）页之间，客户端与服务器的实时通讯
- HTTP 状态码：301、302、307 的区别
- 简述浏览器的垃圾回收机制，什么是强引用、弱引用、循环引用
- 简述 requestAnimationFrame 和 requestIdleCallback 的作用
- CSS 选择器的解析顺序是从右到左，还是从左到右，为什么
- click 事件在移动端有什么问题，如何解决，你在移动端还遇到那些坑
- 简述 JWT 的生成过程和优缺点，怎么主动注销 JWT 和续签 JWT
- 通过什么检测网站的性能，有哪些指标
深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！
由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新
