XmwDocs 前端开发学习笔记

如果觉得对你有帮助，动动小手指点个 star 吧 🌹🫡

个人项目

1. 今日热榜
2. Xmw Admin

面试宝典

Javascript

1. 数据类型
2. 原型和原型链
3. 闭包
4. 作用域和作用域链
5. 垃圾回收机制
6. 变量提升
7. this 指向机制
8. 事件循环(消息循环)
9. JS 中的计时器能做到精确计时吗？
10. 如何理解 JS 的异步？

Vue

1. MVVM 的理解
2. Vue3 和 Vue2 的区别
3. key 的作用和工作原理

React

1. 类组件生命周期
2. JSX 的理解
3. setState 函数做了哪些事情
4. 为什么调用 setState 而不是直接改变 state

算法篇

1. 冒泡排序
2. 选择排序
3. 插入排序
4. 归并排序
5. 快速排序
6. 二分搜索

浏览器篇

1. 浏览器进程模型
2. 如何解决跨域
3. 浏览器缓存
4. XSS 跨站脚本攻击
5. CSRF 跨站请求伪造
6. 输入 url 会发生什么
7. cookie 和 session 的区别
8. cookie、sessionStorage 和 localStorage 的区别
9. http1.0、http1.1、http2.0 协议的区别
10. 为什么 HTTP1.1 不能实现多路复用
11. 简单讲解一下 HTTP2 的多路复用
12. http1.1 是如何复用 tcp 连接的？
13. http1.0、http2.0、http3.0 之间的区别

LeetCode 算法

简单

1. 两数之和
2. 回文数
3. 最长公共前缀
4. 罗马数字转整数

中等

1. 整数反转
2. 两数相加

困难

1. 寻找两个正序数组的中位数

每日壹题

1. 第 1 题：写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？
2. 第 2 题：['1', '2', '3'].map(parseInt) what & why ?
3. 第 3 题：什么是防抖和节流？有什么区别？如何实现？
4. 第 4 题：介绍下 Set、Map、WeakSet 和 WeakMap 的区别？
5. 第 5 题：介绍下深度优先遍历和广度优先遍历，如何实现？
6. 第 6 题：请分别用深度优先思想和广度优先思想实现一个拷贝函数？
7. 第 7 题：ES5/ES6 的继承除了写法以外还有什么区别？
8. 第 8 题：setTimeout、Promise、Async/Await 的区别
9. 第 9 题：Async/Await 如何通过同步的方式实现异步
10. 第 10 题：常见异步笔试题，请写出代码的运行结果
11. 第 11 题：将数组扁平化并去除其中重复数据，最终得到一个升序且不重复的数组
12. 第 12 题：JS 异步解决方案的发展历程以及优缺点
13. 第 13 题：Promise 构造函数是同步执行还是异步执行，那么 then 方法呢？
14. 第 14 题：情人节福利题，如何实现一个 new
15. 第 15 题：简单讲解一下 http2 的多路复用
16. 第 16 题：谈谈你对 TCP 三次握手和四次挥手的理解
17. 第 17 题：A、B 机器正常连接后，B 机器突然重启，问 A 此时处于 TCP 什么状态
18. 第 18 题：React 中 setState 什么时候是同步的，什么时候是异步的？
19. 第 19 题：React setState 笔试题，下面的代码输出什么？
20. 第 20 题：介绍下 npm 模块安装机制，为什么输入 npm install 就可以自动安装对应的模块？
21. 第 21 题：有以下 3 个判断数组的方法，请分别介绍它们之间的区别和优劣 Object.prototype.toString.call() 、 instanceof 以及 Array.isArray()
22. 第 22 题：介绍下重绘和回流（Repaint & Reflow），以及如何进行优化
23. 第 23 题：介绍下观察者模式和订阅-发布模式的区别，各自适用于什么场景
24. 第 24 题：聊聊 Redux 和 Vuex 的设计思想
25. 第 25 题：浏览器和 Node 事件循环的区别
26. 第 26 题：介绍模块化发展历程
27. 第 27 题：关于 const 和 let 声明的变量不在 window 上
28. 第 28 题：cookie 和 token 都存放在 header 中，为什么不会劫持 token？
29. 第 29 题：聊聊 Vue 的双向数据绑定，Model 如何改变 View，View 又是如何改变 Model 的
30. 第 30 题：请把俩个数组 [A1, A2, B1, B2, C1, C2, D1, D2] 和 [A, B, C, D]，合并为 [A1, A2, A, B1, B2, B, C1, C2, C, D1, D2, D]
31. 第 31 题：改造下面的代码，使之输出 0 - 9，写出你能想到的所有解法。
32. 第 32 题：Virtual DOM 真的比操作原生 DOM 快吗？谈谈你的想法。
33. 第 33 题：下面的代码打印什么内容，为什么？
34. 第 34 题：简单改造下面的代码，使之分别打印 10 和 20。
35. 第 35 题：请求时浏览器缓存 from memory cache 和 from disk cache 的依据是什么，哪些数据什么时候存放在 Memory Cache 和 Disk Cache中？
36. 第 36 题：使用迭代的方式实现 flatten 函数。