wolfy
wolfy

html5摇一摇[转]

写在前面

年底了，有些公司会出一个摇奖的活动，今天在家没事就搜了一下这方面的资料。

原文地址：http://www.cnblogs.com/waitingbar/p/4682215.html

测试

html5摇一摇[转]_第1张图片

效果还行。

  1 <!DOCTYPE html>
  2 <html>
  3     <head>
  4         <meta charset="utf-8">
  5         <title>摇一摇</title>
  6         <style type="text/css">
  7             *{padding:0;margin: 0}
  8             .shake_box {
  9                 background: url(images/xiaolian.png) no-repeat #1e2020 center center;
 10                 position: fixed;
 11                 top : 0;
 12                 left: 0;
 13                 width  : 100%;
 14                 height : 100%;
 15             }
 16             .shakTop,.shakBottom {
 17                 background: #282c2d;
 18                 position : fixed;
 19                 left  : 0;
 20                 width : 100%;
 21                 height: 50%;
 22             }
 23             .shakTop    {top    : 0;}
 24             .shakBottom {bottom : 0;}
 25 
 26             .shakTop span,.shakBottom span{
 27                 background: url(images/shakBox.png) no-repeat;
 28                 position : absolute;
 29                 left: 50%;
 30                 width : 450px;
 31                 height: 254px;
 32                 margin: 0 0 0 -275px;
 33             }
 34             .shakTop    span{bottom : 0;}
 35             .shakBottom span{
 36                 background-position: 0 -254px;
 37                 top : 0;
 38             }
 39 
 40             .shake_box_focus .shakTop{
 41                 animation        : shakTop 1s 1 linear;
 42                 -moz-animation   : shakTop 1s 1 linear;
 43                 -webkit-animation: shakTop 1s 1 linear;
 44                 -ms-animation    : shakTop 1s 1 linear;
 45                 -o-animation     : shakTop 1s 1 linear;
 46             }
 47             .shake_box_focus .shakBottom{
 48                 animation        : shakBottom 1s 1 linear;
 49                 -moz-animation   : shakBottom 1s 1 linear;
 50                 -webkit-animation: shakBottom 1s 1 linear;
 51                 -ms-animation    : shakBottom 1s 1 linear;
 52                 -o-animation     : shakBottom 1s 1 linear;
 53             }
 54 
 55             /* 向上拉动画效果 */
 56             @-webkit-keyframes shakTop   {
 57                 0%   {top: 0;}
 58                 50%  {top: -200px;}
 59                 100% {top: 0;}
 60             }
 61             @-moz-keyframes shakTop      {
 62                 0%   {top: 0;}
 63                 50%  {top: -200px;}
 64                 100% {top: 0;}
 65             }
 66             @-ms-keyframes shakTop       {
 67                 0%   {top: 0;}
 68                 50%  {top: -200px;}
 69                 100% {top: 0;}
 70             }
 71             @-o-keyframes shakTop        { 
 72                 0%   {top: 0;}
 73                 50%  {top: -200px;}
 74                 100% {top: 0;}
 75             }
 76             
 77             /* 向下拉动画效果 */
 78             @-webkit-keyframes shakBottom   {
 79                 0%   {bottom: 0;}
 80                 50%  {bottom: -200px;}
 81                 100% {bottom: 0;}
 82             }
 83             @-moz-keyframes shakBottom      {
 84                 0%   {bottom: 0;}
 85                 50%  {bottom: -200px;}
 86                 100% {bottom: 0;}
 87             }
 88             @-ms-keyframes shakBottom       {
 89                 0%   {bottom: 0;}
 90                 50%  {bottom: -200px;}
 91                 100% {bottom: 0;}
 92             }
 93             @-o-keyframes shakBottom        { 
 94                 0%   {bottom: 0;}
 95                 50%  {bottom: -200px;}
 96                 100% {bottom: 0;}
 97             }
 98         </style>
 99         
