您的位置:首页技术文章JavaScript
文章列表
  • JavaScript 实现页面滚动动画
  • 在做前端 UI 效果时,让元素根据滚动位置实现动画效果是一个非常流行的设计,通常我们会使用第三方插件或库来实现。在本教程中,我将教大家使用纯 JavaScript 和 CSS 来实现。先预览一下实现的效果:我们使用 CSS 来实现动画,用 JavaScript 来处理触发所需的样式。我们先来创建布局...
  • 日期:2023-10-02
  • 浏览:8

  • JavaScript设计模式之策略模式实现原理详解
  • 俗话说,条条大路通罗马。在现实生活中,我们可以采用很多方法实现同一个目标。比如我们先定个小目标,先挣它一个亿。我们可以根据具体的实际情况来完成这个目标。策略模式的定义定义一系列的算法,把它们一个个封装起来,并且使它们可以相互替换。举个例子:表单校验在一个Web项目中,注册、登录等功能的实现都离不开表...
  • 日期:2023-10-24
  • 浏览:99


  • JS函数本身的作用域实例分析
  • 本文实例讲述了JS函数本身的作用域。分享给大家供大家参考,具体如下:函数本身也是一个值,也有自己的作用域。它的作用域与变量一样,就是其声明时所在的作用域,与其运行时所在作用域无关。var a = 1var x = function() { console.log(a)}function f() { ...
  • 日期:2024-05-17
  • 浏览:99

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

  • 原生JS实现九宫格抽奖
  • 本文实例为大家分享了JS实现九宫格抽奖的具体代码,供大家参考,具体内容如下上代码:<div class='wrapper'> <div>谢谢惠顾</div> <div>十万元现金</div> <div>谢谢惠顾...
  • 日期:2024-04-20
  • 浏览:80

  • javascript设计模式 ? 观察者模式原理与用法实例分析
  • 本文实例讲述了javascript设计模式 ? 观察者模式原理与用法。分享给大家供大家参考,具体如下:介绍:前面我们针对系统内一对多,多对多的情况做了解决方案,是使用中介者模式,将所有关联关系交由中介者处理。这一节我们介绍另外一种解决一对多问题的设计模式:观察者模式观察者模式是使用频率最高的设计模式...
  • 日期:2023-11-02
  • 浏览:8

  • js控制台报错Uncaught TypeError: Cannot read properties of undefined (r
  • 本文主要介绍了js控制台报错Uncaught TypeError: Cannot read properties of undefined (reading ‘appendChild‘)的解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 日期:2022-06-12
  • 浏览:7

  • JavaScript:面试频繁出现的几个易错点
  • 1.前言 这段时间,金三银四,很多人面试,很多人分享面试题。在前段时间,我也临时担任面试官,为了大概了解面试者的水平,我也写了一份题目,面试了几个前端开发者。在这段时间里面,我在学,在写设计模式的一些知识,想不到的设计模式的这些知识,就是面试题里面,频繁让人掉坑的考点。所以,今天就总结一下,那些...
  • 日期:2023-11-11
  • 浏览:7

  • JavaScript避免嵌套代码浅析
  • 这篇文章主要介绍了JavaScript避免嵌套代码,很多时候需要编写的逻辑本身就很恶心, 乍看之下, 堆页岩般的判定嵌套里似乎每一层都是必要的, 也只能说尽量让它看起来不那么恶心
  • 日期:2022-06-01
  • 浏览:65

  • JavaScript 下载链接图片后上传的实现
  • 既然要进行图片上传,那么第一时间当然是判断是否为可下载的图片资源,有的时候可以使用正则表达式,但是很难判断是否可下载,当判断图片链接后是否有后缀的时候也比较苦恼,有的图片是没有后缀的,可是如果放开这个限制又比较容易被攻击,所以这里我们使用 Image 作为判断手法,若成功加载图片,那么说明确实为图片...
  • 日期:2023-10-03
  • 浏览:59