function animate({timing, draw, duration}) {
let start = performance.now();
requestAnimationFrame(function animate(time) {
// timeFraction 从 0 增加到 1
let timeFraction = (time - start) / duration;
if (timeFraction > 1) timeFraction = 1;
// 计算当前动画状态
let progress = timing(timeFraction);
draw(progress); // 绘制
if (timeFraction < 1) {
requestAnimationFrame(animate);
}
});
}
<input type="file" id="input">
接下来看一个简单的文件上传的例子：
<form method="post" enctype="multipart/form-data">
<div>
<label for="image_uploads">Choose images to upload (PNG, JPG)</label>
<input type="file" id="image_uploads" name="image_uploads" accept=".jpg, .jpeg, .png" multiple>
</div>
<div class="preview">
<p>No files currently selected for upload</p>
</div>
<div>
<button>Submit</button>
</div>
</form>
defer 特性告诉浏览器不要等待脚本。相反，浏览器将继续处理 HTML，构建 DOM。脚本会“在后台”下载，然后 等 DOM 构建完成后，脚本才会执行。
换句话说：
defer 特性的脚本不会阻塞页面。defer 特性的脚本总是要等到 DOM 解析完毕，但在 DOMContentLoaded 事件之前执行。wget https://nodejs.org/dist/v12.16.3/node-v12.16.3.tar.gz
tar zxvf node-v12.16.3.tar.gz
cd node-v12.16.3
./configure
make
sudo make install
node —version
package.json中对应版本前为^ 符号，这样就可能存在本次安装的包版本有升级。
升级从左向右的第一个不为0的版本
注意：以上说法不一定正确，持保留意见。可能是版本升级
| Syntax | Description | 版本示例 |
|---|---|---|
| New product | Start with 1.0.0 | 1.0.0 |
| Patch release | Increment the third digit（位数） | 1.0.1 |
| Minor （次要）release | Increment the middle digit and reset last digit to zero | 1.1.0 |
| Major（重大） release | Increment the first digit and reset middle and last digits to zero | 2.0.0 |
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash
代码分离是webpack最引人注目的特性之一。此特性能够把代码分离到不同的 bundle 中，然后可以按需加载或并行加载这些文件。
常用的方法：
<body>
<div style="width:100%;height:100%;background-color:blueviolet;">
width:100%;height:100%;
</div>
</body>
在本地创建分支dev并切换到该分支
git checkout -b dev(本地分支名称) origin/dev(远程分支名称)