您的位置:首页技术文章关键词: JavaScript
文章列表

  • js+css3实现简单时钟特效
  • 本文实例为大家分享了js+css3实现简单时钟的具体代码,供大家参考,具体内容如下1.实现了时钟的特效,可以转动,时间准确,画面美观大气;2.用到了css3的transform: rotate,transform-origin:,伪元素,border-radius,定位,z-index等等效果如图:...
  • 日期:2024-04-20
  • 浏览:464
  • 标签: JavaScript

  • JavaScript Blob对象原理及用法详解
  • Blob是JavaScript内建对象,表示不可变的原始数据,类似文件的对象。blob是表示原始数据的不可变对象,这些数据不一定是JavaScript原生格式的,文件接口基于Blob,继承Blob功能并将其扩展为支持用户系统上的文件。Blob有很多用途:可以从网络的内容创建。可以保存到磁盘或从磁盘读...
  • 日期:2023-10-11
  • 浏览:289
  • 标签: JavaScript

  • JavaScript伪数组和数组的使用与区别
  • 伪数组和数组在JavaScript中,除了5种原始数据类型之外,其他所有的都是对象,包括函数(Function)。对象与数组的关系在说区别之前,需要先提到另外一个知识,就是 JavaScript 的原型继承。所有 JavaScript 的内置构造函数都是继承自 Object.prototype 。在...
  • 日期:2023-09-29
  • 浏览:363
  • 标签: JavaScript


  • javascript实现打砖块小游戏(附完整源码)
  • 小时候玩一天的打砖块小游戏,附完整源码在?给个赞?实现如图需求分析1、小球在触碰到大盒子上、左、右边框,以及滑块后沿另一方向反弹,在碰到底边框后游戏结束;2、小球在触碰到方块之后,方块消失;3、消除所有方块获得游戏胜利;4、可通过鼠标与键盘两种方式移动滑块;5、游戏难度可调整,实时显示得分。代码分析...
  • 日期:2023-06-16
  • 浏览:268
  • 标签: JavaScript

  • JavaScript实现下拉列表
  • 本文实例为大家分享了JavaScript实现下拉列表的具体代码,供大家参考,具体内容如下这一次写了一个比较简单的下拉列表的实现,点击出现列表内容,再次点击列表消失,研究了很久,发现这种js写法确实比较好用。先看一下效果。直接上代码,js是主要写的部分,css是随意调试的,不过这个写法要用到css。1...
  • 日期:2023-06-10
  • 浏览:344
  • 标签: JavaScript

  • JavaScript中break、continue和return的用法区别实例分析
  • 本文实例讲述了JavaScript中break、continue和return的用法区别。分享给大家供大家参考,具体如下:break 停止了这个for循环,跳出循环来继续执行fn函数里之后的语句function fn() { for(var i = 0; i < 5; i++) { i...
  • 日期:2023-11-09
  • 浏览:507
  • 标签: JavaScript

  • JavaScript DOM常用操作代码汇总
  • 1.理解DOM:DOM(Document Object Model ,文档对象模型)一种独立于语言,用于操作xml,html文档的应用编程接口。怎么说,我从两个角度理解:对于JavaScript,为了能够使JavaScript操作Html,JavaScript就有了一套自己的dom编程接口。对于Ht...
  • 日期:2023-10-22
  • 浏览:295
  • 标签: JavaScript

  • 原生JavaScript实现弹幕组件的示例代码
  • 前言如今几乎所有的视频网站都有弹幕功能,那么今天我们就自己用原生 JavaScript 封装一个弹幕类。这个类希望有如下属性和实例方法:属性 el容器节点的选择器,容器节点应为绝对定位,设置好宽高 height 每条弹幕的高度 mode 弹幕模式,half则为一半容器高度,top为三分之一,f...
  • 日期:2023-10-11
  • 浏览:376
  • 标签: JavaScript

  • 基于javascript canvas实现五子棋游戏
  • 本文实例为大家分享了基于canvas的五子棋的具体代码,供大家参考,具体内容如下第一部分:核心类Gobang属性:this.box = box; // 存放五子棋的容器this.canvas = null; // 画布this.ctx = null;this.size = 600; // 棋盘大小t...
  • 日期:2023-06-19
  • 浏览:236
  • 标签: JavaScript