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摇一摇[转])

  • Cameralink转SDI接口转换器 昆山森启智能科技有限公司
    1.概述Cameralink转SDI接口转换器（简称转换器）是基于FPGA设计的一款多功能视频处理设备，具有丰富的硬件资源和外围接口。转换器将Cameralink接口输入的图像数据转成SDI图像输出，同时还可实现数据格式转换，帧率变换，分辨率变换，OSD，缩放，开窗，增强等图像预处理功能。2.技术特性2.1主要功能a.支持Cameralink视频输入（支持多种分辨率默认1080p@30hz）b.支
  • MIPI转换芯片、ICN6211、ICN6202、MIPI转RGB、MiPI转LVDS、分辨率最高1080P、MIPI转双路LVDS 17633853662 视频编解码音视频实时音视频桥接模式
    MIPI转换芯片、ICN6211、ICN6202、MIPI转RGB、MiPI转LVDS、分辨率最高1080P、MIPI转双路LVDS1:ICN6211是一颗MIPI转RGB的桥接芯片如下图2:ICN6202是一颗MIPI转LVDS的桥接芯片如下图这两颗芯片主要应用在：手机、平板、老年机、车机等产品上。可以用在MTK、高通、RK、全志、英特尔等芯片上。发布的这两颗视频转换的芯片希望大家可以学习一下，
  • MIPI解决方案 ICN6202：MIPI DSI转LVDS转换芯片 TE13530609500 单片机嵌入式硬件
    型号：ICN6202:MIPIDSITOLVDS功能：ICN6202是一颗MIPIDSI转LVDS的桥接芯片，其应用图如下：产品特征：输入：MIPIDSI支持MIPI®D-PHYVersion1.00.00和MIPI®DSIVersion1.02.00.可接收MIPIDSI18bppRGB666and24bppRGB888packets4lanedata+1laneclock4对数据线可以选择1、
  • html5游戏引擎-Pharse.js学习笔记（一） 18520195858 游戏javascriptc/c++ViewUI
    1.前言前几天随着flappybird这样的小游戏的火爆，使我这种也曾了解过html5技术的js业余爱好者也开始关注游戏开发。研究过两个个比较成熟的html5游戏引擎，感觉用引擎还是要方便一些。所以决定从今天正式开始研究html5游戏引擎，并且将从看官网demo的学习整理成博客和大家一起分享。我了解过cocos-2dforhtml5和phaser.js这两个引擎，其中前者比较复杂，对于有过coco
  • springboot之https服务器(生成keystore证书库及转cer证书) Biu→Biu丶 springboothttpsjavahttps
    一.生成自签名证书打开cmd输入命令生成证书：keytool-genkeypair-aliastomcat_https-keypass123456-keyalgRSA-keysize1024-validity365-keystore./https-java.keystore-storepass123456属性说明：-alias别名-keypass指定生成密钥的密码-keyalg指定密钥使用的加密算
  • 【转】时间序列分析——基于R，王燕 weixin_30780221 r语言
    《时间序列分析——基于R》王燕，读书笔记笔记：一、检验：1、平稳性检验：图检验方法：时序图检验：该序列有明显的趋势性或周期性，则不是平稳序列自相关图检验：（acf函数）平稳序列具有短期相关性，即随着延迟期数k的增加，平稳序列的自相关系数ρ会很快地衰减向0（指数级衰减），反之非平稳序列衰减速度会比较慢构造检验统计量进行假设检验：单位根检验adfTest()——fUnitRoots包2、纯随机性检验、
  • 高级前端工程师Vue面试题 盼盼盼 面试题前端前端
    HTML/CSS1.解释HTML5中的元素及其用途。元素用于通过JavaScript绘制图形，比如图表、图像处理等。它提供了一个图形上下文，可以进行2D图形绘制。2.CSS中display:none和visibility:hidden有什么区别？display:none会将元素从文档流中完全移除，不占据空间。而visibility:hidden则元素依然占据空间，只是变得不可见。3.描述CSSFl
  • html5 判断长按操作,移动端h5模拟长按事件 weixin_39933414 html5判断长按操作
    1、标志位vartimer='';varisLongTouch=false;//加个标志位，防止settimeout因为事件循环和实际时间有偏差vartarget=document.getElementById('target');target.addEventListener('touchstart',function(){timer=setTimeout(function(){isLongTo
  • 【c++】四种类型转换形式 钟离墨笺 c++c++开发语言
    【c++】四种类型转换形式编译时:static_cast（静态转换）const_cast（去常性转换）reinterpret_cast（重新解释转换，直接转换地址）运行时:dynamic_cast（动态转换，运行时类型识别RTTI）static_cast（静态转换）用途描述注意事项基本数据类型之间的转换用于int转double、char转int等类型之间的转换。适用于已知类型的转换，比C风格转换更
  • 转：javascript获取上一访问页面 dianai7709 javascript移动开发ViewUI
    原文链接：移动端返回上一页，刚需！document.referrer详解全文如下：返回上一页，在PC端我们可以使用：history.go(-1)或者history.back()，可以正常返回第一层。这样，我们不需要上一页的url具体是什么，只要使用history一般都没啥问题。但是在移动端，如果想要返回上一页。比如从A页面跳到B页面，如果B页面想返回A页面，为了防止不会跳错，必须要有一个返回那如果
  • python 转dll_单行数据转fa UXOFFER python转dll
    Kim读完需要4分钟速读仅需2分钟/单行数据转fa/虽然已经慢慢淡出生信领域，慢慢渗透到IT,看到洲更和阿秭发这种让人手痒的问题，就忍不住在写完一堆自己都想吐的逻辑实现后抓住这个小问题练习一下，避免手生，也算是给摸了这么长时间的鱼一点安慰吧。1可能是最简单的方式这是非常适合萌新上手的练习，如果你还没有linux也没关系，gitforwindows提供了常用的gnu工具包括sedawkgrep三剑客
  • 舵机驱动详解（模拟/数字 STM32） 辰哥单片机设计 STM32执行机构stm32嵌入式硬件单片机传感器
    目录一、介绍二、模块原理1.舵机驱动原理2.引脚描述三、程序设计main.c文件servo.h文件servo.c文件四、实验效果五、资料获取项目分享一、介绍舵机(Servo)是在程序的控制下，在一定范围内连续改变输出轴角度并保持的电机系统。即舵机只支持在一定角度内转动，无法像普通直流电机按圈转；其主要控制物体的转动并保持（机器人关节、转向机构）。适用于位置角度经常变化的场合。可以作为理想的电机驱动
  • HTML5(十二)——一文读懂 WebSocket 原理 m0_70646989 Web前端经验分享前端前端框架
    二、WebSocket通信过程================WebSocket协议可分为两部分：握手阶段和数据通信阶段。WebSocket为应用层协议，定义在TCP/IP协议栈之上，连接服务器的url是以ws或wss开头的。ws开头的默认TCP端口为80，wss开头的默认端口为443。ws（websocket）是不安全的，容易被窃听，只要别人知道你的ip和端口号，任何人都可以去连接通讯。wss（
  • 计算机 控制面板都打不开怎么办,控制面板打不开怎么办？控制面板打开办法大全... weixin_39982017 计算机控制面板都打不开怎么办
    控制面板真的很好用，在我们电脑卡机的转态下，打开控制面板一键关掉所有应用程序，不要太方便哦。还有的小伙伴喜欢用控制面板打开关闭程序呢。不过控制面板打不开怎么办？贤集网的小编今天就给大家带来了控制面板打开办法大全，里面准保有解决办法。控制面板打不开怎么办1.系统与应用冲突了这种情况在刚刚下载了新应用下比较常见，仔细回想下，问题出在什么时候？是不是刚刚下载过什么应用程序的？删除掉就好了。2.设置了禁止
  • 非标准纸张Word文件无损转换为A4标准纸张的完整教程 huluang 文档优化格式
    在日常办公中，常会遇到需要将非标准纸张大小的Word文档（如A3、B5等）调整为A4标准尺寸的需求。直接修改Word页面设置可能导致排版错乱，而通过AdobeAcrobat的印前检查功能可实现内容格式无损缩放。以下是详细操作流程：一、Word转PDF：保留原始布局保存为PDF格式在Word中打开文档，点击「文件」→「另存为」→选择保存类型为PDF（.pdf）。关键点：确保不调整Word原有页面设置
  • Git commit type 规范 老衲呢 Gitgit
    gitcommit提交规范提交规范：gitcommit-m“feat(新增暂停功能):新增执行推广任务暂停功能”详情请参考：阮雪峰的Commitmessage规范(点击可转跳)(https://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.html)#主要typefeat:增加新功能fix:修复bug#特殊typedocs:只改
  • pptx文档提取信息 DreamBoy_W.W.Y 知识图谱python
    目录一、前言二、python-pptx提取核心代码三、LibreOffice转换pdf再提取的核心代码一、前言pptx文档提取解析常用的库。如果只需要解析.pptx的文本、表格、图片，推荐使用python-pptx（开源，轻量级）。如果需要高性能、支持.ppt、动画、格式转换，推荐Aspose.Slides（收费）。如果需要PPTX转PDF或者HTML，适用于Linux服务器，推荐LibreOff
  • labelme转YOLOv8、YOLOv5 标签格式 标注数据 一颗小树x YOLO目标检测实践应用labelmeYOLOv8YOLOv5标签格式标注数据
    前言本文分析将labelme的标签，转为YOLOv8、YOLOv5的格式，实现模型训练。首先了解YOLOv8和YOLOv5标签格式，然后了解labelme标签格式，最近实现数据格式转换。1、YOLOv8和YOLOv5标签格式YOLOv8的标签格式与YOLOv5基本相同，使用一种简单的txt文本格式，来存储每个图像的标注数据。每个图像对应一个文本文件，这些文本文件与图像文件位于同一目录并且具有相同的
  • 一文读懂Websocket 渣渣高 websocketjavascript前端网络协议
    系列文章目录提示：通过本章节的学习，你想深入了解什么是websocket。文章目录系列文章目录前言一、Websocket是什么？二、如何使用Websocket前端创建流程后端创建流程websocket应用场景:websocket缺点:websocket总结:前言提示：这里可以添加本文要记录的大概内容：例如：websocket是html5新增的全双工通讯协议，基于Tcp协议，属于应用层协议。提示：以
  • 嵌入式玩具--无人机字幕 无数碎片寻妳 不花钱计划玩游戏
    day0101-无人机-组成结构-上哎，好，各位，那现在呢我们一起来看一下，就是咱们接下来要做的这个小项目啊。呃，当然这个名字有很多啊，就是这种飞行器有管，它叫四旋翼飞行器的，也有叫四轴飞行器的啊OK啊，好了，这个应该都能理解，对吧？哎，好，我就不再多说了。呃，其实它的机械结构是非常非常简单的，对不对？一共就是一个飞机，然后四个螺旋桨，对吧？四个电机啊，只要这四个电机转，那它就能够是不是提供向上的
  • GMSL转eDP芯片MAX9686X（ADI） qflook 芯片规格书GMSLeDP菊花链
    一、简介MAX96860/MAX96862/MAX96864解串器可以把单路或双路GMSL转换成eDPV1.4a，支持820MHzPCLK的无压缩的24bpp（每个像素的位数）视频，或660MHz的30bpp视频。芯片的GMSL支持NRZ编码的6Gbps/187Mbps的GMSL2，PAM4编码的12Gbps/187Mbps的GMSL3。同时支持单线（COAX模式）双向全双工传输控制数据和vide
  • EXCEL和DBC互转工具 劉小帅 自动化工具dbccanqt
    excel转dbc使用方法见https://blog.csdn.net/m0_56315547/article/details/121164420?spm=1001.2014.3001.5501此工具只作为参考，作者不对生成的数据进行负责，生成完毕后，请自行校对，如果因生成的数据造成损失，与作者无关本工具主要针对与can和canfd。dbc转excel当dbc为J1939时请自行校对版本记录1.0
  • MAX9295配置说明：高效视频传输与图像处理的利器 段惟果Edwin
    MAX9295配置说明：高效视频传输与图像处理的利器【下载地址】MAX9295配置说明MAX9295配置说明项目地址:https://gitcode.com/Open-source-documentation-tutorial/5d74a项目介绍在现代视频传输和图像处理领域，高效、稳定的信号转换是关键。MAX9295芯片作为一款专为MIPI转GMSL2设计的芯片，凭借其卓越的性能和灵活的配置，成为
  • 深究Spring中Bean的生命周期之面试宝典-百度面试题目（未弄懂） 是阿杜呀 面试javabean面试
    转自：https://www.cnblogs.com/javazhiyin/p/10905294.html前言这其实是一道面试题，是我在面试百度的时候被问到的，当时没有答出来(因为自己真的很菜)，后来在网上寻找答案，看到也是一头雾水，直到看到了《Springinaction》这本书，书上有对Bean声明周期的大致解释，但是没有代码分析，所以就自己上网寻找资料，一定要把这个Bean生命周期弄明白！网
  • 解决windows下python3.6.5版本的datetime问题:OSError: [Errno 22] Invalid argument 地平线here pythonpython
    解决windows下python3.6.5版本的datetime问题1.解决方案在自己代码中使用datetime.datetime.fromtimestamp的位置替换为下面的timestamp_to_datetime函数即可importpytzimportdatetimedeftimestamp_to_datetime(t):"""时间戳转日期时间"""ift>=86400:#24h=86400
  • C# 字符串操作帮助类 戊寅戊子 C#c#
    字符串操作类1、GetStrArray(stringstr,charspeater,booltoLower)把字符串按照分隔符转换成List2、GetStrArray(stringstr)把字符串转按照,分割换为数据3、GetArrayStr(Listlist,stringspeater)把List按照分隔符组装成string4、GetArrayStr(Listlist)得到数组列表以逗号分隔的字
  • 网页设计与制作成品——蛋糕甜品店铺(HTML+CSS+JavaScript) 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptHTML学生个人网页设计课程设计网页设计与制作成品
    ‍静态网站的编写主要是用HTMLDIV+CSSJS等来完成页面的排版设计‍,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的，本网页适合修改成为各种类型的产品展示网页，比如美食、旅游、摄影、电影、音乐等等多种主题，希望对大家有所帮助。精彩专栏推荐❤
  • 【HTML5网页设计成品】基于HTML+CSS+JavaScript网上订餐系统(23个页面) 二挡起步 web前端期末大作业web设计网页规划与设计htmlhtml5css课程设计HTML学生个人网页设计javascript网页设计作业
    文章目录二、✍️网站描述三、网站介绍四、网站演示五、⚙️网站代码HTML结构代码六、如何让学习不再盲目七、更多干货❤【作者主页——获取更多优质源码】❤【学习资料/简历模板/面试资料/网站设计与制作】❤【web前端期末大作业——毕设项目精品实战案例】#一、‍网站题目‍学生管理系统网页设计、OA管理系统、后台管理模板、智能停车系统、等网站的设计与制作。二、✍️网站描述️HTML网页设计，采用DIV+C
  • 【HDOJ图论题集】【转】 aiyuneng5167 java人工智能
    1=============================以下是最小生成树+并查集======================================2【HDU】31213HowManyTables基础并查集★41272小希的迷宫基础并查集★51325&&poj1308IsItATree?基础并查集★61856Moreisbetter基础并查集★71102ConstructingRoad
  • 软件测试技术：设计优秀的测试用例 程序员威子 测试用例单元测试功能测试测试工具程序人生
    前言我从来没有好好的写过一个测试用例，之前做开发虽然写单元测试和流程测试，基本上都是基于自己的代码，而且单元测试和流程测试的框和规范已经非常完善，你只需要填空就行，后来转做自动化测试，但我的做事的方法和思维还停留在开发层面，用例基本上是从手工业务功能测试集抽取，我只要按照这个子集给转换成脚本代码去运行就好了，并没有系统地完完整整的根据业务需求去手工写个一个用例。闲暇的时候，我们也会聊什么才算是一个
  • 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其他