call、apply 和 bind
call、apply 和 bind 是 JavaScript 中用于控制函数执行上下文（即 this 的值）的三个重要方法。它们的主要作用是允许你显式地指定函数内部的 this 指向。
浏览器的渲染过程
➡️ 本文内容主体部分来自 浏览器的渲染过程 - 知乎
通常，我们只需要编写 HTML，CSS，JavaScript，浏览器上就能呈现出漂亮的网页了，但是浏览器是如何使用我们的代码在屏幕上渲染像素的呢？
Source Map
Source Map 是一种文件格式，用于将压缩、混淆或转换后的代码映射回原始代码。它通常用于调试生产环境中的 JavaScript 代码，帮助开发者在浏览器中查看和调试原始源代码，而不是压缩或混淆后的代码。
关于 fetch
fetch 是现代 JavaScript 中用于发起网络请求的一个全局 API。它提供了一种简单、灵活的方式来与服务器进行通信，基于 Promise，因此非常适合处理异步操作。fetch 是 XMLHttpRequest 的替代品，广泛用于前端开发中。
关于 Promise
Promise 是 JavaScript 中用于处理异步操作的一种对象。它代表了一个异步操作的最终完成（或失败）及其结果值。Promise 提供了一种更清晰、更结构化的方式来处理异步代码，避免了传统的回调地狱（callback hell）问题。
生成器
generator 是一种特殊的函数，它允许你通过 yield 关键字暂停和恢复函数的执行。generator 函数使用 function* 语法来定义，并且返回一个 Generator 对象。这个 Generator 对象可以通过 next() 方法来控制函数的执行流程。
浏览器中的尺寸大小和位置
JS 高级程序设计·摘录
Canvas
> 近来要开发一个手写板程序，顺便来系统回顾一下 Canvas 这个东东……
🔔 本篇摘录自 《学习 HTML5 Canvas 这一篇文章就够了》 ，写的真不错。
<canvas> 是 HTML5 新增的一个可以使用脚本（通常为 JavaScript）在其中绘制图像的 HTML 元素。
![[assets/Pasted image 20230525170231.png|400]]
> 上图就是使用 canvas 绘制出来的
Canvas 是由 HTML 代码配合高度和宽度属性而定义出的可绘制区域。JavaScript 代码可以访问该区域，类似于其他通用的二维 API，通过一套完整的绘图函数来动态生成图形。
JS 中的拖放
拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。
*注：Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持拖动。
React
具体安装及引入细节，请直接参考官方文档。
:: React 的出新文档了，内容的组织结构也有所变化，整体来说更加突出函数式组件的作用了，毕竟有了 Hooks 嘛~ 来一个新的章节来摘录一下，准备在新的项目中应用 React ，反正用什么我说了算，哈哈~ ↗️ 「 [[#新文档]] 」
React 是一个用于构建用户界面的 JavaScript 库，你可以用它给简单的 HTML 页面增加一点交互，也可以开始一个完全由 React 驱动的复杂应用。
> 对的，它只是一个 UI 库而已 ！！！
模块化编程
每一个领域的内容，都要有先问一下 – 是什么？为什么？做什么？怎么做？
- 是什么？简述概念；
- 为什么？历史发展，出现的原因，优缺点；
- 做什么？主要应用场景；
- 怎么做？具体使用方法步骤。
浏览器
了解浏览器，它已经成为主流的信息传递方式，并将持续壮大！
了解它的内核、构成及动作方式。
![[assets/Pasted image 20230525174227.png|300]]
> 蒂姆·伯纳斯·李 （1955.06.08 - ）
2017 年，他因 “发明万维网、第一个浏览器和使万维网得以扩展的基本协议和算法” 而获得 2016 年度的图灵奖。
