小姐姐呀～
小姐姐呀～

页面雪花飘落（html、CSS、JS）

页面雪花飘落（html、CSS、JS）_第1张图片

DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
    <style>
      * {
        margin: 0;
        padding: 0;
      }

      #box {
        width: 100vw;
        height: 100vh;
        padding: 3px;
        position: absolute;
        background: black;
      }
    style>
  head>

  <body>
    <div id="box">div>
  body>

  <script>
    (function () {
      var screenWidth = screen.availWidth; // 获取屏幕宽度
      var screenHeight = screen.availHeight; // 获取屏幕高度
      var speed = 20; // 雪花下落的速度
      function Snow(size, downSize) {
        this.box = document.getElementById("box"); // 获取容器元素
        this.size = size; // 雪花数量
        this.downSize = downSize || 10; // 每次落下的雪花数量，默认为10个
        this.item = []; // 雪花元素数组
        this.init(); // 初始化
        this.start(); // 开始下雪
      }
      // 获取相关随机数据的方法
      Snow.prototype.getRandomThings = function (type) {
        var res;
        if (type == "left") {
          // 初始的left
          res = Math.round(Math.random() * (screenWidth - 30 - 10)) + 10; // 随机生成left值
          Math.random() > 0.8 ? (res = -res) : null; // 80%的概率使左边的雪花出现在左侧（left为负值）
        } else if (type == "top") {
          // 初始的top
          res = -(Math.round(Math.random() * (50 - 40)) + 40); // 随机生成top值，负值使雪花在屏幕上方
        } else if (type == "incre") {
          // 向下的速度
          res = Math.random() * (4 - 1) + 1; // 随机生成向下的速度
        } else if (type == "increLeft") {
          // 向右的速度
          res = Math.random() * (0.8 - 0.5) + 0.5; // 随机生成向右的速度
        } else {
          // 雪花的大小
          res = Math.round(Math.random() * (30 - 10)) + 10; // 随机生成雪花的大小
        }
        return res;
      };
      Snow.prototype.init = function () {
        this.box.style.width = screenWidth + "px"; // 设置容器宽度为屏幕宽度
        this.box.style.height = screenHeight + "px"; // 设置容器高度为屏幕高度
        var fragment = document.createDocumentFragment(); // 创建文档片段，用于性能优化
        for (var i = 0; i < this.size; i++) {
          // 创建雪花元素
          var left = this.getRandomThings("left"); // 获取随机的left值
          var top = this.getRandomThings("top"); // 获取随机的top值
          var snowSize = this.getRandomThings("size"); // 获取随机的雪花大小
          var snow = document.createElement("div"); // 创建雪花元素
          snow.style.cssText = "position:absolute;color:#FFFFFF;"; // 设置元素样式
          snow.style["font-size"] = snowSize + "px"; // 设置字体大小
          snow.style.left = left + "px"; // 设置left值
          snow.style.top = top + "px"; // 设置top值
          snow.innerHTML = "❄"; // 设置雪花图标（Unicode编码）
          this.item.push(snow); // 添加到雪花元素数组中
          fragment.appendChild(snow); // 添加到文档片段中
        }
        box.appendChild(fragment); // 将文档片段添加到容器中
      };

      Snow.prototype.start = function () {
        var that = this;
        var num = 0;
        for (var i = 0; i < this.size; i++) {
          // 遍历雪花元素数组
          var snow = this.item[i];
          if ((i + 1) % this.downSize == 0) {
            // 每downSize个雪花一组，控制下落速度
            num++;
          }
          (function (s, n) {
            // 使用闭包保存snow和num的值
            setTimeout(function () {
              // 定时器，实现雪花分批下落
              that.doStart(s); // 调用doStart方法使雪花开始下落
            }, 1000 * n); // 每隔n秒下落一组雪花
          })(snow, num);
        }
      };

      // 针对每个雪花的定时处理
      Snow.prototype.doStart = function (snow) {
        var that = this;
        (function (s) {
          var increTop = that.getRandomThings("incre"); // 获取向下的速度
          var increLeft = that.getRandomThings("increLeft"); // 获取向右的速度
          var x = parseInt(getStyle(s, "left")),
            y = parseInt(getStyle(s, "top")); // 获取当前的left和top值

          if (s.timmer) return; // 如果定时器已存在，则不执行后续代码
          s.timmer = setInterval(function () {
            // 设置定时器，使雪花动起来
            // 超过右边或者底部重新开始
            if (y > screenHeight - 5 || x > screenWidth - 30) {
              // 重新回到天上开始往下
              increTop = that.getRandomThings("incre");
              increLeft = that.getRandomThings("increLeft");

              // 重新随机属性
              var left = that.getRandomThings("left");
              var top = that.getRandomThings("top");
              var snowSize = that.getRandomThings("size");
              s.style.left = left + "px";
              s.style.top = top + "px";
              s.style["font-size"] = snowSize + "px";
              y = top;
              x = left;
              n = 0;

              return;
            }

            // 加上系数，当随机数大于0.5时速度加快，小于0.5时速度减慢，形成飘动效果
            x += Math.random() > 0.5 ? increLeft * 1.1 : increLeft * 0.9;
            y += Math.random() > 0.5 ? increTop * 1.1 : increTop * 0.9;

            // 设置left和top值使雪花动起来
            s.style.left = x + "px";
            s.style.top = y + "px";
          }, speed); // 每隔speed毫秒执行一次定时器中的代码
        })(snow);
      };

      // 获取元素的样式值
      function getStyle(obj, prop) {
        var prevComputedStyle = document.defaultView
          ? document.defaultView.getComputedStyle(obj, null)
          : obj.currentStyle;
        return prevComputedStyle[prop];
      }
      new Snow(300, 30); // 创建一个Snow对象，传入雪花数量和每批下落的雪花数量
    })();
  script>
