Canvas系列（20）：画布中画满圆
今天的内容比较简单，我们学习如何在画布中画满圆。要求圆与圆之间不能相交，最终效果如下。
HTML结构首先我们先展示我们基础的HTML结构。
12345678<style type="text/css"> #canvas{ background:
...
Canvas系列（19）：实战-五彩纸屑
发表于
|
分类于
Canvas
上一节我们学习了如何通过 Canvas 来实现烟花效果，这节我们学习另一种效果 —— 五彩纸屑。具体效果如下：
功能设计
如上图所以，要实现五彩纸屑效果，需要在屏幕左右两侧向上发射粒子。上一节，我们放烟花时也发射了粒子，这里可以继续复用上节课粒子相关代码。上一节我们绘制的是圆形，这节课通过最终效
...
Canvas系列（18）：实战-烟花效果
发表于
|
分类于
Canvas
今天我们来学习 Canvas 的一个经典案例 —— 烟花效果，具体效果可以看下图。本章的内容会涉及之前的加速度和速度相关的知识，如果对这部分不太了解的建议先看其他章节。
画一个点Canvas效果往往需要我们去逐帧观察，烟花效果也一样。我们先看单个烟花，在不考虑拖尾的情况下，烟花先往上飞，飞行过程
...
一文看懂TypeScript工具类型
发表于
|
分类于
JavaScript
TypeScript 的工具类型，也被称作类型体操。通过本文你就知道这些工具类型的原理，并可以自己写出一些工具类型。在学习工具类型之前，我们先学学工具类型所用到的基础知识，当基础知识掌握牢固后，看懂工具类型自然水到渠成。
基础知识泛型我们先看一个泛型的例子：
12345678function ide
...
TypeScript一些知识点
发表于
|
分类于
JavaScript
区域注释TypeScript 可以添加区域注释，可以让VS Code等编辑器识别为一个代码区域，区域注释使用的是单行注释语法：
1234//#region 区域描述let x = 0;let y = x + 1;//#endregion
运算符空值合并运算符1a ?? b
如上，当 a 为 un
...
源码共读-Redux
发表于
|
分类于
源码共读
Redux是优秀的状态管理库，本节我们学习一下Redux源码，由于Redux源码是TypeScript写的，为了方便学习，本节去掉一些类型定义，转化为JavaScript来展示，另外对于错误信息我们这里就先不处理了。
使用Redux官方示例：
1234567891011121314151617181
...
H5 history API
发表于
|
分类于
JavaScript
对于JS中history对象我们最常用的就是back()、forward()、go()三个方法，H5新增了pushState()和replaceState()用来无刷新页面来更新URL地址，本章所说的H5 history API也指的是这两个方法。
H5 history API浏览器兼容情况请看这里
...
使用随机数生成器估算π
发表于
|
分类于
算法
编写函数，使用随机数生成器估算π。
各种计算机语音中都会给出π的具体值，如JavaScript中就有Math.PI，但是如何不使用该值来粗略估算π的值呢？
整体思路：如图所示，在坐标系(x, y)的作用域[-1，1]与值域[-1，1]中随机生成点，点在圆x² + y² = 1内的概率为π / 4
...
计算整数二进制表示中各个1位的数目
发表于
|
分类于
算法
编写一个函数，确定给定整数的二进制表示中各个1位的数目。
举例：给定一个数字是7，假设是8位操作系统，二进制表示为00000111，其中有3个1，则调用函数返回3。
整体思路：循环统计，检测二进制表示中的最后一位，如果最后一位是1的时候计数器加1，然后把数字右移一位，直到整个数字全部移完。
代码
...