发 送

在线教程

  • js syntax basics

    ... 他脚本语言一样，编写JavaScript只需要简单的文本编辑器，当然为了提高开发效率，基本的语法着色和自动完成功能还是很有帮助的。 对于一些大的项目，我们建议你使用WebStorm（需要商业授权 ... 需要明确声明数据类型，这类语言称为强类型语言(strongly typed languages）。 而JS是弱类型语言（weakly typed language）。这意味着你可以随意更改变量的类型，下面的语句在强类型语言中是非法的，但在JS中可以工作： var age = "thirty ...

  • css pseudo elements

    ... 素::after来给元素（文本）自动添加语言说明后缀。 通过本例，可以对伪类和伪元素的不同作用有个直观的认识。 例子2 - 使用伪元素实现首行着色和段落投影 本例使用伪类:lang来过滤lang属性为特定值（如en-us）的元素。 使用伪元素::after来给元素（文本）自动添加语言说明后缀。 例子3 - 使 ...

  • html canvas states

    ... 保存和恢复绘图状态 前面的例子中我们经常在各种样式之间切换，甚至有时候会在不同颜色之间反复切换。这种重复是很麻烦的，它意味着如果你想要返回之前使用的一些样式，必须重写大量的代码。 幸好，画布能够记住一些样式 ... 言之，状态总在变化。 在画布中，绘图状态指的是描述某一时刻2D渲染上下文外观的整套属性，从简单的颜色值到复杂的变换矩阵（transformation matrix）及其他特性。 用于描述画布绘图状态的全部属性为：变换矩阵、裁剪区域（clipping ...

  • why css exists

    ... 有关的一些HTML标签： <basefont> 定义整个网页文档的字体 <font> 定义一个具体的字体类型，颜色和它所包含的文本大小 <center> 水平居中它所包含的元素 <big> 使文本变大 <strike> ... CSS如何工作的 CSS的工作原理是首先选择一个HTML元素（如<p>，接着选择一个想要修饰的属性（比如颜色）， 最后在选择到的元素属性上应用一个具体的值（比如red）： p{ ...

  • html canvas transform

    ... 因为它们都是直接在2D渲染上下文上操作的，而不是只针对所绘制的图形，这与你修改了fillStyle等属性的效果一样，新的颜色会影响后来绘制的所有元素。 缩放 另一个变形方法就是缩放(scale)，顾名思义，它是调整2D渲染上下文的尺寸。它与 ... 单独使用scale将使所有绘图内容变大，而且它也会使一些对象被画在一些不恰当的位置上。例如，放大2倍实际上意味着现在1个像素变成2个像素．所以如果你绘制了一个x为150像素的图形，现在它看起来像是变成x为300像素了。如果这 ...

  • css selectors

    ... 择语义更加具体，表示某种类型的标签， 比如上面date的例子，我们想改变class为date的em标签的颜色为蓝色，可以把两个选择器拼接成如下的CSS规则： em.date { color: blue; } em.date 复合选择器 ... 示div的孙子辈及之后的元素。 比如我们想把header部分中的所有a链接设置成红色： header a { color: red; } 上面的代码意味着“选择所有在 header 元素内部的 a 元素”，潜台词是排除header外部的a链 ...

  • css flex layout alignment

    ... -start | flex-end | center | space-between | space-around justify-content属性应用在弹性容器上，把弹性项沿着弹性容器的主轴线对齐。该操作发生在弹性长度以及自动边距被解决后。 它用来在所有的弹性项目已 ... 致该项的内容溢出。 弹性项的顶部挨着容器的顶部。 上图说明了上述几个取值的实际效果和差异。每个例子中有4个不同颜色和尺寸的弹性项目。你也通过下面这个在 ...

  • css transform

    ... 还可以使用 translateX() 和 translateY() 来分别在x或y轴方向上平移。 旋转（rotate） rotate() 函数允许元素绕着一个固定点（缺省情况下是该元素的中心点）进行旋转。好比转盘上的唱片。 rotate() 只有一个参数， ... 化的在线动画演示来帮助理解transform-origin对transform操作的直观影响（你可以直接拖动盒子两边的黄色箭头）： 网页性能 translate所实现的功能和top/left修改元素位置完全相同，我们推荐使用 ...

  • html canvas imagedata

    ... 时，则长度为160 000 (200×200×4)，以此类推。 CanvasPixelArray 中的像素排列顺序很简单：左上角像素位于数组开头（从位置0红色到位置3阿尔法值），而右下角像素位于数组末尾。这意味着，在所访问的区域中，每一行像素是从左到右访问的，直至到达行尾，然后再同样从左到右访问下一行（参 ...

  • html canvas animation game

    ... ，"主角"和"配角"接触后的效果属"碰撞效果功能"，图右上方的"暂停按钮"和游戏结束画面中间黄色的"Replay"重玩按钮属于行为"行为控制功能"，图左下方和右下方的数字显示属于"相关数据"显示。此 ... 0; // 对象Y轴运动的加速度 this.life = options.life || 0; // 对象是否"活着" this.damage = options.damage || 0; // 对象是否"损坏" this.points = options.points || ...

推广服务（新）
最新文章