操作系统的重要性   面试中高频的考点，比如 Linux 指令、中断、多线程、并发、 性能、 内存管理、 系统稳定性、 文件系统、 容器和虚拟化等知识都来源于操作系统。 学了操作系统：你不懂 Java 多线程，也可以回答好 Java 多线程的面试题; 你不熟悉 Docker，也可以回答容器化应该如何做;

分类编址的 IPv4 地址  根据左起第一个10进制的数的值，可以判断出网络类别（小于127的为A类，128～191的为B类，192～223的为C类）； 根据网络类别，就可找出地址中的网络号部分和主机号部分（A类地址网络号为左起第一个字节， B类地址网络号为左起前两个字节，C类地址网络号为左起前三个字节）；  划分子网的 IPv4 地址 子网掩码 简介  32 比特的子网掩码可以表明分类 IP 地址的主机号部分被借用了几个比特作为子网号  子网掩码使用连续的比特1来对应网络号和子网号 子网掩码使用连续的比特0来对应主机号 将划分子网的 IPv4 地址与相应的子网掩码进行逻辑与运算就可的到 IP...

为什么要有 React Hooks ？ 类组件的几个缺点   大型组件难以拆分； 业务逻辑分散在组件的各个方法中，导致重复逻辑或关联逻辑； 组件类引入了复杂的编程模式，比如 render props 和高阶组件；    类组件的代码太“重”了，所以 React 团队希望组件不要变成复杂的容器，最好只是数据流的管道。开发者根据需要，组合管道即可。组件的最佳写法应该是函数，而不是类。   React 就是加强版函数组件，完全不使用“类”，就能写出一个全功能的组件。   React Hooks 的意思是，组件尽量写成纯函数，如果需要外部功能和副作用，就用钩子把外部代码勾进来。  常用钩子函数 1. ...

1. 实现一个构造函数 Foo，构造函数里面实现一个属性 a，和一个方法 getA，属性 a 能够在构造函数被实例化的时候通过参数设置 // Foo 构造函数 function Foo(a){ this.a = a; } // 在 Foo 的原型对象上定义 getA 方法 Foo.prototype.getA = function(){ return this.a; } var foo1 = new Foo(1); var foo2 = new Foo(2); // 下面的输出是： // 1, [Function: Foo], true // 2, [Function: Foo], true ...

1. DNS 解析：将域名地址解析为 ip 地址   浏览器 DNS 缓存 系统 DNS 缓存 路由器 DNS 缓存 网络运营商 DNS 缓存 递归搜索   2. TCP 连接，TCP 三次握手 3. 发送请求 —— http 报文 4. 接收响应 5. 渲染页面   遇见 HTML 标记，浏览器调用 HTML解析器解析成 Token 并构建成 dom 树； 遇见 style/link标记， 浏览器调用 css 解析器，处理 css 标记并构建 cssom 树； 遇见 script 标记，调用 javascript 解析器，处理 script 代码（绑定事件，修改 dom 树/cssom 树）...

CDN 基本概念  CDN（Content Delivery Network, 内容分发网络）是构建在现有互联网基础之上的一层智能虚拟网络，通过在网络各处部署节点服务器，实现将源站内容网络分发至所有CDN节点，使用户可以就近获得所需的内容。CDN服务缩短了用户查看内容的访问延迟，提高了用户访问网站的响应速度与网站的可用性，解决了网络带宽小、用户访问量大、网点分布不均等问题。

常用简化版 Mounting  constructor() -> render() -> componentDidMount();  Updating  render() -> componentDidUpdate();  Unmounting  componentWillUnmount();  全 Mounting  constructor(props) -> static getDerivedStateFromProps(props, state) -> render() -> componentDidMount();  Updating  static...

例一 // 使用正则表达式实现删除字符串前面和后面多余的空格 function trim(str){ var re = /^\s+|\s+$/g; return str.replace(re, ''); } 例二 // 验证邮箱的正则表达式 var re = /^\w+@\w+\.\w+$/; 例三 // 正则验证日期格式 // yyyy-mm-dd 格式 // 4位数字，横线，1或者2位数字，再横线，最后又是1或者2位数字 var re = /^\d{4}-\d{1,2}-\d{1,2}$/

知乎优秀答案  尾递归，比线性递归多一个参数，这个参数是上一次调用函数得到的结果。  尾递归与普通递归的比较 普通递归 fac(3)  普通递归：3 * fac(2)3 * 2 * fac(1)3 * 2 * 1 * fac(0)3 * 2 * 1 * 13 * 2 * 13 * 26  // 普通递归实现的阶乘函数 function factorial1(n){ if(n === 0){ return 1; } return n * factorial1(n-1); } 尾递归 fac(3)  尾递归fac(3, 1)fac(2, 3 * 1)fac(1, 2 * 3 * 1)fac(0, ...

1. 题目 let a = 10; function test(a) { a = 15; } test(12); console.log(a);  答案  10  2. 题目  下列哪个不是 CSS 的合法单位？A px;B pt;C lh;D eh;  答案  D eh  3. 题目 console.log(1 + undefined); 答案  NaN： Number 类型与不能转换为字符串类型或数字类型的值相加时，会得到 NaN。  4. 题目 console.log(9007199254740993);答案  9007199254740992: Number 类型可以表示的最大整数为 ...

DOM Diff  只会平级去对比，不会去跨级对比; 深度优先遍历;  源码地址 获取源码地址

网络优化方案 合并资源文件，减少 HTTP请求  浏览器并发的HTTP请求是由数量限制的(桌面浏览器并发请求是8个，手机浏览器是6个)，如果一下子并发的几十个请求那么会有很多请求会停下来等，等前面的请求好了下一个再进去，这样就延长了整个页面的加载时间。  压缩资源文件减小请求大小 可对代码进行压缩、去掉空格、注释，变量替换，在传输时，使用 gzip 等压缩方式也可以降低资源文件的大小。 利用缓存机制，尽可能使用缓存减少请求。 DNS 预解析 CDN 加速 预加载 图片优化   使用正确的图片格式：对于能够正确显示 WebP 格式的浏览器尽量使用 WebP 格式。因为 WebP 格式具有更好的图...

简介  观察者模式指的是函数自动观察数据对象，一旦对象有变化，函数就会自动执行。而 JS 中最常见的观察者模式就是事件触发机制。   观察者模式：定义对象间一种一对多的依赖关系，当目标对象 Subject 的状态发生变化时，所有依赖它的对象 Observer 都会得到通知。   模式特征  一个目标对象 Subject，拥有方法：添加/删除/通知 Observer; 多个观察者对象 Observer，拥有方法：接收 Subject 状态变更通知并处理； 目标对象 Subject 状态变更时，通知所有 Observer;   class Subject { constructor() { // ...

HTTP  0.9 get -> file 1991 1.0 请求头 + 请求体 get/post 1996 1.1 connection: keep-alive 1997还存在的问题：（1）明文（2）传输(请求完一个才加载下一个)（3）header 太长（4）server 无法主动 push 2.0 （1）二进制； （2）单连接 + 帧； （3）头部压缩； （4）服务端主动 push； 3.0 tcp -> udp