引子碰撞检测（Collision Detection）这个东西，之前找 canvas 相关资料的时候碰到过，有些好奇，就去尝试了解一下。OriginMy GitHub简介与碰撞检测有些类似的一个概念：命中检测（Hit-testing），也被广泛运用。在计算机图形编程中，命中检测是确定用户控制的光标（或触摸屏上的触摸点）是否与屏幕上绘制的给定图形对象（如形状）产生相交的过程。根据这个...

引子在 Collision Detection ：Transformation 中介绍了动态的碰撞检测，至此 CollisionDetection 项目的主要内容差不多都涉及了。在查询资料的时候，还接触到一些其它的检测方法，现在来看一下另外一种检测方法： Separating Axis Theorem 。OriginMy GitHub相关知识点矢量和标量简单的来说：矢量（vector）也称向量，有

引子在 Collision Detection ：Point 中主要介绍了点的碰撞检测，接着来看看矩形的情况。以下示例未做兼容性检查，建议在最新的 Chrome 浏览器中查看。OriginMy GitHubRectangle/Point这是示例页面。绘制矩形可以通过四个点的坐标进行绘制，也可以通过一个顶点的坐标，结合矩形的宽高进行绘制：矩形与点的碰撞检测，只要点的坐标在矩形的坐标范围之内即可：/*

引子在前端异常解析中介绍了异常的解析，这些异常信息上报后，一般也难以直接的看出什么错误源，因为正式的线上环境中，代码往往都经过了压缩混淆，异常的一些信息都是指向压缩文件。这时候可以根据 Source Map 文件追溯源文件的位置。OriginMy GitHub简介最初的源映射格式是由 Joseph Schorr 创建，在 Closure Inspector（谷歌的公共工具）中用来开启 JavaSc