zhengweihao
zhengweihao

CSS3实现雪花飘落动画

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no, email=no">
	<title>snowflake</title>
	<script type="text/javascript" src="http://w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>
	<style type="text/css">
		body {
			padding: 0;
			margin: 0;
			background-color: #333;
			font-size: 14px;
			color: #BCBCBC;
		}
		input {
			border: solid 0px #DDD;
			border-radius: 5px;
			padding: 5px 10px;
			width: 120px;
		}
		button {
			border: solid 0px #CCC;
			border-radius: 5px;
			background-color: #FFF;
			padding: 5px 10px;
		}
		#sky {
			width: 100%;
			max-width: 640px;
			height: 100%;
			background-color: #A39;
			margin: 0 auto;
			position: relative;
    		overflow: hidden;
		}
		.snowflake {
			width: 50px;
			height: 50px;
			border-radius: 50px;
			background-color: rgba(255, 255, 255, 0.5);
			position: absolute;
			top: 10px;
			left: 100px;
			display: inline-block;
			transition: top 2s;
			-moz-transition: top 2s;/* Firefox 4 */
			-webkit-transition: top 2s;/* Safari 和 Chrome */
			-o-transition: top 2s;
			transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
			-moz-transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
			-webkit-transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
			-o-transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
		}
		#operate {
			text-align: right;
		}
		#operate div {
			margin: 10px;
		}
	</style>
</head>
<body>
	<div id="sky"></div>
	<div id="operate">
		<div>
			<label>下雪频率(ms): <input name="rate" type="number" min="1" /></label>
		</div>
		<div>
			<label>融化时间(ms): <input name="melt" type="number" min="0" /></label>
		</div>
		<div>
			<button id="start-or-stop" onclick="startOrStop()">start</button>
		</div>
	</div>
	<script type="text/javascript">
	var $sky = $('#sky');
	var maxTop = $sky.height() - 5;// 地面高度值(px)
	var rate = 60;// 飘落频率(ms)
	var flakeSize = 10;// 单片雪花宽高值(px)
	var melt = 2000;// 融化时间(ms)

	// 初始化雪花
	function snowflake(size, alpha, top, left) {
		var s = document.createElement('div');
		$(s).css({
			'width': size,
			'height': size,
			'border-radius': size,
			'background-color': 'rgba(255,255,255,' + alpha + ')',
			'top': -50,
			'left': left,
		}).addClass('snowflake');
		return s;
	}

	// 雪花飘落并融化
	function dift($s) {
		$s.css('top', maxTop + (flakeSize - $s.width()) / 2);

		setTimeout(function() {
			$s.remove();
		}, 2000 + melt);
	}

	// 开始动画
	var animateId = -1;
	var it = false;
	function start() {
		if(!it) {
			it = setInterval(function() {
				// 初始化雪花
				var id = 's_' + (++animateId);
				var size = Math.random() * flakeSize + 2;
				var alpha = Math.random() * 0.7 + 0.1;
				var left = Math.random() * $(window).width();
				var s = snowflake(size, alpha, 0, left);
				var $s = $(s).attr('id', id);
				$sky.get(0).appendChild(s);

				// 雪花飘落
				setTimeout(function() {
					dift($s);
				}, 100);

				if(animateId > 10000) {// 避免越界
					animateId = 0;
				}
			}, rate);
			$('#start-or-stop').html('stop');
		}
	}
	start();

	// 停止动画
	function stop() {
		clearInterval(it);
		it = false;
		$('#start-or-stop').html('start');
	}

	// 开始或暂停动画
	function startOrStop() {
		if(!it) {
			start();
		} else {
			stop();
		}
	}

	// 重启动画
	function restart() {
		stop();
		start();
	}

	$(function() {
		// 监听rate输入框
		var minRate = 1, maxRate = 3000;
		$('input[name="rate"]').val(rate).on('change', function() {
			rate = parseInt($(this).val());
			if(rate < minRate) {
				rate = minRate;
				$(this).val(rate);
			} else if(rate > maxRate) {
				rate = maxRate;
				$(this).val(rate);
			}

			restart();
		}).prop({
			min: minRate,
			max: maxRate
		});

		// 监听melt输入框
		var minMalt = 0, maxMelt = 100000;
		$('input[name="melt"]').val(melt).on('change', function() {
			melt = parseInt($(this).val());
			if(melt < minMalt) {
				melt = minMalt;
				$(this).val(melt);
			} else if(melt > maxMelt) {
				melt = maxMelt;
				$(this).val(melt);
			}

			restart();
		}).prop({
			min: minMalt,
			max: maxMelt
		});
	});
	</script>
