【TypeScript教程】# 10：继承简介
通过继承可以将多个类中共有的代码写在一个父类中，这样只需要写一次即可让所有的子类都同时拥有父类中的属性和方法。如果在子类中添加了和父类相同的方法，则子类方法会覆盖掉父类的方法，这种子类覆盖掉父类方法的形式，我们称为方法。尚硅谷TypeScript教程（李立超老师TS新课）学习笔记。如果希望在子类中添加一些父类中没有的属性或方法直接加就行。使用继承后，子类将会拥有父类所有的方法和属性。
【TypeScript教程】# 11：super关键字
如果在子类中写了构造函数，在子类构造函数中必须对父类的构造函数进行调用。尚硅谷TypeScript教程（李立超老师TS新课）学习笔记。在类的方法中super就表示当前类的父类。
【TypeScript教程】# 12：抽象类
以 abstract 开头的类是抽象类，抽象类和其他类区别不大，只是不能用来创建对象，抽象类就是专门用来被继承的类。尚硅谷TypeScript教程（李立超老师TS新课）学习笔记。
【TypeScript教程】# 13：接口
接口用来定义一个类结构，用来定义一个类中应该包含哪些属性和方法，同时接口也可以当成类型声明去使用，接口可以在定义类的时候去限制类的结构。定义类时，可以使类去实现一个接口，实现接口就是使类满足接口的要求。尚硅谷TypeScript教程（李立超老师TS新课）学习笔记。
【TypeScript教程】# 14：属性的封装
现在属性是在对象中设置的，属性可以任意的被修改，属性可以任意被修改将会导致对象中的数据变得非常不安全。private私有属性， 私有属性只能在类内部进行修改，通过在类中添加方法使得私有属性可以被外部访问。TS可以在属性前添加属性的修饰符，public 修饰的属性可以在任意位置访问（修改）默认值。protected受包含的属性， 只能在当前类和当前类的子类中访问（修改）尚硅谷TypeScript教程（李立超老师TS新课）学习笔记。可以直接将属性定义在构造函数中。
【TypeScript教程】# 15：泛型
尚硅谷TypeScript教程（李立超老师TS新课）学习笔记。在定义函数或是类时，如果遇到类型不明确就可以使用泛型。可以直接调用具有泛型的函数。比如定义了一个泛型T。
【TypeScript教程】# 16：ts + webpack + less实现贪吃蛇小游戏
每次调用change都可以修改到食物的位置，让其在stage里随机显示。尚硅谷TypeScript教程（李立超老师TS新课）学习笔记。我们以demo3的项目为基础，可以复制一份过来。然后添加postcss处理兼容性问题。在这个基础上添加less相关的处理。最后引入控制器实例化即可。最后配置webpack。
【图形基础篇】02 # 指令式绘图系统：如何用Canvas绘制层次关系图？
【跟月影学可视化】学习笔记。Canvas 元素上的 width 和 height 属性不等同于 Canvas 元素的 CSS 样式的属性。这样分开能更方便地适配不同的显示设备。Canvas 的 HTML 属性宽高为画布宽高，CSS 样式宽高为样式宽高。默认左上角为坐标原点，x 轴水平向右，y 轴垂直向下。首先是获取 Canvas 元素。通过 getContext 方法拿到它的上下文对象。3.2、用 Canvas 上下文绘制图形context 对象 API需要实现下面的效果json数据如下：这里使
【图形基础篇】03 # 声明式图形系统：如何用SVG图形元素绘制可视化图表？
【跟月影学可视化】学习笔记。SVG 的全称是 Scalable Vector Graphics，可缩放矢量图，它是浏览器支持的一种基于 XML 语法的图像格式。SVG 可以作为 HTML 内嵌元素使用，也可以作为图像通过 img 元素加载，或者绘制到 Canvas 内。svg 元素是 SVG 的根元素，属性 xmlns 是 xml 的名字空间。SVG 坐标系和 Canvas 坐标系完全一样，都是以图像左上角为原点，x 轴向右，y 轴向下的左手坐标系。可以通过给 svg 元素设置 viewBox 属性，来改
【图形基础篇】04 # GPU与渲染管线：如何用WebGL绘制最简单的几何图形？
比如要绘制下面这个二维的三角形，三个顶点分别如下：WebGL 使用的数据需要用类型数组定义，默认格式是 Float32Array。是 JavaScript 的一种类型化数组（TypedArray），JavaScript 通常用类型化数组来处理二进制缓冲区。
【数学篇】05 # 如何用向量和坐标系描述点和线段？
【跟月影学可视化】学习笔记。上面4个都属于直角坐标系。转换坐标系：以一个例子为例：在 的一个 Canvas 画布上实现如下的视觉效果。其中，山的高度是 100，底边 200，山是等腰三角形，两座山的中心位置到中线的距离都是 80，太阳的圆心高度是 150。可以使用一个 Rough.js：https://github.com/rough-stuff/rough的库，绘制一个手绘风格的图像。首先我们需要计算出来三角形各个顶点的坐标然后绘制效果如下：以画布底边中点为原点，x 轴向右，y 轴向上的坐标系，相
怎么禁止iframe里的元素输入跟操作？
元素永远不会成为鼠标事件的target (en-US)。但是，当其后代元素的 pointer-events 属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。CSS 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target (en-US)。比如我需要禁止用户输入数据，去进行提交操作。我们加一下这个样式给到 iframe。加了之后就无法输入跟提交了。
周排行