抛出问题

• 0.1 + 0.2 === 0.3 -----> false 为啥?😒

• 框架、轮子源码里的位运算到底啥意思?

  // React源码
  function clz32Fallback(x: number): number {
    const asUint = x >>> 0;
    if (asUint === 0) {
      return 32;
    }
    return (31 - ((log(asUint) / LN2) | 0)) | 0;
  }
  
  // Vue源码
  function repeat(str: string, n: number) {
    let result = ''
    if (n > 0) {
      // eslint-disable-next-line no-constant-condition
      while (true) {
        // eslint-disable-line
        if (n & 1) result += str
        n >>>= 1
        if (n <= 0) break
        str += str
      }
    }
    return result
  }

• 以上两个问题如果知道答案, 请略过本文

诸君在处理文件和输入输出的时候经常要跟CRLF和LF打交道。本文可以清楚明白一劳永逸的把这个知识点种在诸君脑海中。

起源

打字机

• 换行键: asdfghjkl;'右边的那个按钮（在计算机键盘上，就对应着Enter键）被按下的时候，打字机的纸张卷动一行，而纸张的水平位置并不变化。
• 回车键: 打字机上另外还有一个手柄，那个手柄是专用来回车的，向左搬动那个手柄的时候，装纸的结构被松开，在弹簧的作用下弹回最右边（相当于打印头回到最左边）。
• 真正的换行其实包括两步: 回车+换行（或者反过来）。

http简介

• 在应用层负责生成针对目标服务器的HTTP请求报文。
• http无状态所以出现了cookie
• 发送一次断开一次链接，所有出现了keep-alive持久连接。
• 然后在这个基础上出现了管线化，同时发送多个请求。

http协议历史

http2.0参考[一文读懂 HTTP/2 特性 - 知乎 (zhihu.com)](

相对长度单位&绝对长度单位

相对(relative)长度单位

• 用其他长度为基准单位来表示的长度值。这个基准单位可以:

  1. 指定字符的大小，行高
     • 字体的相对长度指的是根据一个特定字符的大小或当前字符所在元素的父元素所定义的字符大小来定义长度值。
  2. 指定 viewport 的大小
     • viewport视口百分比长度定义相对于 viewport 的大小的 <length> 值，即文档的可见部分。视口长度在 @page 声明块中无效。

• 单位	描述
  em	它是描述相对于应用在当前元素的字体尺寸，所以它是相对长度单位。一般浏览器字体大小默认为16px，则2em == 32px
  ex	依赖于英文字母小x的高度
  ch	数字0的宽度
  rem	rem是根(root em)的缩写，相对于根元素字体大小（相对的只是HTML根元素）；
  vw	viewpoint width，视窗宽度，1vw = 视窗宽度的1%
  vh	viewpoint height，视窗高度，1vh = 视窗高度的1%
  vmin	vw和vh中较小的一个
  vmax	vw和vh中较大的一个

DOM中innerHTML、textContent、innerText、nodeValue属性的用法与区别

渲染内容定义: 不包括display: none; script标签; 包括: visibility: hidden; opacity: 0;

输出都包括: 当前标签及其嵌套后代标签

innerHTML

• 输出【原始内容，包括未渲染标签及其后代的】换行文本

innerText属性

JS单线程

• JavaScript是一个单线程语言，意味着同一时间只能执行一个任务。

(函数执行)上下文

概念统一

• 函数执行上下文、执行上下文、上下文、函数执行环境、执行环境、环境、execution context说的是同一种事物
• 本文章会用统一用上下文代称

定义

• JS里一切皆对象, 逻辑结构是上下文, 物理结构是对象

• js代码在执行阶段前，会有个预加载过程，目的是建立当前js代码的执行环境，而这个执行环境就是上下文（context）

• JavaScript是一个单线程语言，意味着同一时间只能执行一个任务。

• 当JavaScript解释器初始化执行代码时， 它首先默认进入全局执行环境/执行上下文（execution context），从此刻开始，函数的每次调用都会创建一个新的执行环境。

• 通俗理解: 一段代码和执行所需的所有信息定义为上下文