nmsn

# html-to-image  ## 核心流程： 1. 复制节点及子节点 2. 创建 `svg` - 把生成的节点填入 `svg` 子节点，核心方法 `foreignObject` - 生成 `svg` 的 `url` `string`，核心方法 `XMLSerializer` 3. 创建 `img` 元素，使用刚刚生成的 `svg` `url` 4. 创建...

# html2canvas  ## 核心流程 可以看到的是在图中存在 `foreignObjectRendering` 分支 如果配置为 `true`，则核心逻辑与 html-to-image 一致，使用 `svg` 的 `foreignObject` 标签特性来完成 canvas 的生成，不多描述 如果配置为 `false`，则使用的是纯 `canvas` 逻辑来实现效果 其中的核心点为： - **parseTree** 将拷贝的节点中的关键渲染元素整合到 container 元素当中 - **CanvasRenderer**...

os.EOL 获取不同系统的换行符号 ```js \n on POSIX \r\n on Windows ```

`/n` (newline) 换行符 另起一行，对应的 ASCII 为 10 缩写 LF `/r` (return) 回车符，回到一行的开头，对应 ASCII 值为 13 缩写 CR

### Stat size 直接从 webpack stats 对象中获取，并按原样使用模块的实际源代码，并在 minify 或 gzip 之前报告大小 ### Parsed size 经过构建工具压缩的大小，例如 UglifyJS/Terser 等工具处理后的大小 ### Gzipped size 如类型所述，是 Parsed Size 由经过 gzip 压缩处理后的大小，通常用来描述传输过程中的大小（浏览器传输过程中通常经过 gzip 处理）

https://zh.wikipedia.org/wiki/HSL%E5%92%8CHSV%E8%89%B2%E5%BD%A9%E7%A9%BA%E9%97%B4#%E5%BE%9ERGB%E5%88%B0HSL%E6%88%96HSV%E7%9A%84%E8%BD%89%E6%8F%9B

https://github.com/mqyqingfeng/blog/issues/2

### 驼峰命名（CamelCase） - 小驼峰（lowerCamelCase） - 大驼峰（UpperCamelCase）——也叫帕斯卡命名法（PascalCase） ### 蛇形命名法（snake_case） ### 串式命名法（kebab-case）

### 核心逻辑 - dom 元素转化为 canvas - dom 元素转化为 svg - 创建 foreignObject 对象，插入 dom 节点 - svgToDataURL 将 svg 节点转化为图片 url - XMLSerializer().serializeToString() 将 dom 节点转化为字符串 - 通过 encodeURIComponent...

### 概念 单点登录 (SSO) 是一种身份认证方法，用户一次可通过一组登录凭证登入会话，在该次会话期间无需再次登录，即可安全访问多个相关的应用和服务。 SSO 通常用于管理一些环境中的身份验证，包括企业内部网或外部网、学生门户网站、公有云服务以及用户需要使用多个应用以完成工作的其他环境。 它还越来越多地用于面向客户的网站和应用（如银行和电子商务网站），将第三方供应商提供的应用打造成无缝、不间断的用户体验。