100         <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
101         <script type="text/javascript">
102             //先判断设备是否支持HTML5摇一摇功能
103             if (window.DeviceMotionEvent) {
104                 //获取移动速度，得到device移动时相对之前某个时间的差值比
105                 window.addEventListener('devicemotion', deviceMotionHandler, false);
106             }else{
107                 alert('您好，你目前所用的设置好像不支持重力感应哦！');
108             }
109 
110             //设置临界值,这个值可根据自己的需求进行设定，默认就3000也差不多了
111             var shakeThreshold = 3000;
112             //设置最后更新时间，用于对比
113             var lastUpdate     = 0;
114             //设置位置速率
115             var curShakeX=curShakeY=curShakeZ=lastShakeX=lastShakeY=lastShakeZ=0;
116 
117             function deviceMotionHandler(event){
118 
119                 //获得重力加速
120                 var acceleration =event.accelerationIncludingGravity;
121 
122                 //获得当前时间戳
123                 var curTime = new Date().getTime();
124 
125                 if ((curTime - lastUpdate)> 100) {
126 
127                     //时间差
128                     var diffTime = curTime -lastUpdate;
129                         lastUpdate = curTime;
130 
131 
132                     //x轴加速度
133                     curShakeX = acceleration.x;
134                     //y轴加速度
135                     curShakeY = acceleration.y;
136                     //z轴加速度
137                     curShakeZ = acceleration.z;
138 
139                     var speed = Math.abs(curShakeX + curShakeY + curShakeZ - lastShakeX - lastShakeY - lastShakeZ) / diffTime * 10000;
140 
141                     if (speed > shakeThreshold) {
142                         //TODO 相关方法，比如：
143 
144                         //播放音效
145                         shakeAudio.play();
146                         //播放动画
147                         $('.shake_box').addClass('shake_box_focus');
148                         clearTimeout(shakeTimeout);
149                         var shakeTimeout = setTimeout(function(){
150                             $('.shake_box').removeClass('shake_box_focus');
151                         },1000)
152 
153                     }
154 
155                     lastShakeX = curShakeX;
156                     lastShakeY = curShakeY;
157                     lastShakeZ = curShakeZ;
158                 }
159             }
160 
161 
162             //预加摇一摇声音
163             var shakeAudio = new Audio();
164                 shakeAudio.src = 'sound/shake_sound.mp3';
165             var shake_options = {
166                 preload  : 'auto'
167             }
168             for(var key in shake_options){
169                 if(shake_options.hasOwnProperty(key) && (key in shakeAudio)){
170                     shakeAudio[key] = shake_options[key];
171                 }
172             }
173         </script>
174     </head>
175     
176     <body>
177         <div class="shake_box">
178             <div class="shakTop"><span></span></div>
179             <div class="shakBottom"><span></span></div>
180         </div>
181     </body>
182 </html>
View Code

