首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

分享两种圣诞节雪花特效JS代码(网站下雪效果)

今天是圣诞节,首先,张戈在这里祝所有朋友节日快乐! 虽然我对圣诞节并不感冒,不过既然是公开的博客,那还是搞搞气氛吧!测试了网上找的几个代码,下面分享一下我个人比较满意的 2 种。...看代码之前,先分享一下即时预览的方法:很简单,在 webkit 浏览器(比如谷歌)按下 F12,然后在 console 里面粘贴一下 JS 代码(不含前后的 script 标签),然后回车执行即可看到效果了...调用及控制方法 */     var snow = new snowFall({maxFlake:500});     snow.start(); 使用方法: 方法①、复制其中一种 JS...代码,粘贴到网站标签之前即可; 方法②、去掉代码前后的标签,然后将代码保存为 js 文件,最后在网站引用即可。

9.8K100
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS 设计准则和设计原则

    Lnix/Uinux 设计准则 Linux 是一个伟大的操作系统,在深入我们的学习之前,我们来了解一下其设计哲学。...这其实是单一职责在接口设计上的体现。不过实际设计中我们很少说拆的那么细,需要根据实际情况设计大小合适的接口。...小结 事实上 js 是天然多态的,没有抽象,重写也非常方便,这种优势带来了编程的极简体验,也产生了理解和维护难的副作用。所以在使用 oop 设计时建议用 ts 来代替 js 进行编程。...参考 设计模式 | 菜鸟教程 Linux/Unix 系统设计的九大准则 笔记 《Linux/Unix设计思想》随笔 ——Linux/Unix哲学概述 javascript...设计模式与六大原则 web前端进阶之js设计模式之设计原则篇 Java设计模式-六大原则 js 面向对象七大原则 JavaScript面向对象之七大基本原则实例详解 百度百科-单一职责原则

    84230

    JS设计模式 - 笔记

    设计模式概略 + 常用设计模式 包括单例模式、策略模式、代理模式、发布订阅模式、命令模式、组合模式、装饰器模式、适配器模式 # 设计模式概略 ---- # 什么是设计模式 定义:在软件设计过程中...,针对特定问题的简洁而优雅的解决方案 # SOLID 五大设计原则 Single:单一职责原则 一个程序只做好一件事 Open:开放封闭原则 对扩展开放,对修改封闭 Liskov:里氏置换原则 子类能覆盖父类...,并能出现在父类出现的地方 Interface:接口独立原则 保持接口的单一独立 Dependency:依赖导致原则 使用方法只关注接口而不关注具体类的实现 # 为什么需要设计模式 易读性 使用设计模式能够提升代码的可读性...,提升后续开发效率 可扩展性 使用设计模式对代码解耦,能很好地增强代码的易修改性和扩展性 复用性 使用设计模式可以重用已有的解决方案,无需再重复相同工作 可靠性 使用设计模式能够增加系统的健壮性,...使代码编写真正工程化 # 常见设计模式 ---- # 单例模式 定义:唯一 & 全局访问。

    85130

    基于HTML节日主题网页项目的设计与实现——圣诞节日介绍(HTML+CSS)

    一、‍网站题目 传统春节网页设计圣诞节节日发展、中秋、端午传统节日习俗庆祝、地区特色,网站模板 、等网站的设计与制作。...要有JS特效,如定时切换和手动切换图片轮播。 页面中有多媒体元素,如gif、视频、音乐,表单技术的使用。 页面清爽、美观、大方,不雷同。 。...网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到网站的效果。...其中: (1)html文件包含:其中index.html是首页、其他html为二级页面; (2) css文件包含:css全部页面样式,文字滚动, 图片放大等; (3) js文件包含:js实现动态轮播特效..., 表单提交, 点击事件等等(个别网页中运用到js代码)。

    89850

    JS 设计模式之设计原则与思想

    一、何为设计 设计即按照一种思路或者标准来实现功能 结合《UNIX/LINUX设计哲学》,设计可总结为: 小即是美 让每个程序只做好一件事 快速建立原型 舍弃高效率而取可移植性 采用纯文本来存储数据...设计原则是设计模式的指导理论,它可以帮助我们规避不良的软件设计 SOLID 指代的五个基本原则分别是: 1、S 单一功能原则 一个类只负责一个功能领域中的相应职责 如果功能过于复杂就拆分,每个部分保持独立...2、O 开放封闭原则 对扩展开放,对修改封闭 增加新需求时,扩展新代码,而非修改已有代码 3、L 里式替换原则 子类能覆盖父类 父类能出现的地方子类就能出现 JS 中使用较少(弱类型 & 继承使用较少...) 4、I 接口隔离原则 保持接口的单一独立,避免出现“胖接口” JS 中没有接口(Typescript除外), 使用较少 5、D 依赖反转原则 面向接口编程,依赖于抽象而不依赖于具体 使用方法只关注接口而不关注具体类的实现...在 JavaScript 设计模式中,主要用到的设计模式基本都围绕“单一功能”和“开放封闭”这两个原则来展开 三、设计模式的核心思想—封装变化 设计模式出现的背景,是软件设计的复杂度日益飙升,软件设计越来越复杂的

    82020

    JS面向对象,设计模式基础

    setTimeout(function(x,y){ console.log(x,y);//1秒后执行回调函数,x='zhufeng' y='peixun'},1000,'zhufeng','peixun')单例设计模式对象...:把描述同一事物的属性和方法放在一起,实现了分组的效果,避免了全局变量污染;每一个对象都是一个单独的实例(个体/堆内存空间),所以我们把这种方案称之为“单例设计模式”// person1:命名空间 namespacevar...person1 = { name:'1', age:18,}// 高级“单例设计模式”// 资讯板块var newsModule = (function () { var box =...就是基于这个思想构建出来的一门编程语言,所以在JS中存在:对象、类、实例三个概念!!...对象JS中一切我们学习和使用的东西都是对象(研究对象)【泛指】“万物皆对象”类按照特征特点,把事物进行归纳分类【大类(父类)--> 小类(子类)】;而且类一定会赋予它的每个成员一些公共的属性和方法。

    17900

    Vue.js 源码⽬录设计

    Vue.js 四、server Vue.js 2.0 支持了服务端渲染,所有服务端渲染相关的逻辑都在这个目录下 ?...注意:这部分代码是跑在服务端的 Node.js,不要和跑在浏览器端的 Vue.js 混为一谈 服务端渲染主要的工作是把组件渲染为服务器端的 HTML 字符串,将它们直接发送到浏览器,最后将静态标记"混合...这个目录下的代码逻辑会把 .vue 文件内容解析成一个 JavaScript 的对象 六、shared Vue.js 会定义一些工具方法,这里定义的工具方法都是会被浏览器端的 Vue.js 和服务端的...Vue.js 所共享的 ?...七、总结 从 Vue.js 的目录设计可以看到功能模块拆分的非常清晰,相关的逻辑放在一个独立的目录下维护,并且把复用的代码也抽成一个独立目录,这样的目录设计让代码的阅读性和可维护性都变得更强

    1.3K30

    设计模式之命令模式-JS

    此时希望用一种松耦合的方式来设计程序,使得请求发送者和请求接收者能够消除彼此之间的耦合关系。  ...回想一下命令模式的应用场景:    有时候需要向某些对象发送请求,但是并不知道请求的接收者是谁,也不知道被请求的操作是什么,此时希望用一种松耦合的方式来设计软件,使得请求发送者和请求接收者能够消除彼此之间的耦合关系...设计模式的主题总是把不变的事物和变化的事物分离开来,命令模式也不例外。按下按钮之后会发生一些事情是不变的,而具体会发生什么事情是可变的。...命令模式的由来,其实是回调(callback)函数的一个面向对象的替代品   在面向对象设计中,命令模式的接收者被当成command对象的属性保存起来,同时约定执行命令的操作调用command.execute

    1.1K20
    领券