html>

你可能感兴趣的:(html,css,javascript)

  • 从零开始：网页设计与制作基础全攻略
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、HTML——网页大厦的基石二、CSS——网页的美妆大师三、过渡和动画——让网页动起来四、原型设计与开发工具——设计师的左膀右臂五、案例分析——排雷避坑六、完整项目开发流程——步步为营前言在网页设计与制作的奇妙世界里，每一个页面都是设计师思想与技术碰撞的结晶。今天，咱们就来唠唠这其中的门道，不管你是初出茅庐的新手，还是想
  • JavaScript 异步编程的几种方式
    在JavaScript中，异步编程是处理延迟操作（如网络请求、文件读写等）的关键技术，确保用户界面保持响应同时处理后台任务。以下是几种主要的异步编程解决方案，包括示例代码：1.回调（Callback）简介：最早的异步处理方式，通过将一个函数（回调函数）作为参数传递给另一个函数，在异步操作完成后执行回调。示例代码：functionfetchData(callback){setTimeout(()=>
  • JavaScript异步编程模型 极致人生-010 javascript开发语言ecmascript
    文章目录核心概念案例展示使用Promise使用async/await扩展案例：根据用户年龄提供优惠使用Promise使用async/await核心概念JavaScript的异步编程模型主要基于事件循环（EventLoop）、回调函数（Callback）、Promise对象和async/await语法，这些机制让JavaScript能够非阻塞地处理I/O操作，从而实现高效的并发执行。下面是对这些核心
  • 前端如何动态执行JavaScript代码？ 程序员小寒 前端javascript开发语言
    今天来聊一聊javascript如何动态执行js代码，我总结了以下四种方法。第一种方式：evaleval函数会将传入的字符串作为js代码执行，并且返回最后一个表达式的值。eval('console.log(1)')//1eval的特点：同步执行；执行环境为当前作用域。leta=1;functiontest(){leta=2;eval('console.log(a)');//2}test();使用e
  • JavaScript异步编程：理解和使用Promise、Async/Await 小码快撩 javascript开发语言ecmascript
    JavaScript是一种单线程语言，这意味着它一次只能执行一个任务。然而，在Web开发中，我们经常需要处理异步操作，例如网络请求、定时器、事件监听等。JavaScript提供了多种方式来处理异步编程，包括回调函数、Promise、Async/Await等。回调函数回调函数是最基本的异步编程方式。当一个异步任务完成时，它会调用一个回调函数。这种方式的问题是回调地狱，即回调函数嵌套过多，难以理解和维
  • 【JS-6.3-数组函数形参默认值】ES6 数组函数形参默认值：提升代码健壮性的优雅方式 AllenBright #JSjavascriptes6前端
    在JavaScript的开发过程中，处理函数参数是一个常见且重要的任务。ES6(ECMAScript2015)引入了许多强大的新特性，其中函数参数的默认值是一个显著改进，它让我们能够以更简洁、更安全的方式处理参数缺失的情况。本文将深入探讨ES6中数组函数形参默认值的用法、最佳实践以及一些高级技巧。1.传统方式的不足在ES6之前，开发者通常使用逻辑或运算符||来设置默认值：functionproce
  • JavaScript异步编程的五种方式
    1、什么是异步？异步可以理解为把一个任务分成了两段，先执行第一段，转而去执行其它任务，等准备完毕后，再回过头来执行第二段。比如发一个http请求，第一段就是创建XMLHttpRequest对象，做好请求配置后向后端发送请求，然后就去执行其他任务(其它js代码)了，第二段就是拿到后端响应后，执行对应的回调函数。这种不连续的执行，叫做异步，反之，连续的执行，叫做同步。2、高阶函数在js中，函数是一等公
  • Vue部署Nginx之后，后台请求404 zhou_Tian VueNginxnginxvue.js运维
    部署到Nginx后，配置在vue中的针对某些请求（比如后端请求）的代理会失效（表现为这部分请求会404错误，但是项目css等静态资源都能正常访问），这时需要对Nginx配置相应的请求代理。比如我们Vue项目的vue.config.js配置如下：期望能将/api/为前缀的请求全都代理到http://10.3.0.145:8008/，本地以开发模式运行一切正常，但发布到Nginx后这个代理好像就失效了
  • 【Docker】docker的数据持久化 一直奔跑在路上 Dockerdockerjava容器
    在Docker中，容器的文件系统是临时的。如果容器被删除或重新创建，所有未保存的数据都会丢失。为了解决这个问题，我们可以使用以下两种方式来持久化数据：方式一：使用BindMounts实现数据持久化BindMounts允许你将宿主机文件系统中的目录或文件挂载到容器内的某个目录。这种方式非常直接，适合在开发和测试环境中使用。案例：运行一个Nginx容器，并将宿主机上的html目录挂载到容器内的/usr
  • Mac10.7.5 XCode4.5.2 ios6编译VLC1.1.0 woohyuknrg iOS
    参考了这篇博文：http://blog.csdn.net/madongchunqiu/article/details/7625083，根据后面的问答修改了一些脚本内容，以及编译时遇到的问题说明只针对真机编译，前几步跟上面博文一样：1.到http://www.videolan.org/vlc/download-ios.html下载3个压缩文件2.创建目录（比如/VLC)，并将3个源代码包解压在目录内
  • 第210天：node、nvm、npm和gulp的安装和使用详解 lelara node
    一、node1、什么是node？它不是JS文件，也不是JS框架，而是ServersideJavaScriptruntime，当服务端的一个JS文件运行时，会被NODE拦截，在NODE中运行JS代码。JS由ES（ECMAScript），DOM，BOM组成，目前运行在浏览器内核中，NODE中只能运行ECMAScript，无法使用DOM，BOM。NODE就是一个JS运行环境。主要用于开发WEB应用程序开
  • 从零构建现代JavaScript技术栈：Node.js与Yarn基础配置指南 施想钧
    从零构建现代JavaScript技术栈：Node.js与Yarn基础配置指南js-stack-from-scratchverekia/js-stack-from-scratch:是一个从零开始构建现代JavaScript开发栈的教程，包括工具、技术和实践。适合JavaScript开发人员、前端开发人员和初学者，以及对构建现代Web应用程序感兴趣的人员。项目地址:https://gitcode.co
  • js递归树结构，返回符合条件的子集 啃火龙果的兔子 开发DEMOjavascript开发语言ecmascript
    JavaScript递归遍历树结构返回符合条件的子集下面我将介绍几种在JavaScript中递归遍历树结构并返回符合条件的子集的方法。方法一：使用递归函数返回符合条件的子树functionfindSubtree(tree,condition){if(condition(tree)){returntree;}if(tree.children&&tree.children.length){for(le
  • 视频断点续播全栈实现：基于HTML5前端与Spring Boot后端 独立开发者阿乐 原创前端音视频RESTAPIAPISpringBootJavaScriptvideo元素
    文章目录视频断点续播功能实现方案核心思路前端实现HTML结构JavaScript实现SpringBoot后端实现1.依赖配置(pom.xml)2.实体类3.存储库接口4.服务层5.控制器实现要点视频断点续播功能构思图流程说明用户交互：前端核心功能：后端处理：数据存储：我的个人网站：乐乐主题创作室视频断点续播功能实现方案核心思路实现视频断点续播需要前后端配合，主要包括：前端记录播放进度后端存储进度信
  • vue中父子组件通过prop传递函数，子组件调用函数本质 咔咔咔索菲斯 vue.js前端javascript
    在Vue中，通过prop将函数从父组件传递到子组件后，子组件调用的本质是父组件上的原始函数，而非新函数。具体原理如下：1.函数传递的本质：引用传递-JavaScript中，函数作为引用类型，传递的是内存地址（引用）而非副本。-父组件通过prop传递函数时，实际是将函数的引用传给子组件，两者指向同一函数对象。2.示例验证exportdefault{methods:{parentFunction(){
  • webpack配置 panda4919 webpack前端node.js
    一.基础配置：1.为什么需要打包：开发时，我们会使用框架（React、Vue），ES6模块化语法，Less/Sass等css预处理器等语法进行开发。这样的代码要想在浏览器运行必须经过编译成浏览器能识别的JS、Css等语法，才能运行。所以我们需要打包工具帮我们做完这些事。除此之外，打包工具还能压缩代码、做兼容性处理、提升代码性能等。2.有哪些打包工具：GruntGulpParcelWebpackRo
  • 三分钟使用github的技巧 小白学CS 安装/使用教程运维githubgit
    文章目录一、GitHub搜索技巧——找开发者二、GitHub搜索技巧——找项目三、in关键字限制搜索范围四、stars或fork数量去查找一、GitHub搜索技巧——找开发者搜索条件备注location:location:china，匹配用户填写的地址在chinalanguage:language:javascript，匹配开发语言为javascript的开发者followers:follower
  • 服务端渲染SSR：原理、实践与未来趋势 GISer_Jinger 前端javascriptvue.js
    深入解析服务器端渲染（SSR）：原理、实践与未来趋势在当今追求极致用户体验的Web开发领域，服务器端渲染（SSR）已成为解决性能与SEO难题的关键技术。本文将带你深入理解SSR的核心机制、应用场景及前沿实践。一、SSR的本质与工作原理SSR（Server-SideRendering）指在服务器端生成完整HTML页面并发送至浏览器的技术。与客户端渲染（CSR）不同，SSR的核心流程如下：请求解析：用
  • CSS属性的特性_继承性 51349592 css前端
    CSS的某些属性具有继承性（Inheritance）：可继承属性在元素上设置后，其后代元素会自动继承该属性继承属性的优先级低于元素直接设置的样式如果后代元素自己有设置该属性，那么优先使用后代元素自己的属性继承是沿着DOM树向下传递的可继承属性字体与文本：font-family,font-size,font-weight,font-stylecolor,line-height,letter-spac
  • Go语言利用TPL完成代码生成器——struct模型 学历真的很重要 golang后端go开发语言
    一、TPL文件在Go语言中的概念TPL文件通常指模板文件（TemplateFile），在Go语言中主要用于HTML或其他文本的模板化处理。Go标准库提供了text/template和html/template两个包来支持模板功能。1.使用text/template处理TPL文件text/template适用于普通文本模板的生成。以下是一个简单的例子：packagemainimport("os""t
  • 用html代码制作一个表单页面,HTML网页表单制作详细讲解 weixin_39747975 用html代码制作一个表单页面
    表单是一个网站和访问者开展互动的窗口，我们现在就给大家介绍一下表单的一些基本知识和表单美化方法。初识表单表单可以用来在网页中发送数据，特别是经常被用在联系表单-用户输入信息然后发送到Email中。表单本身是没有什么用的。这需要编一个程序来处理输入表单中的数据。这也超出了本站指南的范围。如果使用网络服务器来放置HTML，你能够自助地找到一些简单的教程，开发一个服务器端的程序使一个发送到Email的表
  • URI 加载本地html传递参数?被转义的问题 乱乱乱乱 html前端java
    本人使用c#，用URL进行加载本地文件stringpath="file:///f:/xxxx/html?p=111";时，使用Uriuri=newUri(paht);传递参数p=111时，发现无法加载该html,提示文件不存在，发现是因为?被转义了%3F导致加载的文件为file:///f:/xxxx/html%p=111，找不到这个文件，报错解决方案使用，Uriuri=newUri(paht,tr
  • HTML—表单页面制作 夏天YWQ 前端html
    大学生HTML练习之表单页面制作，上面是做好呈现出来的成品图。这里的是引入css样式，代码如下：创建一个表单您的个人信息：用户名：密码：
  • html制作一个简单的表单 Gin387 html前端javascript
    表单输入练习申请表姓名感兴趣的职位:web设计师web开发着web管理者其他需求：阅读确认信息经验无经验1年2年3年其中，input有很多text，radio（单选），checkbox（多选）其中的绑定关系
  • jQuery-Json-AJAX-跨域 了解化 jqueryjsonajax
    一、jQuery1.简介用于简化JavaScript代码开发主要作用：对于前端来说，写更少代码、做更多事情2、JQuery入门2.1操作选择器$("p")选取元素。$("p.intro")选取所有class="intro"的元素。$("p#demo")选取所有id="demo"的元素。事件及其事件绑定JavaScript的事件与jQuery事件区别:jQuery事件就是将JavaScript事件名
  • 测试计划和测试用例 南柯一梦梦红尘
    如何更好的实现测试，及时准确进行评估，以下文章非常详细的介绍了如何制定测试计划？https://www.cnblogs.com/ZoeLiang/p/10746919.html详细的测试计划模板，如下文章已经给出：https://wenku.baidu.com/view/9381f6e84afe04a1b071ded4.html目前大部分公司所采用的测试均为敏捷测试很少给出时间写成详细的测试计划，
  • Nuxt.js学习(二) --- Nuxt目录结构详解、Nuxt常用配置项、Nuxt路由配置和参数传递... 庭前云落 前端---Nuxt.JSvuejavajavascriptreactjs
    [TOC]1、Nuxt目录结构详解Nuxt项目文件目录结构|--.nuxt//Nuxt自动生成，临时的用于编辑的文件，build|--assets//用于组织未编译的静态资源入LESS、SASS或JavaScript|--components//用于自己编写的Vue组件，比如滚动组件，日历组件，分页组件|--layouts//布局目录，用于组织应用的布局组件，不可更改。|--middleware/
  • 招标专家随机抽选——抽取结果打印模板设计—未来之窗智能编程——仙盟创梦IDE 未来之窗软件服务 招标专家仙盟创梦IDE东方仙盟
    打印代码function未来之窗_人工智能_打印指定区域(魔都id){varmode="iframe";varclose=false;varextraCss=`.cyberwinqrimg{display:inline-block!important;}`;varkeepAttr=[];keepAttr.push($("#"+魔都id).html());varheadElements=',';va
  • 嵌入式AI项目综合应用分享 嵌入式开发星球 人工智能
    01EdgeOnePagesMCP你使用Cursor生成的HTML静态页面，如何发布出去让其它人也能访问到？腾讯开源的EdgeOnePagesMCP能帮上你的忙，它能将HTML内容、文件夹和zip文件部署到EdgeOnePages，丢给一个可公开访问的URL链接。你看，使用这个MCP服务，可以直接把AI写的2048小游戏部署它起来。变成一个mcp.edgeone.app/share/url形式的链
  • iOS开发-进阶:音频播放、录音、视频播放、拍照、视频录制 nikoLiLol
    转自:http://www.cnblogs.com/kenshincui/p/4186022.html#audioRecord文章太长了,如果我这里写的质量不好,请参考原文;概览随着移动互联网的发展，如今的手机早已不是打电话、发短信那么简单了，播放音乐、视频、录音、拍照等都是很常用的功能。在iOS中对于多媒体的支持是非常强大的，无论是音视频播放、录制，还是对麦克风、摄像头的操作都提供了多套API。
  • scala的option和some 矮蛋蛋 编程scala
    原文地址： http://blog.sina.com.cn/s/blog_68af3f090100qkt8.html 对于学习 Scala 的 Java™ 开发人员来说，对象是一个比较自然、简单的入口点。在 本系列 前几期文章中，我介绍了 Scala 中一些面向对象的编程方法，这些方法实际上与 Java 编程的区别不是很大。我还向您展示了 Scala 如何重新应用传统的面向对象概念，找到其缺点
  • NullPointerException Cb123456 androidBaseAdapter
        java.lang.NullPointerException: Attempt to invoke virtual method 'int android.view.View.getImportantForAccessibility()' on a null object reference     出现以上异常.然后就在baidu上
  • PHP使用文件和目录 天子之骄 php文件和目录读取和写入php验证文件php锁定文件
    PHP使用文件和目录 1.使用include()包含文件 (1)：使用include()从一个被包含文档返回一个值 (2)：在控制结构中使用include()   include_once()函数需要一个包含文件的路径，此外，第一次调用它的情况和include()一样，如果在脚本执行中再次对同一个文件调用，那么这个文件不会再次包含。   在php.ini文件中设置
  • SQL SELECT DISTINCT 语句 何必如此 sql
    SELECT DISTINCT 语句用于返回唯一不同的值。 SQL SELECT DISTINCT 语句 在表中，一个列可能会包含多个重复值，有时您也许希望仅仅列出不同（distinct）的值。 DISTINCT 关键词用于返回唯一不同的值。 SQL SELECT DISTINCT 语法 SELECT DISTINCT column_name,column_name F
  • java冒泡排序 3213213333332132 java冒泡排序
    package com.algorithm; /** * @Description 冒泡 * @author FuJianyong * 2015-1-22上午09:58:39 */ public class MaoPao { public static void main(String[] args) { int[] mao = {17,50,26,18,9,10
  • struts2.18 +json,struts2-json-plugin-2.1.8.1.jar配置及问题！ 7454103 DAOspringAjaxjsonqq
    struts2.18  出来有段时间了！ （貌似是 稳定版）   闲时研究下下！  貌似 sruts2 搭配 json 做 ajax 很吃香！   实践了下下！ 不当之处请绕过！ 呵呵   网上一大堆 struts2+json  不过大多的json 插件 都是 jsonplugin.34.jar   strut
  • struts2 数据标签说明 darkranger jspbeanstrutsservletScheme
    数据标签主要用于提供各种数据访问相关的功能，包括显示一个Action里的属性，以及生成国际化输出等功能 数据标签主要包括： action ：该标签用于在JSP页面中直接调用一个Action，通过指定executeResult参数，还可将该Action的处理结果包含到本页面来。 bean ：该标签用于创建一个javabean实例。如果指定了id属性，则可以将创建的javabean实例放入Sta
  • 链表.简单的链表节点构建 aijuans 编程技巧
    /*编程环境WIN-TC*/ #include "stdio.h" #include "conio.h" #define NODE(name, key_word, help) \  Node name[1]={{NULL, NULL, NULL, key_word, help}} typedef struct node {  &nbs
  • tomcat下jndi的三种配置方式 avords tomcat
    jndi(Java Naming and Directory Interface，Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。命名服务将名称和对象联系起来，使得我们可以用名称 访问对象。目录服务是一种命名服务，在这种服务里，对象不但有名称，还有属性。          tomcat配置
  • 关于敏捷的一些想法 houxinyou 敏捷
    从网上看到这样一句话：“敏捷开发的最重要目标就是：满足用户多变的需求，说白了就是最大程度的让客户满意。” 感觉表达的不太清楚。 感觉容易被人误解的地方主要在“用户多变的需求”上。 第一种多变，实际上就是没有从根本上了解了用户的需求。用户的需求实际是稳定的，只是比较多，也比较混乱，用户一般只能了解自己的那一小部分，所以没有用户能清楚的表达出整体需求。而由于各种条件的，用户表达自己那一部分时也有
  • 富养还是穷养，决定孩子的一生 bijian1013 教育人生
    是什么决定孩子未来物质能否丰盛？为什么说寒门很难出贵子，三代才能出贵族？真的是父母必须有钱，才能大概率保证孩子未来富有吗？-----作者：@李雪爱与自由 事实并非由物质决定，而是由心灵决定。一朋友富有而且修养气质很好，兄弟姐妹也都如此。她的童年时代，物质上大家都很贫乏，但妈妈总是保持生活中的美感，时不时给孩子们带回一些美好小玩意，从来不对孩子传递生活艰辛、金钱来之不易、要懂得珍惜
  • oracle 日期时间格式转化 征客丶 oracle
    oracle 系统时间有 SYSDATE 与 SYSTIMESTAMP； SYSDATE：不支持毫秒，取的是系统时间； SYSTIMESTAMP：支持毫秒，日期，时间是给时区转换的，秒和毫秒是取的系统的。 日期转字符窜： 一、不取毫秒： TO_CHAR(SYSDATE, 'YYYY-MM-DD HH24:MI:SS') 简要说明， YYYY 年 MM   月
  • 【Scala六】分析Spark源代码总结的Scala语法四 bit1129 scala
    1. apply语法   FileShuffleBlockManager中定义的类ShuffleFileGroup，定义：   private class ShuffleFileGroup(val shuffleId: Int, val fileId: Int, val files: Array[File]) { ... def apply(bucketId
  • Erlang中有意思的bug bookjovi erlang
      代码中常有一些很搞笑的bug，如下面的一行代码被调用两次（Erlang beam） commit f667e4a47b07b07ed035073b94d699ff5fe0ba9b Author: Jovi Zhang <[email protected]> Date: Fri Dec 2 16:19:22 2011 +0100 erts:
  • 移位打印10进制数转16进制-2008-08-18 ljy325 java基础
    /** * Description 移位打印10进制的16进制形式 * Creation Date 15-08-2008 9:00 * @author 卢俊宇 * @version 1.0 * */ public class PrintHex { // 备选字符 static final char di
  • 读《研磨设计模式》-代码笔记-组合模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; abstract class Component { public abstract void printStruct(Str
  • 利用cmd命令将.class文件打包成jar chenyu19891124 cmdjar
    cmd命令打jar是如下实现： 在运行里输入cmd，利用cmd命令进入到本地的工作盘符。(如我的是D盘下的文件有此路径 D:\workspace\prpall\WEB-INF\classes) 现在是想把D:\workspace\prpall\WEB-INF\classes路径下所有的文件打包成prpall.jar。然后继续如下操作： cd D: 回车 cd workspace/prpal
  • [原创]JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明 comsci eclipse设计模式算法工作swing
                           JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明     &nb
  • SecureCRT右键粘贴的设置 daizj secureCRT右键粘贴
    一般都习惯鼠标右键自动粘贴的功能，对于SecureCRT6.7.5 ，这个功能也已经是默认配置了。 老版本的SecureCRT其实也有这个功能，只是不是默认设置，很多人不知道罢了。 菜单： Options->Global Options ...->Terminal 右边有个Mouse的选项块。 Copy on Select Paste on Right/Middle
  • Linux 软链接和硬链接 dongwei_6688 linux
    1.Linux链接概念Linux链接分两种，一种被称为硬链接（Hard Link），另一种被称为符号链接（Symbolic Link）。默认情况下，ln命令产生硬链接。 【硬连接】硬连接指通过索引节点来进行连接。在Linux的文件系统中，保存在磁盘分区中的文件不管是什么类型都给它分配一个编号，称为索引节点号(Inode Index)。在Linux中，多个文件名指向同一索引节点是存在的。一般这种连
  • DIV底部自适应 dcj3sjt126com JavaScript
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • Centos6.5使用yum安装mysql——快速上手必备 dcj3sjt126com mysql
    第1步、yum安装mysql [root@stonex ~]#  yum -y install mysql-server 安装结果： Installed:     mysql-server.x86_64 0:5.1.73-3.el6_5                   &nb
  • 如何调试JDK源码 frank1234 jdk
    相信各位小伙伴们跟我一样，想通过JDK源码来学习Java，比如collections包，java.util.concurrent包。 可惜的是sun提供的jdk并不能查看运行中的局部变量，需要重新编译一下rt.jar。 下面是编译jdk的具体步骤：         1.把C:\java\jdk1.6.0_26\sr
  • Maximal Rectangle hcx2013 max
    Given a 2D binary matrix filled with 0's and 1's, find the largest rectangle containing all ones and return its area.   public class Solution { public int maximalRectangle(char[][] matrix)
  • Spring MVC测试框架详解——服务端测试 jinnianshilongnian spring mvc test
    随着RESTful Web Service的流行，测试对外的Service是否满足期望也变的必要的。从Spring 3.2开始Spring了Spring Web测试框架，如果版本低于3.2，请使用spring-test-mvc项目（合并到spring3.2中了）。   Spring MVC测试框架提供了对服务器端和客户端（基于RestTemplate的客户端）提供了支持。 &nbs
  • Linux64位操作系统（CentOS6.6）上如何编译hadoop2.4.0 liyong0802 hadoop
    一、准备编译软件   1.在官网下载jdk1.7、maven3.2.1、ant1.9.4，解压设置好环境变量就可以用。     环境变量设置如下：   （1）执行vim /etc/profile （2）在文件尾部加入: export JAVA_HOME=/home/spark/jdk1.7 export MAVEN_HOME=/ho
  • StatusBar 字体白色 pangyulei status
    [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent]; /*you'll also need to set UIViewControllerBasedStatusBarAppearance to NO in the plist file if you use this method
  • 如何分析Java虚拟机死锁 sesame javathreadoracle虚拟机jdbc
    英文资料： Thread Dump and Concurrency Locks   Thread dumps are very useful for diagnosing synchronization related problems such as deadlocks on object monitors. Ctrl-\ on Solaris/Linux or Ctrl-B
  • 位运算简介及实用技巧（一）：基础篇 tw_wangzhengquan 位运算
    http://www.matrix67.com/blog/archives/263    去年年底写的关于位运算的日志是这个Blog里少数大受欢迎的文章之一，很多人都希望我能不断完善那篇文章。后来我看到了不少其它的资料，学习到了更多关于位运算的知识，有了重新整理位运算技巧的想法。从今天起我就开始写这一系列位运算讲解文章，与其说是原来那篇文章的follow-up，不如说是一个r
  • jsearch的索引文件结构 yangshangchuan 搜索引擎jsearch全文检索信息检索word分词
    jsearch是一个高性能的全文检索工具包，基于倒排索引，基于java8，类似于lucene，但更轻量级。   jsearch的索引文件结构定义如下：     1、一个词的索引由=分割的三部分组成：        第一部分是词        第二部分是这个词在多少
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他