这里总结下使用 canvas 绘制时钟的步骤。 下面来拆分一下绘制步骤： 绘制时钟的表框和刻度； 绘制时钟的指针； 使用定时器动态更新时间。 根据以上步骤可以写出绘制的主要代码： draw() { const drawClock = () => { this.ctx.clearRect(-150, -150, 300, 300); // 清除画布 this.drawCircle(); // 绘制时钟的表框 this.drawCalibration(); // 绘制时钟的刻度 this.drawPoints(); // 绘制时钟的指针 …
之前在开发中需要用到雷达图（蛛网图），这里总结下使用 canvas 绘制雷达图的步骤。 对于雷达图这种中心对称的图形，绘制的要点就是找到圆心的位置，设为中心点，然后边旋转边绘制。 演示： See the Pen canvas draw radar by tcatche (@tcatche) on CodePen. 下面来拆分一下绘制步骤： 接口定义首先先定义接口和使用： class Rader { draw() { this.drawGrid(); // 绘制网格 this.drawLines(); // 绘制链接网格的线 this…
在开发中，通常会使用 git checkout 进行分支切换和变更撤销，checkout 是一个比较复杂的命令，承载了很多功能有点臃肿，因此引入了两个新的命令 git switch 和 git restore 用来拆分 git checkout 命令，本文介绍如何使用 git switch 进行分支切换。 使用这个命令比较简单，下面简单列一下各种使用方式，就不详细介绍了 切换分支git switch <branch> 创建并切换分支git switch -c <branch> 从指定的位置创建分支git switch -c <branch> <star…
在开发中，通常会使用 git checkout 进行分支切换和变更撤销，checkout 是一个比较复杂的命令，承载了很多功能有点臃肿，因此引入了两个新的命令 git switch 和 git restore 用来拆分 git checkout 命令，本文介绍如何使用 git restore 进行变更撤销。 介绍git restore 命令会将指定文件的变更给撤销，先来看下面的示例： 在 git 仓库里有三个文件变更 restore.md、restore2.md、restore3.md，restore.md 的变更已经通过 git add 加入暂存区，restore2.md 变更未加入暂存区，…
在开发中，有时候需要紧急退回某个线上版本修复问题，特别是 reset 操作回滚之前的版本，如果操作不注意会发现新的一些工作的提交历史丢失了，这个时候 git reflog 会很有帮助。 git reflog 和 git log 功能很相近，都是记录日志的，和 git log 不同在于 git reflog 记录了 HEAD 指针的变更历史。 介绍首先使用准备好的分支来看一下： $ git log --oneline aea03a0 (HEAD -> reflog) version5 1abb498 version4 97697e6 version3 d421d76 version…
在开发过程中，有些时候会出现一些错误的提交，这个时候可以用 git revert 命令把这些错误的提交给回滚了。 介绍git revert 命令用来将指定的 commit 回滚。 回滚原理是通过新建一个指定的提交的反操作的提交。 下面以上面的例子介绍 revert 的使用，假设当前的分支状态如下图所示： featureA - featureB - featureC - featureD 想要在主分支应用 featureC 特性，可以进行如下的操作： $ git revert featureC 现在的分支状态变成了下面的结构： featureA - featureB - featureC -…
在有些场景下可能需要用到取消请求的操作，比如在同一时刻触发多次请求，只保留最新的请求；比如表单提交中关闭页面等行为，本文加少一些常用的触发 Web 请求的方式如何取消。 AbortControllorAbortController 接口表示一个控制器对象，该对象允许您在需要时中止一个或多个 Web 请求。 AbortController 分别有一个属性 AbortController.signal 和一个方法 AbortController.abort，他们结合起来可以用来终止 Web 请求。 它的使用过程如下： 首先创建一个 AbortController 对象 controller，然后在…
在开发过程中，切换分支和合并代码是常用的操作，想想一种场景，在一个分支上进行了新版本开发，开发了若干新特性 featureD、featureE 等等，但是需要变更，这个开发被搁置了，但是又想引入新的 featureD 特性，这个时候 cherry-pick 就是一个很有用的操作了。 介绍git cherry-pick 命令用来将指定的 commit 应用到其它的分支。 下面以上面的例子介绍 cherry-pick 的使用，假设当前的分支状态如下图所示： a - b #Main \ D - E #Feature 想要在主分支应用 featureD 特性，可以进行如下…
当正在进行某项开发任务过程中，突然有另一件紧急的事情需要处理，比如有线上问题，这个时候，当前代码并没有开发完成不想提交， git stash 命令就是一个解决此问题的方法。 stash 命令可以把当前未提交的内容给暂存起来，还原到上次提交的状态，然后可以在任意合适的时刻，以及任意分支，把这些变动给还原回来。 本文看一下 git stash 相关的命令。注意，本文中示例 $ 开头的表示执行的命令，其他内容为命令的输出。 git stashgit stash [push [-p|--patch] [-k|--[no-]keep-index] [-q|--quiet]2 [-u|--incl…
Git 可以给仓库里的分支打上标签做标记，比如在代码发布后经常会打上V1.0，V2.0 这样的标签，本文看一下这些打标签相关的操作。 本文中示例 $ 开头的表示执行的命令，其他内容为命令的输出。 创建标签通过 git tag 即可很容易的创建标签： 为当前提交创建标签 git tag 示例： $ git tag v1.0 使用 git log 也能看到打的标签。 $ git logcommit c5c2f2749577b998c4aff65663b40190dc4072a3 (HEAD -> master, tag: v1.0)Author: tcatche <tcatch…