</body>
</html>


你可能感兴趣的:(CSS3实现雪花飘落动画)

  • 深入解析微信协议逆向：基于Go语言的手机号绑定功能实现 梦玄海 微信golangjava
    引言在即时通讯系统开发领域，微信协议的逆向工程一直是一个充满挑战的技术方向。本文将基于一段真实的Go语言实现代码，深入剖析微信客户端绑定手机号功能的核心实现机制，解密其通信协议、数据序列化及安全传输等关键技术细节。一、功能概述与模块架构该代码片段实现了微信客户端的手机号绑定功能（BindOpMobile），主要包含以下技术模块：用户凭证管理：通过comm.GetLoginata获取会话密钥、设备信
  • 【项目实战】Redis使用场景之基于Redis实现分布式限流 本本本添哥 002-进阶开发能力003-数据库redis分布式数据库
    一、技术概览1.1定义分布式限流是指在分布式系统中限制请求的速率，以保护后端服务不被过多的请求压垮。它可以帮助我们控制系统的负载，保证服务的稳定性。Redis是一个高性能的键值存储系统，常用于缓存、消息队列和实时分析等场景。由于其支持丰富的数据结构和原子操作，非常适合用来实现分布式限流。专业术语:令牌桶算法(TokenBucket):一种流量整形算法，允许突发流量但不超过平均速度。漏桶算法(Lea
  • python ks值计算_风控模型中的K-S理解以及python实现 weixin_39747293 pythonks值计算
    笔者在工作中计算单变量的ks值时，发现几个分布不同的变量好y计算的ks值相同，凭借统计直觉，发现一定存在问题，笔者从数据和计算ks代码两个方向进行排除。最后定位到计算使用stats.ks_2samp()函数计算ks值时，如果变量存在缺失值，计算得到ks值有误，下面笔者就来好好梳理一下ks值的前世今生。ks检验介绍笔者刚入门机器学习开始做的例子就是金融场景下风控模型。那时评价模型的好坏就用传统的机器
  • 基于Anaconda环境开发IntelliJ IDEA实用JSON转Java实体插件 七夜zippoe 后端#Javajavajsonintellij-idea
    在软件开发中，将JSON数据转换为Java实体类是常见需求。借助Anaconda环境强大的包管理能力与IntelliJIDEA的插件开发体系，我们可以打造一款高效实用的JSON转Java实体插件，显著提升开发效率。下面将从需求分析、技术选型、开发实现到优化部署，全方位阐述这款插件的开发过程。需求分析：明确痛点与功能方向在日常开发中，开发者经常需要根据JSON数据结构手动创建对应的Java实体类，这
  • 庙算兵棋推演AI开发初探（7-神经网络训练与评估概述） 超自然祈祷 智能决策人工智能神经网络深度学习
    前面我们提取了特征做了数据集、设计并实现了处理数据集的神经网络，接下来我们需要训练神经网络了，就是把数据对接好灌进去，训练后查看预测的和实际的结果是否一致——也就是训练与评估。数据解析提取数据编码为数据集设计神经网络-->>神经网络训练与评估神经网络一个重要指标是收敛，就是用可以逼近任意函数的神经网络是否可以逼近你数据集中隐含的模式。再重复一遍【特征工程】与【神经网络】的区别：前者就像人发现了牛顿
  • 我的世界进阶模组开发教程——机械动力的数据生成（1） lemon_sjdk 我的世界
    机械动力注册元素的方式是依赖registrateAPI来实现注册的，这个API和之前说的GlitchCore库所用的注册方式高效多了，不管是开发效率还是可维护性，都比bop式注册好多了，因此学习第三篇和第四篇文章是重中之重代码解析：Create模组主类（Create.java）核心字段解析基础标识字段ID="create"：模组唯一标识符，用于资源定位（如create:gear）。NAME="Cr
  • 我的世界1.20.1forge模组开发进阶教程——Geckolib动画实体（3） lemon_sjdk java我的世界模组开发
    注意：本章涉及大量的geckolib底层代码，补充讲解了上一节没讲的，如果看不懂请去学习JavaGeoEntity////Sourcecoderecreatedfroma.classfilebyIntelliJIDEA//(poweredbyFernFlowerdecompiler)//packagesoftware.bernie.geckolib.animatable;importjavax
  • 我的世界进阶模组开发教程——地形生成(1) lemon_sjdk 我的世界forge模组开发进阶教程java
    找到mc的屎山代码，找到net.minecraft.world.level.levelgen包，我们来看看mc是如何完成地形生成的SurfaceRules代码结构与核心功能解析该代码是Minecraft世界生成模块中地表规则（SurfaceRules）的核心实现，用于控制地形表面的方块生成逻辑。以下从多角度进行拆解分析：一、顶层结构解析1.静态条件定义（ConditionSource）public
  • Go项目限流全攻略：超越中间件的全方位解决方案 码农老gou golang中间件开发语言
    引言：限流在分布式系统中的重要性在当今高并发的互联网应用中，流量控制已成为保障系统稳定性的关键手段。一次突发的流量洪峰可能导致整个系统崩溃，造成不可估量的损失。作为Go开发者，我们常常会面临这样的面试问题：Go项目中如何实现限流？仅仅使用中间件就足够了吗？本文将深入探讨Go项目中的限流策略，分析中间件的局限性，并介绍超越中间件的全方位解决方案。一、常见限流算法解析1.令牌桶算法（TokenBuck
  • 深入剖析 Linux 内核网络核心：sock.c 源码解析 109702008 编程#C语言网络linux网络人工智能
    作为Linux网络子系统的基石，sock.c承载着协议无关的核心功能。本文将深入分析其关键实现，揭示高性能网络通信背后的设计哲学。一、Socket生命周期管理1.1初始化与分配sock_init_data()是socket的初始化入口，负责设置核心回调函数和默认参数：voidsock_init_data(structsocket*sock,structsock*sk){sk->sk_state=T
  • 基于Redis分布式的限流 chi_666 redis分布式数据库
    以下是基于Redis实现分布式限流的Java解决方案，包含多种限流算法和完整实现代码：一、限流算法选择与实现1.固定窗口算法（SimpleRateLimiter）publicclassRedisFixedWindowRateLimiter{privatefinalStringRedisTemplateredisTemplate;privatefinalStringscript="localcurr
  • Python LDAP库在Windows 64位环境中的应用 规则哥讲规则
    本文还有配套的精品资源，点击获取简介：PythonLDAP库是一个开源模块，它让Python开发者能够与LDAP服务器进行交互，执行操作如连接、查询、修改目录信息等。该库针对Python3.6和3.7版本优化，并适用于Windows64位架构。解压缩后，可以通过pip安装至项目中，实现集中式身份验证和数据管理功能。1.LDAP技术与Python交互概述LDAP（轻量级目录访问协议）是一种应用广泛的
  • JavaScript基础-常见网页特效案例 咖啡の猫 javascript开发语言ecmascript
    一、前言在前端开发中，实现网页特效（如轮播图、下拉菜单、Tab切换、拖拽效果等）是提升用户体验和页面交互性的关键手段之一。这些特效不仅能增强用户对网站的粘性，也是衡量一个前端开发者能力的重要标准。JavaScript是实现网页特效的核心技术之一，结合HTML和CSS，可以轻松构建丰富的交互效果。本文将带你深入了解：常见网页特效的实现原理；如何使用原生JavaScript实现经典特效；每个案例附带完
  • 随机化在临床试验中的应用与挑战 qq_34062333 临床试验统计学
    一、随机化的核心目的1.1控制混杂偏倚1.1.1平衡预后因素确保已知/未知预后因素在组间分布均衡，避免基线不平衡影响结果。1.1.2避免选择偏倚防止研究者或患者主观选择分组，保障组间差异归因于干预。1.2保障统计推断有效性1.2.1满足独立性假设满足统计检验的独立性假设，使统计推断有效。1.2.2实现盲法基础为双盲实施提供先决条件，确保试验结果无偏。二、随机化类型与技术实现2.1简单随机化2.1.
  • 中科亿海微SoM模组——基于FPGA+RSIC-V的计算机板卡 ehiway fpga开发
    基于FPGA+RSIC-V的计算机板卡主芯片使用中科亿海微EQ6HL45-CSG324FPGA芯片和高性能微控制器HPM6880，并集合ADCLHA6958H、6通道数字隔离器SiLM5760、SiLM5763、内存W634GU6QB等器件，板卡实现了大容量配置存储等功能的融合，为模拟信号采集、数字信号处理、逻辑控制等应用提供高性能混合信号处理通用硬件平台。图板卡硬件整体框图图板卡实物图EQ6HL
  • MSTP技术解析：提升网络负载均衡 Honey\ 服务器运维
    MSTP背景RSTP/STP的缺陷:RSTP/STP的被阻塞端口阻塞的链路不承载任何流量，无法实现数据的负载均衡；可能有二层次优路径MSTP:通过将一个或多个VLAN映射到instance上，再基于instance进行生成树的计算解决了二层环路问题；提供了二层网络冗余环境；实现流量的负载分担MSTP基本概念MSTRegion（多生成树域）:MSTP网络中包含一个或多个MST域MSTI（多生成树实例
  • 零基础打造优雅的AI诗词创作助手 BaiYiQingXiang99 html人工智能chatgpt
    零基础打造优雅的AI诗词创作助手：一个纯前端实现的智能写诗工具项目介绍大家好，今天要和大家分享我的一个AI项目——AI诗词创作助手。这是一个完全使用原生JavaScript开发的智能写诗工具，不需要复杂的框架，也不需要后端服务器，就能实现专业级的AI诗词创作功能。在线体验地址GitHub地址主要特性1.多样化的创作选项支持多个主流AI模型（Deepseek、Moonshot(Kimi)、通义千问）
  • 从入门到精通：前端工程师必学的 JSON 全解析 前端视界 前端json状态模式ai
    从入门到精通：前端工程师必学的JSON全解析关键词：JSON、前端工程师、数据交换、JavaScript、数据格式摘要：本文围绕前端工程师必学的JSON展开全面解析。从JSON的基本概念、背景知识入手，深入探讨其核心原理、算法实现、数学模型等方面。通过详细的代码示例和实际应用场景分析，帮助前端工程师从入门到精通掌握JSON的使用。同时，提供了丰富的学习资源、开发工具和相关论文推荐，最后对JSON的
  • 掌握Python与LDAP在域认证中的应用 seiji morisako
    本文还有配套的精品资源，点击获取简介：信息技术领域中的域认证机制利用LDAP协议实现用户身份验证。Python脚本语言通过python-ldap库与LDAP服务器交互，执行用户认证。本文将详细介绍Python如何使用python-ldap库进行LDAP连接、搜索、绑定操作，以及如何处理Web开发中的Cookie。学习这些技能有助于构建安全的用户登录系统和提升Web应用的用户体验。1.LDAP协议基
  • 【网络安全】网络安全中的离散数学 flyair_China 安全架构
    一、离散数学核心知识点与网络安全映射1.数论（NumberTheory）知识点安全应用场景实例说明质因数分解RSA公钥加密大整数分解难题（2048位密钥需数万年破解）模运算Diffie-Hellman密钥交换利用(gamodp)实现安全协商欧拉定理RSA加密/解密me*d≡m(modn)保障解密还原中国剩余定理高效解密优化RSA-CRT加速解密运算达70%2.代数结构（AlgebraicStruc
  • 【AI大模型】Spring AI 基于Redis实现对话持久存储详解 小码农叔叔 AI大模型应用到项目实战高手springboot入门到精通项目实战SpringAI会话存储SpringAI会话记忆SpringAI持久化会话SpringAI会话持久化SpringAI会话SpringAI记忆
    目录一、前言二、SpringAI会话记忆介绍2.1SpringAI会话记忆概述2.2常用的会话记忆实现方式2.2.1集成数据库持久存储会话实现步骤2.3适用场景三、SpringAI基于内存会话记忆存储3.1本地开发环境准备3.2工程搭建与集成3.2.1添加核心依赖3.3.2添加配置文件3.3.3添加测试接口3.2ChatMemory介绍3.2.1ChatMemory概述3.2.2InMemoryC
  • C++ 第三阶段项目二：异步日志系统 程序员弘羽 C++从入门到入土连载c++开发语言
    目录一、项目目标二、功能需求1.核心功能2.扩展功能（后续可实现）三、实现思路1.整体架构设计2.关键技术点3.性能优化策略4.示例代码结构四、代码实现1.日志消息结构体2.线程安全队列（阻塞队列）3.日志处理器（后台线程）4.日志记录器（对外接口）五、运行示例1.示例代码：调用日志接口2.输出日志文件示例3.编译与运行六、代码关键点说明七、注意事项性能优化：线程安全：扩展性：八、扩展示例1.远程
  • 网页版wangEditor如何实现WORD图片的高效粘贴？ M_Snow wordumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdf
    要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体：学生,个人用户,外包,自由职业者,中小型网站,博客,场景：数字门户,数字中台,站群,内网，外网，信创国产化环境，web截屏行业：医疗，教育，建筑，政府，党政，国
  • C++ 第三阶段 新标准库组件 - 第一节：std::optional、std::variant、std::any 程序员弘羽 C++从入门到入土连载c++开发语言
    目录一、概述二、std::optional：可选值管理1.核心特性2.基本用法3.常见问题与解决方案三、std::variant：类型安全的联合体1.核心特性2.基本用法3.常见问题与解决方案四、std::any：任意类型的容器1.核心特性2.基本用法3.常见问题与解决方案五、对比与适用场景六、示例代码汇总示例1：std::optional在函数返回值中的应用示例2：std::variant实现状
  • 学习日记-spring-day37-6.25 永日45670 学习日记学习springjava
    知识点：1.使用utillist进行配置知识点核心内容重点Spring框架中utl名称空间创建List通过utl名称空间创建并管理集合对象，实现数据复用utllist与普通list赋值的区别;名称空间引入方法无参构造器使用规则当类中没有其他构造器时，默认无参构造器可不写；若有其他构造器则必须显式定义无参构造器构造器覆盖机制;显式定义的必要性XML名称空间引入使用alt+enter自动引入或手动添加
  • 【Axum】Rust Web 高效构建：Axum 框架从入门到精通指南 LCG元 前端rust前端开发语言
    目录一、环境准备与项目创建1.1安装Rust工具链1.2创建项目并添加依赖二、Axum核心架构解析三、项目结构设计四、核心代码实现4.1应用入口(src/main.rs)4.2数据模型(src/models.rs)4.3路由配置(src/routes.rs)4.4认证服务(src/services/auth.rs)4.5用户处理器(src/handlers.rs)4.6数据访问层(src/repo
  • 汇川变频器模拟量输入控制速度/pid控制 m0_51648467 变频器
    用DI1和DI2控制电机正反转启停，用AI2（模拟量0-20ma）控制电机转速F4-33=十位2----曲线2F0-03=3AI2为主频率设定通道(J9跳线为电流0mA~20mA输入)F4-18=0F4-19=0F4-20=10F4-21=100%F0-02设置为1（用端子控制变频器的启动、停止。），通过MF.K键可实现端子与操作面板的切换F1参数根据电机铭牌参数设置：F1-00电机类型选择1：变
  • springboot3集成minio
    1.说明注意：本代码是在若依springboot3版本上实现的，如果你不是在若依上面实现，需要将所有用到若依的相关代码修改后才能运行文件管理文件上传：支持单文件上传，可指定存储桶和路径，支持自动按日期目录存储文件下载：支持文件直接下载，自动处理文件名编码文件预览：支持图片、文档等文件的在线预览功能文件删除：支持单文件删除和批量删除文件重命名：支持文件重命名操作图片处理：支持图片压缩和格式转换(We
  • android实践：canvas文字图片旋转显示 汤面不加鱼丸 android前端javascript
    问题：如何在手机竖屏模式下将文字/图片旋转显示，即类似横屏方向上显示显示效果：实现：1.文字旋转显示canvas.save();//保存状态入栈canvas.translate(getWidth()>>1,getHeight()>>1);//显示中心PainttitlePaint=newPaint();titlePaint.setColor(Color.WHITE);titlePaint.setT
  • C++魔塔基础版 偶尔贪玩的骑士 c++游戏
    魔塔是一款经典的策略类游戏。本文将基于C++与EasyX图形库，实现魔塔的基础改编版，相较于原版，增加了升级、血量上限等功能，设计了四层地图与出乎意料的结局，并合理安排数值，使游戏趣味性与挑战性兼备。一点小小的建议：如果想要自己独自实现魔塔，可以先实现控制台版本，再图形化、插入音乐。文章难免有疏漏失误，还请读者指出。本文重点不在于详细介绍实现魔塔的各种技术细节，想要根据本文实现自己的魔塔，必然需要
  • log4j对象改变日志级别 3213213333332132 javalog4jlevellog4j对象名称日志级别
    log4j对象改变日志级别可批量的改变所有级别，或是根据条件改变日志级别。 log4j配置文件： log4j.rootLogger=ERROR,FILE,CONSOLE,EXECPTION #log4j.appender.FILE=org.apache.log4j.RollingFileAppender log4j.appender.FILE=org.apache.l
  • elk+redis 搭建nginx日志分析平台 ronin47 elasticsearchkibanalogstash
                 elk+redis 搭建nginx日志分析平台 logstash,elasticsearch,kibana 怎么进行nginx的日志分析呢？首先，架构方面，nginx是有日志文件的，它的每个请求的状态等都有日志文件进行记录。其次，需要有个队 列，redis的l
  • Yii2设置时区 dcj3sjt126com PHPtimezoneyii2
    时区这东西，在开发的时候，你说重要吧，也还好，毕竟没它也能正常运行，你说不重要吧，那就纠结了。特别是linux系统，都TMD差上几小时，你能不痛苦吗？win还好一点。有一些常规方法，是大家目前都在采用的1、php.ini中的设置，这个就不谈了，2、程序中公用文件里设置，date_default_timezone_set一下时区3、或者。。。自己写时间处理函数，在遇到时间的时候，用这个函数处理（比较
  • js实现前台动态添加文本框，后台获取文本框内容 171815164 文本框
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w
  • 持续集成工具 g21121 持续集成
            持续集成是什么？我们为什么需要持续集成？持续集成带来的好处是什么？什么样的项目需要持续集成？...        持续集成(Continuous integration ,简称CI)，所谓集成可以理解为将互相依赖的工程或模块合并成一个能单独运行
  • 数据结构哈希表(hash)总结 永夜-极光 数据结构
    1.什么是hash 来源于百度百科: Hash，一般翻译做“散列”，也有直接音译为“哈希”的，就是把任意长度的输入，通过散列算法，变换成固定长度的输出，该输出就是散列值。这种转换是一种压缩映射，也就是，散列值的空间通常远小于输入的空间，不同的输入可能会散列成相同的输出，所以不可能从散列值来唯一的确定输入值。简单的说就是一种将任意长度的消息压缩到某一固定长度的消息摘要的函数。  
  • 乱七八糟 程序员是怎么炼成的
    eclipse中的jvm字节码查看插件地址： http://andrei.gmxhome.de/eclipse/ 安装该地址的outline 插件  后重启，打开window下的view下的bytecode视图 http://andrei.gmxhome.de/eclipse/   jvm博客： http://yunshen0909.iteye.com/blog/2
  • 职场人伤害了“上司” 怎样弥补 aijuans 职场
    由于工作中的失误，或者平时不注意自己的言行“伤害”、“得罪”了自己的上司，怎么办呢？ 　　在职业生涯中这种问题尽量不要发生。下面提供了一些解决问题的建议： 　　一、利用一些轻松的场合表示对他的尊重 　　即使是开明的上司也很注重自己的权威，都希望得到下属的尊重，所以当你与上司冲突后，最好让不愉快成为过去，你不妨在一些轻松的场合，比如会餐、联谊活动等，向上司问个好，敬下酒，表示你对对方的尊重，
  • 深入浅出url编码 antonyup_2006 应用服务器浏览器servletweblogicIE
    出处：http://blog.csdn.net/yzhz  杨争   http://blog.csdn.net/yzhz/archive/2007/07/03/1676796.aspx 一、问题：         编码问题是JAVA初学者在web开发过程中经常会遇到问题，网上也有大量相关的
  • 建表后创建表的约束关系和增加表的字段 百合不是茶 标的约束关系增加表的字段
      下面所有的操作都是在表建立后操作的,主要目的就是熟悉sql的约束,约束语句的万能公式   1,增加字段(student表中增加 姓名字段)   alter table 增加字段的表名 add 增加的字段名 增加字段的数据类型 alter table student add name varchar2(10);   &nb
  • Uploadify 3.2 参数属性、事件、方法函数详解 bijian1013 JavaScriptuploadify
    一.属性 属性名称 默认值 说明 auto true 设置为true当选择文件后就直接上传了，为false需要点击上传按钮才上传。 buttonClass ” 按钮样式 buttonCursor ‘hand’ 鼠标指针悬停在按钮上的样子 buttonImage null 浏览按钮的图片的路
  • 精通Oracle10编程SQL(16)使用LOB对象 bijian1013 oracle数据库plsql
    /* *使用LOB对象 */ --LOB(Large Object)是专门用于处理大对象的一种数据类型，其所存放的数据长度可以达到4G字节 --CLOB/NCLOB用于存储大批量字符数据，BLOB用于存储大批量二进制数据，而BFILE则存储着指向OS文件的指针 /* *综合实例 */ --建立表空间 --#指定区尺寸为128k,如不指定，区尺寸默认为64k CR
  • 【Resin一】Resin服务器部署web应用 bit1129 resin
    工作中，在Resin服务器上部署web应用，通常有如下三种方式：   配置多个web-app 配置多个http id 为每个应用配置一个propeties、xml以及sh脚本文件 配置多个web-app   在resin.xml中,可以为一个host配置多个web-app   <cluster id="app&q
  • red5简介及基础知识 白糖_ 基础
      简介   Red5的主要功能和Macromedia公司的FMS类似，提供基于Flash的流媒体服务的一款基于Java的开源流媒体服务器。它由Java语言编写，使用RTMP作为流媒体传输协议，这与FMS完全兼容。它具有流化FLV、MP3文件，实时录制客户端流为FLV文件，共享对象，实时视频播放、Remoting等功能。用Red5替换FMS后,客户端不用更改可正
  • angular.fromJson boyitech AngularJSAngularJS 官方APIAngularJS API
    angular.fromJson 描述: 把Json字符串转为对象 使用方法: angular.fromJson(json); 参数详解: Param Type Details json string JSON 字符串 返回值: 对象, 数组, 字符串 或者是一个数字 示例: <!DOCTYPE HTML> <h
  • java-颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I bylijinnan java
    public class ReverseWords { /** * 题目：颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I.词以空格分隔。 * 要求： * 1.实现速度最快,移动最少 * 2.不能使用String的方法如split,indexOf等等。 * 解答：两次翻转。 */ publ
  • web实时通讯 Chen.H Web浏览器socket脚本
    关于web实时通讯，做一些监控软件。 由web服务器组件从消息服务器订阅实时数据，并建立消息服务器到所述web服务器之间的连接，web浏览器利用从所述web服务器下载到web页面的客户端代理与web服务器组件之间的socket连接，建立web浏览器与web服务器之间的持久连接；利用所述客户端代理与web浏览器页面之间的信息交互实现页面本地更新，建立一条从消息服务器到web浏览器页面之间的消息通路
  • [基因与生物]远古生物的基因可以嫁接到现代生物基因组中吗? comsci 生物
          大家仅仅把我说的事情当作一个IT行业的笑话来听吧..没有其它更多的意思     如果我们把大自然看成是一位伟大的程序员,专门为地球上的生态系统编制基因代码,并创造出各种不同的生物来,那么6500万年前的程序员开发的代码,是否兼容现代派的程序员的代码和架构呢?   
  • oracle 外部表 daizj oracle外部表external tables
        oracle外部表是只允许只读访问，不能进行DML操作，不能创建索引，可以对外部表进行的查询，连接，排序，创建视图和创建同义词操作。 you can select, join, or sort external table data. You can also create views and synonyms for external tables. Ho
  • aop相关的概念及配置 daysinsun AOP
    切面(Aspect): 通常在目标方法执行前后需要执行的方法（如事务、日志、权限），这些方法我们封装到一个类里面，这个类就叫切面。 连接点（joinpoint） spring里面的连接点指需要切入的方法，通常这个joinpoint可以作为一个参数传入到切面的方法里面（非常有用的一个东西）。 通知（Advice） 通知就是切面里面方法的具体实现，分为前置、后置、最终、异常环
  • 初一上学期难记忆单词背诵第二课 dcj3sjt126com englishword
    middle 中间的，中级的 well 喔，那么；好吧 phone 电话，电话机 policeman 警察 ask 问 take 拿到；带到 address 地址 glad 高兴的，乐意的 why 为什么  China 中国 family 家庭 grandmother (外)祖母 grandfather (外)祖父 wife 妻子 husband 丈夫 da
  • Linux日志分析常用命令 dcj3sjt126com linuxlog
    1.查看文件内容 cat -n 显示行号 2.分页显示 more Enter 显示下一行 空格 显示下一页 F 显示下一屏 B 显示上一屏 less /get 查询"get"字符串并高亮显示 3.显示文件尾 tail -f 不退出持续显示 -n 显示文件最后n行 4.显示头文件 head -n 显示文件开始n行 5.内容排序 sort -n 按照
  • JSONP 原理分析 fantasy2005 JavaScriptjsonpjsonp 跨域
    转自 http://www.nowamagic.net/librarys/veda/detail/224 JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的
  • 使用connect by进行级联查询 234390216 oracle查询父子Connect by级联
    使用connect by进行级联查询          connect by可以用于级联查询，常用于对具有树状结构的记录查询某一节点的所有子孙节点或所有祖辈节点。          来看一个示例，现假设我们拥有一个菜单表t_menu，其中只有三个字段：
  • 一个不错的能将HTML表格导出为excel,pdf等的jquery插件 jackyrong jquery插件
    发现一个老外写的不错的jquery插件，可以实现将HTML 表格导出为excel,pdf等格式， 地址在： https://github.com/kayalshri/ 下面看个例子，实现导出表格到excel,pdf <html> <head> <title>Export html table to excel an
  • UI设计中我们为什么需要设计动效 lampcy UIUI设计
    关于Unity3D中的Shader的知识 首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，
  • 如何禁止页面缓存 nannan408 htmljspcache
    禁止页面使用缓存~ ------------------------------------------------ jsp:页面no cache： response.setHeader("Pragma","No-cache"); response.setHeader("Cache-Control","no-cach
  • 以代码的方式管理quartz定时任务的暂停、重启、删除、添加等 Everyday都不同 定时任务管理spring-quartz
          【前言】在项目的管理功能中，对定时任务的管理有时会很常见。因为我们不能指望只在配置文件中配置好定时任务就行了，因为如果要控制定时任务的 “暂停” 呢？暂停之后又要在某个时间点 “重启” 该定时任务呢？或者说直接 “删除” 该定时任务呢？要改变某定时任务的触发时间呢？ “添加” 一个定时任务对于系统的使用者而言，是不太现实的，因为一个定时任务的处理逻辑他是不
  • EXT实例 tntxia ext
      （1） 增加一个按钮   JSP:   <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); Stri
  • 数学学习在计算机研究领域的作用和重要性 xjnine Math
    最近一直有师弟师妹和朋友问我数学和研究的关系，研一要去学什么数学课。毕竟在清华，衡量一个研究生最重要的指标之一就是paper,而没有数学，是肯定上不了世界顶级的期刊和会议的，这在计算机学界尤其重要！你会发现，不论哪个领域有价值的东西，都一定离不开数学！在这样一个信息时代，当google已经让世界没有秘密的时候，一种卓越的数学思维，绝对可以成为你的核心竞争力.  无奈本人实在见地
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他