超大龄程序员

在webpack部分最后，我们用断言assert代替之前的throw Error。 draw方法实现里面，我们直接抛出了一个异常。这表明，如果不应该运行到这里。因为这个方法...

webpack环境已经搭好，我们开始分拆整个功能成到不同的文件里面。 注意，我们直接通过export default导出了class ActionData 。 我们通过im...

接下来，我们将会使用webpack来组织我们的代码。 首先，我们需要安装nodejs。因为nodejs里面，有一个非常有用的工具npm，可以用来帮我们开发js应用。而在后面...

我们在重构代码之后，重新添加新的功能：添加一个圆形/椭圆的工具。 第二部，实现EllipseTool。类似于矩形，也是用鼠标拖出一个矩形区域，然后在这个矩形区域内，画出一个...

在这里，我们将会使用面向对象的思想。有java/c++基础的，会很容易接受。如果没有了解过，建议先了解面向对象的编程思想。 JavaScript在ES6引入了关键字clas...

我们之前实现的画画工具，都是非常简单的功能，按照用户鼠标轨迹显示一条简单的线段。接下来，我们实现一个稍微复杂的功能：用鼠标拖动画出一个矩形。 首先，用户按下鼠标，然后移动鼠...

接下来，我们继续完善功能。作为一个手写应用，undo/redo操作是必须的。要现实undo/redo，最容易想到的实现方式，就是我们记住每一次操作的结果，在用户undo的时...

记住每一次绘制的路径，然后橡皮擦擦除的时候，去计算路径和橡皮擦的位置，然后把他们擦除，或者把一个比较长的路径裁剪成两个（或者多个）比较短的路径。最后用新的路径在canvas...

我们目前仅仅测试实现了铅笔的功能。接下来我们继续增加一个新的功能：荧光笔。荧光笔通常是带有一定颜色，并且具有半透明特性，可以把下面的字迹显露出来。 而为了在铅笔和荧光笔之间...

要实现手写笔记，首先就是手写。那么我们首先，应该实现一个基本的手写功能。因为要做到全栈开发，那么最简单的方式，就是直接使用html里面的canvas和svg。 其中canv...

我们将会通过一些列教程，在只使用JavaScript开发的情况下，实现一个手写笔记应用。该应用具有以下特点： 全平台，有手机客户端（Android/iOS），Windows...