240 投稿
收录了23篇文章 · 5人关注
  • 010 Document 类型和 Element 类型

    上一篇文章介绍了 Node 节点的各种类型,以及对节点进行增删改克隆的一些方法,本文介绍 Document 和 Element 类型,它们都是继...

  • 011 HTML5 拖放事件 01

    拖放事件 拖放操作是将一个元素拖放到另一个元素的操作,这项操作涉及到两个元素:被拖放元素和放置元素。在拖放过程中,被拖放元素会经历以下几个事件:...

  • 008 实现继承的几种方式

    前面总结了创建对象的几种方式,本文将再总结一些实现继承的方式。无论是创建对象,还是继承,都离不开一个东西:原型。首先来看原型链模式。 原型链模式...

  • 009 Node 类型

    DOM 是也叫文档对象模型,是 HTML 和 XML 文档的一个 API,其描述了一个层次节点树,允许开发人员对文档树进行操作。 Node 接口...

  • Resize,w 360,h 240
    JavaScript 运动 01 —— 匀速运动

    最近想写一个收缩展开的菜单特效,希望用原生的 JavaScript 实现,不用 jQuery 或者 CSS3,思来想去居然毫无头绪,然后想起了以...

  • JavaScript 运动 02 —— animate 函数增强

    上文我们实现了匀速运动,本文在上文的基础上进行一些改进,最终目标是: 多值同时运动 链式运动 使用 async/await 和 Promise ...

  • Resize,w 360,h 240
    JavaScript 运动 04 —— 弹性运动

    弹性运动 弹性运动是物体在某个参考点两侧进行运动。 加速运动和减速运动 加速运动是速度逐渐增加的运动,减速运动是速度逐渐减小的运动。根据物理规律...

  • JavaScript 运动 03 —— 缓冲运动

    缓冲运动和匀速运动的区别 匀速运动:速度一直不变的运动缓冲运动:速度逐渐加快或者减慢的运动缓冲运动的速度处于不断的变化中,和匀速运动不同的是,缓...

  • Resize,w 360,h 240
    JavaScript 运动 05 —— 碰撞运动

    前面的四篇文章分别实现了匀速运动、缓冲运动和弹性运动,本文继续,实现最后一个常见运动——碰撞运动。 碰撞运动 碰撞运动是两个物体接触后速度反向的...

  • Resize,w 360,h 240
    JavaScript 运动 06 —— 结合拖拽的碰撞运动

    如果我们想实现这样一种效果:拖动某个元素,释放后给该元素一个初速度,然后让其做碰撞运动。就需要将拖拽和碰撞运动结合使用。 拖拽 先来复习一下简单...

专题公告

JavaScript 学习