JS 高级程序设计·摘录
![[assets/Pasted image 20230904150346.png|200]]
Javascript 一直在使用，但是还真就没有太系统地去认识过它，虽然多数应用场景并不需要，但是这件事儿绝对是有必要进行的。这段时间不很忙，系统地阅读这本经典之作，顺便做下摘录。
Canvas
> 近来要开发一个手写板程序，顺便来系统回顾一下 Canvas 这个东东……
🔔 本篇摘录自 《学习 HTML5 Canvas 这一篇文章就够了》 ，写的真不错。
<canvas> 是 HTML5 新增的一个可以使用脚本（通常为 JavaScript）在其中绘制图像的 HTML 元素。
![[assets/Pasted image 20230525170231.png|400]]
> 上图就是使用 canvas 绘制出来的
Canvas 是由 HTML 代码配合高度和宽度属性而定义出的可绘制区域。JavaScript 代码可以访问该区域，类似于其他通用的二维 API，通过一套完整的绘图函数来动态生成图形。
CSS 中的动效
CSS 中的 transform（变换）、transition（过渡） 和 animation（动画） ，简称 TTA。
:: CSS 什么的这种逻辑性略弱、规则性很强的领域，边用边深入就好，不常用的记了也会忘。
JS 中的拖放
拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。
*注：Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持拖动。
Promise
:: 这篇 Promise 仅是摘录使用，内容很散碎……
Promise 是一个对象（可以用来绑定回调函数），它代表了一个异步操作的最终完成或者失败。因为大多数人仅仅是使用已创建的 Promise 实例对象，所以我们首先说明怎样使用 Promise，再说明如何创建 Promise 。
React
具体安装及引入细节，请直接参考官方文档。
React 是一个用于构建用户界面的 JavaScript 库，你可以用它给简单的 HTML 页面增加一点交互，也可以开始一个完全由 React 驱动的复杂应用。
> 对的，它只是一个 UI 库而已 ！！！
Virtual Dom
模块化编程
每一个领域的内容，都要有先问一下 – 是什么？为什么？做什么？怎么做？
- 是什么？简述概念；
- 为什么？历史发展，出现的原因，优缺点；
- 做什么？主要应用场景；
- 怎么做？具体使用方法步骤。
浏览器
了解浏览器，它已经成为主流的信息传递方式，并将持续壮大！
了解它的内核、构成及动作方式。
![[assets/Pasted image 20230525174227.png|300]]
> 蒂姆·伯纳斯·李 （1955.06.08 - ）
2017 年，他因 “发明万维网、第一个浏览器和使万维网得以扩展的基本协议和算法” 而获得 2016 年度的图灵奖。