你可能感兴趣的:(html5摇一摇[转])

  • 王道数据结构第三章（二）- 栈和队列的应用 int型码农 数据结构算法
    王道数据结构第三章（二）栈和队列的应用一、栈在括号匹配中的应用1.括号匹配2.实现2.前、中、后缀表达式二、栈在表达式求值中的应用1.后缀表达式（重要）1.1中缀转后缀1.2后缀表达式的计算1.2.1手算1.2.2机算2.前缀表达式2.1中缀转前缀2.2前缀表达式的计算3.中缀表达式3.1中缀转后缀的机算（用栈实现）3.2中缀表达式的计算三、栈在递归中的应用1.阶乘2.斐波那契数列四、队列的应用总
  • html5使用本地sqlite数据库 小祁爱编程 sqlitehtml5bigdata
    html5使用本地sqlite数据库本地数据库概述在HTML5中，大大丰富了客户端本地可以存储的内容，添加了很多功能将原本必须要保存在服务器上的数据转为保存在客户端本地，从而大大提高了Web应用程序性能，减轻了服务器的负担，使用Web时代重新回到了“客户端为重、服务器端为轻”的时代。HTML5中内置了两种本地数据库，一种是SQLite,一种是indexedDBSQLite数据库使用操作本地数据库的
  • 第五章：HTML5 大升级：解锁未来技能 我自纵横2023 HTML教程html5前端html
    第五章：HTML5大升级：解锁未来技能5.1语义化标签的「身份认证」一、语义化概念理解在HTML的旧时代，我们就像一群建筑工人，只能用一些通用的和标签来搭建网页，就好比用千篇一律的砖块盖房子，虽然能把房子盖起来，但很难从外观上看出房子的各个部分是做什么用的。而HTML5引入的语义化标签，就像是给每一块砖块都赋予了特殊的形状和用途，让网页的结构变得一目了然，就像给每个房间都贴上了清晰的标签，告诉搜索
  • python语言写的一款pdf转word、word转pdf的免费工具 典龙330 pdfword
    Word与PDF文件转换工具这是一个简单的Web应用程序，允许用户将Word文档转换为PDF文件，或将PDF文件转换为Word文档。功能特点-Word(.docx)转换为PDF-PDF转换为Word(.docx)-简单易用的Web界面-即时转换和下载-详细的错误处理和日志记录安装要求-Python3.7或更高版本-依赖库（见requirements.txt）-对于Word到PDF的转换，建议安装L
  • pdf怎么转换成word？解锁 PDF 转 Word 的高效转换方法，轻松搞定的实用指南 hello_simon 在线工具php工具效率pdfwordPDF转wordpdf转换
    PDF转换成Word的简易指南在日常的工作和学习中，我们经常需要将PDF文件转换为Word文档，以便于编辑和修改。今天，我将为大家介绍一个简单的方法，利用小白工具网站，轻松实现PDF到Word的转换。一、访问小白工具网站首先，打开你的浏览器，输入网址：https://www.xiaobaitool.net/files/pdf-word/，进入小白工具的PDF转Word页面。这个网站提供了一个在线转
  • HTML5拼图游戏开发经验分享 木木黄木木 html5前端html
    HTML5拼图游戏开发经验分享这里写目录标题HTML5拼图游戏开发经验分享前言项目架构1.文件结构2.核心功能模块技术要点解析1.响应式布局2.图片处理3.拖拽交互4.动画效果性能优化开发心得项目亮点总结源码分享写在最后前言在Web前端开发领域，通过实战项目来提升编程技能是最有效的学习方式之一。今天我要分享一个HTML5拼图游戏的开发经验，这个项目涵盖了现代前端开发的多个重要概念，包括响应式设计、
  • 如何快速实现MODBUS TCP转Profinet——泗博网关EPN-330 上海泗博自动化 PROFINET工业以太网ModbusTCPPROFINETMODBUSTCP转PN泗博网关
    泗博网关EPN-330可作为PROFINET从站，支持与西门子S7-200SMART/300/400/1200/1500全系列PLC以及具有PROFINET主站的系统无缝对接，而ModbusTCP端，可以与ModbusTCP从站设备、主站PLC、DCS系统以及组态软件等进行数据交互。通过EPN-330，可以快速实现MODBUSTCP转Profinet，轻松地将多个ModbusTCP接口的设备连接到
  • 通过Modbus转Profinet网关控制英威腾GD200A变频器的具体方法示例 代码创造 嵌入式
    在这篇文章中，我们将介绍如何通过使用Modbus转Profinet网关来控制英威腾GD200A变频器。Modbus和Profinet是两种常用的工业通信协议，通过使用Modbus转Profinet网关，我们可以实现从Profinet网络发送指令并控制GD200A变频器的功能。在开始之前，确保你已经准备好以下设备和软件：英威腾GD200A变频器Modbus转Profinet网关设备Profinet网
  • Linux C++ 编程死锁详解 PM简读馆 Linux嵌入式驱动开发开发语言c++linux
    作者简介：程序员转项目管理领域优质创作者个人邮箱：[[email protected]]PMP资料导航：PM菜鸟（查阅PMP大纲考点）座右铭：上善若水，水善利万物而不争。绿泡泡：PM简读馆（包含更多PM常用免费资料）目录概要一、死锁的四个必要条件二、常见死锁场景三、代码解释1、资源申请顺序不一致问题描述解决方案2.优先级倒置问题描述解决方案3.线程间循环等待问题描述解决方案4.锁嵌套（LockNe
  • 转USDT手续费太贵？我教你！ Trx能量租赁闪兑 比特币智能合约能源物联网
    什么是TRX能量闪租？还不明白就来看看1.当我们在波场转u的时候，是需要矿工费那么这个矿工费可以理解为能量和带宽2.能量和TRX是两个概念，不要混淆3.转账的时候首先是需要消耗能量和带宽，当我们能量不足转账所需时，就会燃烧相应的TRX作为能量。对方账户有u需要65000的能量=13.7TRX，对方账户没有u或者交易所地址需要131000的能量=27.3TRX4.为了节省一定的trx.能量可以找我们
  • c语言utc时间转换北京时间_STM32开发 -- UTC、UNIX时间戳、北京时间之间的转换 weixin_39628180 c语言utc时间转换北京时间
    我碰到的问题，GPS上UTC时间转北京时间和STM32上UNIX时间戳转北京时间。这部分之前讲RTC和GPS的时候有涉及到一部分。具体的RTC如何得到UNIX时间戳，和GNRMC如何解析得到UTC时间可以参看一下。参看：STM32开发–RTC详解参看：STM32开发–GPS模块开发详解扩展：C语言再学习–时间函数这里主要看三者转换方法：一、UTC时间转换为北京时间参看:UTC时间转换为北京时间时间
  • 鸿蒙(HarmonyOS)应用开发实战——数据库版本升级案例 CTrup 移动开发鸿蒙开发HarmonyOSharmonyos数据库华为鸿蒙开发装饰器模式ArkUI前端
    往期推文全新看点学鸿蒙开发的优劣势，你清楚吗？建议你了解一下！鸿蒙（HarmonyOS）北向开发知识点记录~鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中…
  • android 根目录 写文件路径,android app文件目录结构 weixin_39593498 android根目录写文件路径
    转：https://blog.csdn.net/luoguopeng/article/details/72832567androidapp目录:SDCard/Android/data/你的应用的包名/原来，只要把文件写在这里的话，可以不用动态申请权限，只要在manifest里面声明权限就ok了；应用程序在运行的过程中如果需要向手机上保存数据，一般是把数据保存在SDcard中的。大部分应用是直接在S
  • Android开发：如何在应用中显示应用名称 t0_54program 编程问题解决手册android个人开发
    在Android开发中，应用程序的用户界面（UI）设计是一个关键环节。许多新手开发者在使用AndroidStudio和Java语言创建应用时，可能会遇到一些常见的UI问题。比如，如何在应用的顶部显示应用名称（即标题栏或工具栏）。本文将详细讲解如何在Android应用中正确显示应用名称，并通过一个实际的实例来展示解决方案。问题描述假设你正在开发一个简单的Android应用，该应用可以将公斤（kg）转
  • Vue3开发 vue-router的使用 CV菜鸟# 前端开发vue.jsjavascript前端
    1、vue-router简介官方介绍：VueRouter是Vue.js(opensnewwindow)官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue.js过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSSclass的链接HTML5历史模式或hash模式，在IE9中自
  • Labelme转Voc、Coco 小慧1024 python
    Q：在github找的cv代码基本都是根据现有且流行的公共数据集格式组织的训练数据集，这导致我使用labelme标注好之后需要我们重新组织数据集labelme2coco#!/usr/bin/envpythonimportargparseimportcollectionsimportdatetimeimportglobimportjsonimportosimportos.pathasospimpor
  • 关于某一专科学校上学两年实习以后的学长给专科同学的参考做法 czimt开摆 人工智能
    关于某一专科学校上学两年实习以后给专科同学的参考做法，这边分两块讲，一块是想转本的，另一个是不想转本的，但其实无论是走哪个方向的发展的话，前期打野都是一样的，之前看的一些博主都在说大专的学生会没有必要参与专注好学习转本和专业课就行了，其实对于一个对即将或者正在上专科同学来说的话，作为一个已经出来工作的老学长我想我可以告诉学弟学妹们一下几点。PS:这边的案例采用某一个学校的信息工程学院的案例（因为本
  • ASL/CS系列音视频转换方案芯片，Typec拓展坞方案芯片 芯片单片机
    音视频单转方案芯片：CS5565Typec转HDMI8K60HZ转换方案可替代RTD2173PS196CS5801HDMI转eDP/DP方案可替代LT6711CS5212DP转VGA转换方案可PINTOPIN替代RTD2166CS5211EDP转LVDS转换方案可PINTOPIN替代CH7511BCS5210HDMI转VGA不带音频输出可替代AG6202CS5213HDMI转VGA带音频输出可替代
  • c#读取json某一节点数据_C#中怎么解析JSON数据，并获取到其中的值？ yiqin luo c#读取json某一节点数据
    【1】首先我们根据创建一个json字符转stringjson=@"[{'phantom':true,'id':'20130717001','data':{'MID':1019,'Name':'aaccccc','Des':'cc','Disable':'启用','Remark':'cccc'}}]";【2】首先我们根据创建一个json字符转我们根据字符串的数据结构定义两个类：publicclass
  • 有哪些好用的AI视频加工创作网站 皮皮虾1234 人工智能
    以下是当前较为流行且功能强大的AI视频创作与加工平台，涵盖视频生成、编辑、特效及自动化处理等功能，适合不同需求的用户：一、AI视频生成工具1.Synthesia-特点：AI虚拟人像生成，支持100+语言配音，无需真人出镜。-适用：企业培训视频、产品宣传、教育内容。-网址：https://www.synthesia.io2.Fliki-特点：文本转视频，AI语音配音，内置数百万素材库。-适用：快速将
  • 《音视频：将h264裸流转为YUV》 编程界的小学生、 音视频开发音视频嵌入式
    文章目录一，前言二，分解步骤2.1初始化解码器2.2释放解码器资源2.3获取完整帧数据2.4h264转yuv2.5h264裸流文件转yuv2.6解RTP包后h264转yuv三，完整代码一，前言本文旨在将h264裸流数据转为yuv数据，分为两种情况一种是读取h264文件，一次性将读取到的所有h264数据给到解码器转为yuv，一种是从网络中接收含h264数据的RTP，这种情况下需要先对RTP包进行解包
  • PMP冲刺每日一题(29)答案解析 PM简读馆 PMP每日打卡产品经理
    作者简介：程序员转项目管理领域优质创作者个人邮箱：[[email protected]]PMP资料导航：PM菜鸟（查阅PMP大纲考点）座右铭：上善若水，水善利万物而不争。绿泡泡：PM简读馆（包含更多PM常用免费资料）目录试题1试题2试题3试题4试题5试题1标题：尽管出现了资源到位和范围变更的问题，但是项目相对来说进展还是比较顺利。到目前为止，项目第一阶段已经完成。发起人在阶段结束后的评审会议上所考
  • oracle ar 税率,EBS(Oracle ERP) AR AP TAX 税信息 区别 转 袁大岛 oraclear税率
    从前台税信息展示及后台税信息存储方面对比下APAR中税信息区别：1、前台界面：AP发票行中有税行的显示；而AR发票行中没有税行的显示，但其实AR发票行表是有存储税行的。2、AP发票行表中存储的税信息是非税行(后面简称item行)产生的且按税率汇总后的税信息，而不是非税行(后面简称item行)产生的税明细信息，明细信息需要从税模块中提取；而AR发票行表中存储的税信息就是非税行(后面简称line行)产
  • vue-route shadouqi vue2vue.js前端javascript
    官方文档声明式导航比起写死的会好一些，理由如下：无论是HTML5history模式还是hash模式，它的表现行为一致，所以，当你要切换路由模式，或者在IE9降级使用hash模式，无须作任何变动。在HTML5history模式下，router-link会守卫点击事件，让浏览器不再重新加载页面。当你在HTML5history模式下使用base选项之后，所有的to属性都不需要写(基路径)了。编程式导航r
  • 串口通信-STM32的USART串口通讯程序 love_yiyi_li stm32单片机arm
    目录一、原理介绍1.串口协议2.常用协议标准1）RS-2322）RS-4853.RS232、485电平与TTL电平的区别1）RS232电平2）RS485电平3）TTL电平4)RS232、485电平与TTL电平的区别3.USB转串口1）基本原理2）芯片简介3）工作原理二、串口通信操作1.驱动下载2.程序编写1）源程序2）编译运行3）烧录结果三、总结一、原理介绍1.串口协议串口是显控设备与信号处理板之
  • Catia 转 StL：打通数字化设计与制造的关键纽带 3D小将 迪威模型联讯软件3d格式转换模型格式转换科技
    一、引言在数字化制造与3D模型应用领域，常常需要在不同的文件格式间进行转换。Catia作为一款强大的CAD/CAM/CAE一体化软件，其创建的模型在工业设计、航空航天等行业广泛应用。而StL格式则是3D打印领域的标准文件格式之一。实现Catia模型到StL格式的转换，对于将设计成果进行快速原型制造等后续应用至关重要。迪威在线平台提供了便捷的文件格式转换功能，其中就涵盖了Catia转StL，在一定程
  • video标签不能自动播放 R码农 前端javascript开发语言
    Uniapp转h5后video不能自动播放，这是由于各浏览器做了限制，但是如果静音情况下是允许自动播放的。所以解决方法是：在script中创建一个letaudo=uni.createInnerAudioContext()当调用video标签播放视频时，先调用audo.pause();然后在做一个延迟处理播放。setTimeout(()=>{this.myvideo.play();},500)这样就
  • 关于MYSQL的server层和存储引擎层介绍 ysds20211402 数据库mysqlmysql数据库
    转自：微点阅读https://www.weidianyuedu.comSQL的全称是StructuredQueryLanguage，翻译成中国话就是结构化查询语言。这是一种声明式的语法，何为声明式？可以联想一下我们生活中的老板，老板在布置任务的时候会告诉你：小王啊，今天把这些砖从A地搬到B地啊，然后就没然后了。老板并不关心你是用手抬，还是用车拉，老板只关心结果：你把砖搬过去就好了。我们之于数据库而
  • MYSQL的server层和存储引擎层介绍 xinyuerr 数据库mysqlmysqloracle数据库
    转自：微点阅读https://www.weidianyuedu.comSQL的全称是StructuredQueryLanguage，翻译成中国话就是结构化查询语言。这是一种声明式的语法，何为声明式？可以联想一下我们生活中的老板，老板在布置任务的时候会告诉你：小王啊，今天把这些砖从A地搬到B地啊，然后就没然后了。老板并不关心你是用手抬，还是用车拉，老板只关心结果：你把砖搬过去就好了。我们之于数据库而
  • 如何将装有tensor的多维list转化为torch.Tensor类型 XAL1 笔记pytorch深度学习python
    普通list转tensor：a=[[jforjinrange(5)]foriinrange(3)]A=torch.Tensor(a)print('list=',a)print('typeofa:',type(a))print('typeoftransform:',type(A))结果：可以看到对于不包含tensor的普通list，直接用torch.Tensor就可以进行转换。但是对于包含了tens
  • apache 安装linux windows 墙头上一根草 apacheinuxwindows
    linux安装Apache 有两种方式一种是手动安装通过二进制的文件进行安装，另外一种就是通过yum 安装，此中安装方式，需要物理机联网。以下分别介绍两种的安装方式     通过二进制文件安装Apache需要的软件有apr,apr-util,pcre  1，安装 apr        下载地址：htt
  • fill_parent、wrap_content和match_parent的区别 Cb123456 match_parentfill_parent
    fill_parent、wrap_content和match_parent的区别:   1）fill_parent   设置一个构件的布局为fill_parent将强制性地使构件扩展，以填充布局单元内尽可能多的空间。这跟Windows控件的dockstyle属性大体一致。设置一个顶部布局或控件为fill_parent将强制性让它布满整个屏幕。 2） wrap_conte
  • 网页自适应设计 天子之骄 htmlcss响应式设计页面自适应
    网页自适应设计        网页对浏览器窗口的自适应支持变得越来越重要了。自适应响应设计更是异常火爆。再加上移动端的崛起，更是如日中天。以前为了适应不同屏幕分布率和浏览器窗口的扩大和缩小，需要设计几套css样式，用js脚本判断窗口大小，选择加载。结构臃肿，加载负担较大。现笔者经过一定时间的学习，有所心得，故分享于此，加强交流，共同进步。同时希望对大家有所
  • [sql server] 分组取最大最小常用sql 一炮送你回车库 SQL Server
    --分组取最大最小常用sql--测试环境if OBJECT_ID('tb') is not null drop table tb;gocreate table tb( col1 int, col2 int, Fcount int)insert into tbselect 11,20,1 union allselect 11,22,1 union allselect 1
  • ImageIO写图片输出到硬盘 3213213333332132 javaimage
    package awt; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imagei
  • 自己的String动态数组 宝剑锋梅花香 java动态数组数组
    数组还是好说，学过一两门编程语言的就知道，需要注意的是数组声明时需要把大小给它定下来，比如声明一个字符串类型的数组：String str[]=new String[10];    但是问题就来了，每次都是大小确定的数组，我需要数组大小不固定随时变化怎么办呢？  动态数组就这样应运而生，龙哥给我们讲的是自己用代码写动态数组，并非用的ArrayList 看看字符
  • pinyin4j工具类 darkranger .net
    pinyin4j工具类Java工具类 2010-04-24 00:47:00 阅读69 评论0 字号：大中小 引入pinyin4j-2.5.0.jar包: pinyin4j是一个功能强悍的汉语拼音工具包，主要是从汉语获取各种格式和需求的拼音，功能强悍，下面看看如何使用pinyin4j。 本人以前用AscII编码提取工具，效果不理想，现在用pinyin4j简单实现了一个。功能还不是很完美，
  • StarUML学习笔记----基本概念 aijuans UML建模
    介绍StarUML的基本概念，这些都是有效运用StarUML?所需要的。包括对模型、视图、图、项目、单元、方法、框架、模型块及其差异以及UML轮廓。         模型、视与图（Model, View and Diagram）        &
  • Activiti最终总结 avords Activiti id 工作流
    1、流程定义ID：ProcessDefinitionId，当定义一个流程就会产生。 2、流程实例ID：ProcessInstanceId，当开始一个具体的流程时就会产生，也就是不同的流程实例ID可能有相同的流程定义ID。 3、TaskId，每一个userTask都会有一个Id这个是存在于流程实例上的。 4、TaskDefinitionKey和（ActivityImpl activityId
  • 从省市区多重级联想到的，react和jquery的差别 bee1314 jqueryUIreact
    在我们的前端项目里经常会用到级联的select，比如省市区这样。通常这种级联大多是动态的。比如先加载了省，点击省加载市，点击市加载区。然后数据通常ajax返回。如果没有数据则说明到了叶子节点。   针对这种场景，如果我们使用jquery来实现，要考虑很多的问题，数据部分，以及大量的dom操作。比如这个页面上显示了某个区，这时候我切换省，要把市重新初始化数据，然后区域的部分要从页面
  • Eclipse快捷键大全 bijian1013 javaeclipse快捷键
    Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ctrl+Alt+↑ 复制当前行到上一行(复制增加)Alt+↓ 当前行和下面一行交互位置(特别实用,可以省去先剪切,再粘贴了)Alt+↑ 当前行和上面一行交互位置(同上)Alt+← 前一个编辑的页面Alt+→ 下一个编辑的页面(当然是针对上面那条来说了)Alt+En
  • js 笔记 函数 征客丶 JavaScript
    一、函数的使用 1.1、定义函数变量 var vName = funcation(params){ } 1.2、函数的调用 函数变量的调用：      vName(params); 函数定义时自发调用：(function(params){})(params); 1.3、函数中变量赋值 var a = 'a'; var ff
  • 【Scala四】分析Spark源代码总结的Scala语法二 bit1129 scala
    1. Some操作   在下面的代码中，使用了Some操作：if (self.partitioner == Some(partitioner))，那么Some(partitioner)表示什么含义？首先partitioner是方法combineByKey传入的变量， Some的文档说明：   /** Class `Some[A]` represents existin
  • java 匿名内部类 BlueSkator java匿名内部类
    组合优先于继承 Java的匿名类，就是提供了一个快捷方便的手段，令继承关系可以方便地变成组合关系 继承只有一个时候才能用，当你要求子类的实例可以替代父类实例的位置时才可以用继承。   在Java中内部类主要分为成员内部类、局部内部类、匿名内部类、静态内部类。 内部类不是很好理解，但说白了其实也就是一个类中还包含着另外一个类如同一个人是由大脑、肢体、器官等身体结果组成，而内部类相
  • 盗版win装在MAC有害发热，苹果的东西不值得买，win应该不用 ljy325 游戏applewindowsXPOS
    Mac mini 型号: MC270CH-A RMB:5,688   Apple 对windows的产品支持不好,有以下问题:   1.装完了xp,发现机身很热虽然没有运行任何程序！貌似显卡跑游戏发热一样，按照那样的发热量,那部机子损耗很大,使用寿命受到严重的影响!   2.反观安装了Mac os的展示机，发热量很小，运行了1天温度也没有那么高 &nbs
  • 读《研磨设计模式》-代码笔记-生成器模式-Builder bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 生成器模式的意图在于将一个复杂的构建与其表示相分离，使得同样的构建过程可以创建不同的表示（GoF） * 个人理解： * 构建一个复杂的对象，对于创建者（Builder）来说，一是要有数据来源(rawData)，二是要返回构
  • JIRA与SVN插件安装 chenyu19891124 SVNjira
    JIRA安装好后提交代码并要显示在JIRA上，这得需要用SVN的插件才能看见开发人员提交的代码。 1.下载svn与jira插件安装包，解压后在安装包(atlassian-jira-subversion-plugin-0.10.1) 2.解压出来的包里下的lib文件夹下的jar拷贝到(C:\Program Files\Atlassian\JIRA 4.3.4\atlassian-jira\WEB
  • 常用数学思想方法 comsci 工作
      对于搞工程和技术的朋友来讲，在工作中常常遇到一些实际问题，而采用常规的思维方式无法很好的解决这些问题，那么这个时候我们就需要用数学语言和数学工具，而使用数学工具的前提却是用数学思想的方法来描述问题。。下面转帖几种常用的数学思想方法，仅供学习和参考   函数思想 　　把某一数学问题用函数表示出来，并且利用函数探究这个问题的一般规律。这是最基本、最常用的数学方法
  • pl/sql集合类型 daizj oracle集合typepl/sql
    --集合类型 /*   单行单列的数据，使用标量变量   单行多列数据，使用记录   单列多行数据，使用集合（。。。）   *集合：类似于数组也就是。pl/sql集合类型包括索引表（pl/sql table）、嵌套表（Nested Table）、变长数组（VARRAY）等 */ /*     --集合方法 &n
  • [Ofbiz]ofbiz初用 dinguangx 电商ofbiz
    从github下载最新的ofbiz（截止2015-7-13），从源码进行ofbiz的试用 1. 加载测试库 ofbiz内置derby，通过下面的命令初始化测试库 ./ant load-demo (与load-seed有一些区别)   2. 启动内置tomcat ./ant start 或 ./startofbiz.sh 或 java -jar ofbiz.jar &
  • 结构体中最后一个元素是长度为0的数组 dcj3sjt126com cgcc
    在Linux源代码中，有很多的结构体最后都定义了一个元素个数为0个的数组，如/usr/include/linux/if_pppox.h中有这样一个结构体： struct pppoe_tag {     __u16 tag_type;     __u16 tag_len;   &n
  • Linux cp 实现强行覆盖 dcj3sjt126com linux
    发现在Fedora 10 /ubutun 里面用cp -fr src dest，即使加了-f也是不能强行覆盖的，这时怎么回事的呢？一两个文件还好说，就输几个yes吧，但是要是n多文件怎么办，那还不输死人呢？下面提供三种解决办法。 方法一 我们输入alias命令，看看系统给cp起了一个什么别名。 [root@localhost ~]# aliasalias cp=’cp -i’a
  • Memcached(一)、HelloWorld frank1234 memcached
    一、简介 高性能的架构离不开缓存，分布式缓存中的佼佼者当属memcached，它通过客户端将不同的key hash到不同的memcached服务器中，而获取的时候也到相同的服务器中获取，由于不需要做集群同步，也就省去了集群间同步的开销和延迟，所以它相对于ehcache等缓存来说能更好的支持分布式应用，具有更强的横向伸缩能力。 二、客户端 选择一个memcached客户端，我这里用的是memc
  • Search in Rotated Sorted Array II hcx2013 search
    Follow up for "Search in Rotated Sorted Array":What if duplicates are allowed? Would this affect the run-time complexity? How and why? Write a function to determine if a given ta
  • Spring4新特性——更好的Java泛型操作API jinnianshilongnian spring4generic type
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装JDK liuxingguome centos
    1、行卸载原来的： [root@localhost opt]# rpm -qa | grep java tzdata-java-2014g-1.el6.noarch java-1.7.0-openjdk-1.7.0.65-2.5.1.2.el6_5.x86_64 java-1.6.0-openjdk-1.6.0.0-11.1.13.4.el6.x86_64 [root@localhost
  • 二分搜索专题2-在有序二维数组中搜索一个元素 OpenMind 二维数组算法二分搜索
    1,设二维数组p的每行每列都按照下标递增的顺序递增。 用数学语言描述如下：p满足 (1),对任意的x1，x2，y，如果x1<x2,则p(x1,y)<p(x2,y); (2),对任意的x，y1,y2, 如果y1<y2,则p(x,y1)<p(x,y2); 2,问题： 给定满足1的数组p和一个整数k，求是否存在x0,y0使得p(x0,y0)=k? 3,算法分析： (
  • java 随机数 Math与Random SaraWon javaMathRandom
    今天需要在程序中产生随机数，知道有两种方法可以使用，但是使用Math和Random的区别还不是特别清楚，看到一篇文章是关于的，觉得写的还挺不错的，原文地址是 http://www.oschina.net/question/157182_45274?sort=default&p=1#answers 产生1到10之间的随机数的两种实现方式： //Math Math.roun
  • oracle创建表空间 tugn oracle
    create temporary tablespace TXSJ_TEMP   tempfile 'E:\Oracle\oradata\TXSJ_TEMP.dbf'   size 32m   autoextend on   next 32m maxsize 2048m   extent m
  • 使用Java8实现自己的个性化搜索引擎 yangshangchuan javasuperword搜索引擎java8全文检索
    需要对249本软件著作实现句子级别全文检索，这些著作均为PDF文件，不使用现有的框架如lucene，自己实现的方法如下： 1、从PDF文件中提取文本，这里的重点是如何最大可能地还原文本。提取之后的文本，一个句子一行保存为文本文件。 2、将所有文本文件合并为一个单一的文本文件，这样，每一个句子就有一个唯一行号。 3、对每一行文本进行分词，建立倒排表，倒排表的格式为：词=包含该词的总行数N=行号
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他