我的第一篇博客：requestAnimationFrame学习笔记

通常，我们在浏览器中写动画会用到哪些技术呢？

flash

　　可以实现一些非常复杂的动画，但随着HTML5的成熟，个人感觉flash终究会成为明日黄花。

css3

　　当前大部分现代浏览器已经对css3支持的很好了。通过transform实现2D/3D转换，通过transition实现元素过渡效果，使用animation与keyframes搭配实现复杂动画。而且用css3写动画还有个优点就是不会报错，我们写脚本的时候常常会出现语法错误，但css不会，大不了浏览器不认识规则不起作用呗（PS：有需要支持ie6等古董级浏览器的同学，使用HTML5和CSS3的新属性时，可以去这个网站 http://caniuse.com/ 查一查你要用的新特性在各主流浏览器及浏览器各版本中的支持情况，可以提高工作效率哦）

js定时器setTimeout/setInterval

　　可以通过设置定时器通过循环来使html元素动起来~这个大家都会用滴

 

　　但，今天要出场的是HTML5的requestAnimationFrame。

　　第一感觉，名字好长，翻译过来貌似就是“请求动画帧”。它有什么优点呢？HTML5推出这个API主要是为了优化动画性能的。

　　怎么说呢，fps（画面每秒传输帧数）对于很多显示器都是60，对应显示频率就是16.7ms/次。所以设置定时器时如果时间间隔低于这个数值，某些帧是无法绘制的，就会造成所谓“过渡绘制”了，可能还会影响应用的性能。而requestAnimationFrame跟着浏览器的绘制间隔走，不会过渡绘制，资源高效利用，自然流畅~各大浏览器支持也比较好（详见：http://caniuse.com/#search=requestanimationframe）

 

　　多说无益，上代码看看吧：

　　

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>An Example：requestAnimationFrame&amp;canvas</title>
        <style type="text/css">
            html{
                background: #000;
            }
        </style>
    </head>
    <body>
        <script>
            (function(){
                window.requestAnimationFrame=　　//兼容处理
                    window.requestAnimationFrame||
                    window.webkitRequestAnimationFrame||
                    window.mozRequestAnimationFrame||
                    window.oRequestAnimationFrame||
                    window.msRequestAnimationFrame||
                    function(callback,element){
                        window.setTimeout(callback,1000/60);
                    };
                var canvas,context,toggle;
                init();
                animate();
                
                function init(){
                    canvas=document.createElement("canvas");
                    canvas.width=512;
                    canvas.height=512;
                    context=canvas.getContext("2d");
                    document.body.appendChild(canvas);
                }
                function animate(){
                    requestAnimationFrame(animate);　　//requestAnimationFrame需要递归调用才能实现连续的动画
                    draw();
                }
                function draw(){
                    var time=new Date().getTime()*0.002;
                    var x=Math.sin(time)*192+256;
                    var y=Math.cos(time*0.9)*192+256;
                    toggle=!toggle;
                    
                    context.fillStyle=toggle?'rgb(200,200,20)':'rgb(20,20,200)';
                    context.beginPath();
                    context.arc(x,y,10,0,Math.PI*2,true);
                    context.closePath();
                    context.fill();
                }
            })();
        </script>
    </body>
</html>

 

这个例子还涉及到canvas画图，顺便把canvas api也给巩固一下，嘻嘻

 

reference:

http://www.webhek.com/requestanimationframe/

http://www.zhangxinxu.com/wordpress/tag/requestanimationframe/

你可能感兴趣的:(animation)

  • Unity 的UI动画调节 深圳市由你创科技 游戏设计unityui游戏引擎
    在游戏开发中，精美的UI动画能极大提升用户体验。Unity提供了强大的动画系统，让开发者可以轻松创建流畅的界面动效。本文将介绍UI动画的核心概念、制作流程和实用技巧。一、核心动画组件Animation窗口-可视化创建关键帧动画Animator组件-控制动画状态和过渡Animator控制器-管理动画状态机二、创建UI动画的步骤创建动画剪辑选中UI元素>菜单栏Window>Animation>Anim
  • CSS动画实例 隆海博客 web前端#CSScsscss3
    CSS动画实例一、进度条二、涨水三、纯CSS实现轮番播图一、进度条html代码css代码.d1{width:400px;height:20px;background-color:gray;}.bar{width:10%;height:20px;background-color:blue;animation-name:jindu;animation-duration:3s;}@keyframesji
  • vscode 的 settings.json Lovely Ruby #工作vscodejsonide
    基本的配置在antfu基础上更改了command按键的功能字体白天黑夜的主题更改{//==========Visuals=========="editor.cursorSmoothCaretAnimation":"on","editor.fontFamily":"Input","editor.guides.bracketPairs":"active","editor.lineNumbers":"i
  • UE5保姆级基础教程（第五章） 不爱说话的采儿 ue5游戏引擎课程设计经验分享其他
    第五章：动画蒙太奇与IK系统——从技术实现到电影级表现的深度打磨一、动画蒙太奇（AnimationMontage）全流程——从单段动画到连击系统（扩展详解）动画蒙太奇是UE5中连接“动画资源”与“交互逻辑”的核心枢纽，其灵活性不仅体现在连击系统，还能实现技能连招、剧情QTE等复杂场景。以下从“精细化配置”“逻辑深挖”“故障排除”三个维度展开：1.蒙太奇资产的精细化配置（补充细节）（1）片段分割与时
  • Android bootanimation动画制作和验证 小姜的android之旅 Androidbootanimationbootanimation
    Android开机动画使用bootanimation程序显示开机画面，只需按格式要求做bootanimation.zip包，放在系统的/system/media目录中。开机画面主要是由一个zip格式的压缩包bootanimation.zip组成，压缩包里面包含数张png格式的图片，还有一个desc.txt的文本文档，开机时按desc.txt里面的指令，屏幕上会按文件名称顺序连续的播放一张张的图片，
  • Vue3 - 实现一个雨水滴落的动画效果 程序员的成长之路 Vue3html5javascriptvue
    在Vue3中实现一个雨水滴落的动画效果，可以使用HTML5的元素和JavaScript来绘制和控制动画。以下是一个实现雨水滴落效果的示例：创建一个Vue3项目首先，确保你已经创建了一个Vue3项目。如果还没有，可以使用VueCLI来创建：vuecreaterain-animationcdrain-animation添加Canvas组件创建一个新的Vue组件来包含我们的元素和动画逻辑。创建一个名为R
  • 2019-05-16 海牙kyogre
    前端优化动画性能之requestAnimationFrame@(技术分享)在前端做动画很多人第一人的反应是用定时器，比如setInterval、setTimeout，除此之外css3可以使用transition和animation来实现。而编写动画循环的关键是要知道延迟时间多长合适。一方面，循环间隔必须足够短，这样才能让不同的动画效果显得平滑流畅；另一方面，循环间隔还要足够长，这样才能确保浏览器有
  • 手把手一步一步教你使用Java开发一个大型街机动作闯关类游戏09之sprite动画 __豆约翰__
    项目源码项目源码sprite动画上一节，我们可以控制sprite移动了，但sprite的移动就是平移，比较呆板；这一节我们给sprite添加动画效果。Animation类继承Transform，这样就具备了平移和缩放的能力。主要思想是：1.包含一个图片的列表（动画的本质就是多张图片的连续播放）2.内部有个定时器，不断更换图片。@OverridepublicvoidactionPerformed(A
  • 如何用css画三角形&太极 阿小经
    一、如何用css画一个三角形搜索学习资源：Google>>csstricksshape>>画一个如下图这样的三角形三角形htmltrianglecss1.先设置div元素，为它上下边界设置不同颜色，方便改动2.使其高度、宽度为03.使其上边界值为0（蓝色部分）4.使绿色和红色区域变成透明色就可以得到我们要的三角形了。5.简化代码二、如何用css画一个太极(带animation动效)静态效果图用到伪
  • vue-router和锚点冲突问题 TaoLandd
    传统的锚点定位会与vue-router中的路由设置存在冲突，都是使用'#'进行的，所以这里使用一直方法来模拟锚点跳转，并使用tween.js达到动态的过度效果不使用原生锚点，使用这种方式解决import'../static/js/animation.js'import'../static/js/tween.js'xxxxmethods:{anchor:function(e){letid='anch
  • 【第5章 动画】5.11 动画制作的最佳指导原则 ncj393437906 《HTML5Canvas核心技术图形动画与游戏开发》canvas
    文章目录在制作动画时，请牢记下列指导原则：使用类似requestNextAnimationFrame（）这样的“polyfill式”方法来保持浏览器兼容性。将业务逻辑的更新与动画的绘制分开。使用“基于时间的运动”来协调动画的播放速度。用剪辑区域或图块复制技术将复杂的背景图像恢复到屏幕上。必要时可使用一个或多个离屏缓冲区以提升背景的绘制速度。不要通过CSS指定阴影及圆角效果。不要在Canvas中进行
  • Qt 图形视图框架4-动画、碰撞检测和图形项组 Zy100Papa Qtc++开发实战qt开发语言
    1.动画1.1.使用QObject包装器1.2.属性动画（QPropertyAnimation）1.3.定时器动画（QTimer）1.4.场景推进动画（QGraphicsScene::advance）2.碰撞检测1.动画在Qt图形视图框架中，实现动画效果有多种常用方法，下面介绍几种主要方式：以下是在Qt5.15.5(MinGW环境)中实现图形视图框架动画的常用方法，代码已亲测可正常运行：1.1.使
  • SAiD：基于扩散的音频驱动语音动画
    SAiD：基于扩散的音频驱动语音动画SAiDSAiD:Blendshape-basedAudio-DrivenSpeechAnimationwithDiffusion项目地址:https://gitcode.com/gh_mirrors/said/SAiDSAiD是一个基于扩散的音频驱动语音动画的开源项目，它通过音频信号控制面部表情，实现逼真的语音动画效果。项目介绍SAiD（Speech-driv
  • flutter动画
    基础动画Animation：Flutter动画中的核心类，此类是抽象类，通常情况下使用其子类：AnimationController，可以获取当前动画的状态和值，也可以添加其状态变化监听和值变化监听。Curve：决定动画执行的曲线，和Android中的Interpolator（差值器）是一样的，负责控制动画变化的速率，系统已经封装了10多种动画曲线，详见Curves类。差值器AnimationCo
  • 原生JS简易进度条 一万句的秘密 javascript前端开发语言
    #wrapper{width:200px;height:100px;border:1pxsolid#000000;margin:0auto;}#progressbar{width:180px;height:20px;margin:0auto;margin-top:40px;border:1pxsolid#000000;}/*设置进度条动画*/#fill{animation:move2s;text-
  • 仿 Twitter 点赞爱心动画效果 其中用到 animation hackchen html前端css
    大概的原理，准备一张雪碧图，通过hover改变雪碧图的X坐标，达到动画的效果HTML：CSS：.heart{width:100px;height:100px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url("data:image/png;base64,iVBORw0KGgoAAAANS
  • (转载)Box2D v2.3.0 用户手册中文版(第1章)-导言
    Chapter1导言1.1关于Box2D是一个用于游戏的2D刚体仿真库。程序员可以在他们的游戏里使用它，它可以使物体的运动更加真实，并让游戏世界看起来更具交互性。从游戏引擎的视角来看，物理引擎就是一个程序性动画(proceduralanimation)的系统。(译注:做动画常有两种方法,一种是预先准备好动画所需的数据，比如图片，再一帧一帧地播放。另一种是以一定方法，动态计算出动画所需的数据，根据数
  • java 2 图形设计卷i awt_JAVA2图形设计卷I：AWT 源代码 zip 尹云亮 java2图形设计卷iawt
    【实例简介】JAVA2图形设计卷I：AWT源代码zip是机械工业出版社的那本书的源代码非常难得是时候拿点好的东西给大家分享了【实例截图】【核心代码】JAVA2图形设计卷I：AWT(原代码)└──SourceCode├──partFive│├──animation││├──BackingStore.class││├──BackingStore.java││├──BulletinLayout.clas
  • 微信小程序封装loading 修改 -嘻嘻哈哈~ 微信小程序小程序
    1.custom-loading.vue{{text}}{{dots}}exportdefault{props:{visible:Boolean,text:{type:String,default:'加载中'}},data(){return{dots:'',timer:null}},mounted(){this.startAnimation()},beforeDestroy(){clearInte
  • vue2项目延迟装载defer优化白屏 riyue666 前端开发语言vue.js
    使用的混入，这个使用的是关键帧的形式来分片加载，可以优化白屏时间exportdefaultfunction(maxFraneCount){return{data(){return{frameCount:0}},mounted(){constrefreshFrameCount=()=>{requestAnimationFrame(()=>{this.frameCount++if(this.frame
  • Three.js 加载器简介 lpfasd123 Threejs学习笔记jsThreejs
    1.Three.js加载器简介Three.js提供了多种加载器，用于加载不同格式的3D模型、纹理和其他资源。在本文中使用的是和：GLTFLoaderDRACOLoaderGLTFLoader：用于加载GLTF/GLB格式的3D模型。GLTF是一种轻量级的3D文件格式，支持几何体、材质、动画、场景等数据。返回的对象包含模型的场景(gltf.scene)、动画(gltf.animations)等信息。
  • css空间转换/视距/空间旋转/立体呈现/3d导航案例/空间缩放/animation动画/走马灯案例/精灵动画/多组动画/全民出游案例 章小絮 HTML和CSS学习css前端htmlcss3学习
    空间转换空间：是从坐标轴角度定义xyz三条坐标轴构成了一个立体空间按，z轴位置与视线方向相同。属性：transformtransform：translate3d（x,y,z);transform：translatex（);transform：translatey（);transform：translatez（);取值（正负均可）像素单位数值deg百分比（参照盒子自身尺寸计算结果）注意：电脑是平面，
  • unity 动画系统 無限進步的全棧遊戲開發 Unity知识笔记unity动画游戏引擎
    Unity动画系统Unity动画系统是Unity中非常重要的一部分，它提供了一个强大的框架来实现动画。Unity动画系统可以处理几乎所有的动画需求，从简单的2D动画到复杂的3D动画。Unity动画系统的核心是动画剪辑（AnimationClip）。动画剪辑是一个存储动画数据的文件，其中包含动画的关键帧数据、曲线信息和其他与动画相关的设置。使用Unity的编辑器可以创建和编辑动画剪辑，也可以使用代码
  • Unity 动画系统 Change.. unity动画游戏引擎
    一、前言Unity可以用两种方式控制动画1Animation，这种方式简单，直接Play(“Idle”)或者CorssFade(“Idle”)就可以播放动画;2Animator，Unity5.x之后推荐使用这种方式，因为里面可以加上混合动画，让动画切换更加平滑。二、Animator组件你通过Animation窗口（快捷键是Ctrl+6）中的CreateNewClip创建Animation时，一个A
  • Unity引擎开发：动画系统实现_Unity动画系统概述 chenlz2007 游戏开发unity游戏引擎lucene3dvr
    Unity动画系统概述在Unity引擎开发中，动画系统是创建生动、逼真的角色和场景动画的关键组件。无论是简单的2D动画还是复杂的3D角色动画，Unity的动画系统都提供了强大的工具和功能，帮助开发者实现高质量的动画效果。本节将详细介绍Unity动画系统的基本概念、核心组件以及它们的工作原理，为后续深入学习打下坚实的基础。动画系统的核心概念动画剪辑(AnimationClip)动画剪辑是Unity中
  • JavaScript性能优化实战技术文章 鹿柒_7 javascript性能优化开发语言
    JavaScript性能优化实战技术文章大纲性能优化的重要性用户体验与业务转化率的关系移动端设备性能瓶颈的挑战搜索引擎排名对页面性能的要求代码层面优化避免全局变量污染，使用模块化设计减少DOM操作，批量处理元素变更使用事件委托替代大量事件监听器合理使用requestAnimationFrame优化动画性能内存管理策略识别和解决内存泄漏问题及时清除定时器和事件监听器使用WeakMap和WeakSet
  • 鸿蒙Harmony应用开发—ArkTS声明式开发（基础手势：RemoteWindow） 代码与思维 鸿蒙鸿蒙-ArkTSharmonyos华为android鸿蒙鸿蒙系统ArkTSArkUI
    远程控制窗口组件，可以通过此组件控制应用窗口，提供启动退出过程中控件动画和应用窗口联动动画的能力。说明：该组件从APIVersion9开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。该组件为系统接口。子组件不可以包含子组件。接口RemoteWindow(target:WindowAnimationTarget)通过窗口动画对象创建组件。参数:参数名参数类型必填参数描述targ
  • 为 RecyclerView 的列表条目 item 添加动画 PekingVagrant androidRecyclerViewRecyclerViewitem动画
    首先感谢启舰前辈，他的Android自定义控件三部曲真的很经典，推荐大家去看，本篇文章也是借鉴他的自定义控件三部曲之动画篇(十三)——实现ListViewItem进入动画完成的。目录一.找到为item添加动画的合适位置二.使用Animation创建item动画1.创建item的布局xml2.adapter类3.从xml中加载item的动画4.主界面MainActivity5.效果一.找到为item
  • uni-app项目实战笔记15--使用uni-popup实现弹出层和uni-rate实现评分效果 moxiaoran5753 uni-app笔记
    关于uni-popup组件可访问uniapp官网查看更多：uni-popup弹出层|uni-app官网。重要属性配置：属性名类型默认值说明animationBooleantrue是否开启动画typeString'center'弹出方式mask-click[即将废弃]Booleantrue蒙版点击是否关闭弹窗is-mask-click[1.7.4新增]Booleantrue蒙版点击是否关闭弹窗mas
  • 前端开发者必须要掌握的技术栈及学习建议，都是干货 老猿阿浪 前端学习前端
    作为前端开发者，必须要掌握的技术栈非常的广泛，但总体脉络不变，以下是当前前端开发的核心技术分类和学习建议，按优先级和重要性排序如下（都是干货）：一、基础三件套（必学）HTML5语义化标签、表单验证、WebAccessibility（无障碍访问）Canvas/SVG、音视频嵌入CSS3盒模型、Flex/Grid布局、响应式设计（媒体查询）动画（Transition/Animation）、变量（CSS
  • Spring的注解积累 yijiesuifeng spring注解
    用注解来向Spring容器注册Bean。   需要在applicationContext.xml中注册： <context:component-scan base-package=”pagkage1[,pagkage2,…,pagkageN]”/>。 如：在base-package指明一个包    <context:component-sc
  • 传感器 百合不是茶 android传感器
    android传感器的作用主要就是来获取数据,根据得到的数据来触发某种事件   下面就以重力传感器为例;   1,在onCreate中获得传感器服务   private SensorManager sm;// 获得系统的服务 private Sensor sensor;// 创建传感器实例 @Override protected void
  • [光磁与探测]金吕玉衣的意义 comsci
          这是一个古代人的秘密:现在告诉大家       信不信由你们:       穿上金律玉衣的人,如果处于灵魂出窍的状态,可以飞到宇宙中去看星星       这就是为什么古代
  • 精简的反序打印某个数 沐刃青蛟 打印
    以前看到一些让求反序打印某个数的程序。 比如：输入123，输出321。   记得以前是告诉你是几位数的，当时就抓耳挠腮，完全没有思路。   似乎最后是用到%和/方法解决的。   而今突然想到一个简短的方法，就可以实现任意位数的反序打印（但是如果是首位数或者尾位数为0时就没有打印出来了）   代码如下： long num, num1=0;
  • PHP：6种方法获取文件的扩展名 IT独行者 PHP扩展名
      PHP：6种方法获取文件的扩展名   1、字符串查找和截取的方法   1 $extension = substr ( strrchr ( $file ,  '.' ), 1); 2、字符串查找和截取的方法二   1 $extension = substr
  • 面试111 文强chu 面试
    1事务隔离级别有那些 ，事务特性是什么（问到一次） 2 spring aop 如何管理事务的，如何实现的。动态代理如何实现，jdk怎么实现动态代理的，ioc是怎么实现的，spring是单例还是多例，有那些初始化bean的方式，各有什么区别（经常问） 3 struts默认提供了那些拦截器 （一次） 4 过滤器和拦截器的区别 （频率也挺高） 5 final，finally final
  • XML的四种解析方式 小桔子 domjdomdom4jsax
    在平时工作中，难免会遇到把 XML 作为数据存储格式。面对目前种类繁多的解决方案，哪个最适合我们呢？在这篇文章中，我对这四种主流方案做一个不完全评测，仅仅针对遍历 XML 这块来测试，因为遍历 XML 是工作中使用最多的（至少我认为）。 　　预 备 　　测试环境： 　　AMD 毒龙1.4G OC 1.5G、256M DDR333、Windows2000 Server
  • wordpress中常见的操作 aichenglong 中文注册wordpress移除菜单
    1 wordpress中使用中文名注册解决办法   1)使用插件   2)修改wp源代码      进入到wp-include/formatting.php文件中找到       function sanitize_user( $username, $strict = false
  • 小飞飞学管理-1 alafqq 管理
    项目管理的下午题，其实就在提出问题（挑刺），分析问题，解决问题。 今天我随意看下10年上半年的第一题。主要就是项目经理的提拨和培养。 结合我自己经历写下心得 对于公司选拔和培养项目经理的制度有什么毛病呢？ 1，公司考察，选拔项目经理，只关注技术能力，而很少或没有关注管理方面的经验，能力。 2，公司对项目经理缺乏必要的项目管理知识和技能方面的培训。 3，公司对项目经理的工作缺乏进行指
  • IO输入输出部分探讨 百合不是茶 IO
     //文件处理  在处理文件输入输出时要引入java.IO这个包； /* 1，运用File类对文件目录和属性进行操作 2，理解流，理解输入输出流的概念 3，使用字节/符流对文件进行读/写操作 4，了解标准的I/O 5，了解对象序列化 */   //1，运用File类对文件目录和属性进行操作   //在工程中线创建一个text.txt
  • getElementById的用法 bijian1013 element
            getElementById是通过Id来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签，条件很简单，就是给每个标签分配一个ID号。        返回具有指定ID属性值的第一个对象的一个引用。        语法： &n
  • 励志经典语录 bijian1013 励志人生
    经典语录1:   哈佛有一个著名的理论：人的差别在于业余时间，而一个人的命运决定于晚上8点到10点之间。每晚抽出2个小时的时间用来阅读、进修、思考或参加有意的演讲、讨论，你会发现，你的人生正在发生改变，坚持数年之后，成功会向你招手。不要每天抱着QQ/MSN/游戏/电影/肥皂剧……奋斗到12点都舍不得休息，看就看一些励志的影视或者文章，不要当作消遣；学会思考人生，学会感悟人生
  • [MongoDB学习笔记三]MongoDB分片 bit1129 mongodb
    MongoDB的副本集(Replica Set)一方面解决了数据的备份和数据的可靠性问题，另一方面也提升了数据的读写性能。MongoDB分片(Sharding)则解决了数据的扩容问题，MongoDB作为云计算时代的分布式数据库，大容量数据存储，高效并发的数据存取，自动容错等是MongoDB的关键指标。 本篇介绍MongoDB的切片(Sharding)   1.何时需要分片 &nbs
  • 【Spark八十三】BlockManager在Spark中的使用场景 bit1129 manager
    1. Broadcast变量的存储，在HttpBroadcast类中可以知道 2. RDD通过CacheManager存储RDD中的数据，CacheManager也是通过BlockManager进行存储的 3. ShuffleMapTask得到的结果数据，是通过FileShuffleBlockManager进行管理的，而FileShuffleBlockManager最终也是使用BlockMan
  • yum方式部署zabbix ronin47 yum方式部署zabbix
    安装网络yum库#rpm -ivh http://repo.zabbix.com/zabbix/2.4/rhel/6/x86_64/zabbix-release-2.4-1.el6.noarch.rpm 通过yum装mysql和zabbix调用的插件还有agent代理#yum install zabbix-server-mysql zabbix-web-mysql mysql-
  • Hibernate4和MySQL5.5自动创建表失败问题解决方法 byalias J2EEHibernate4
    今天初学Hibernate4，了解了使用Hibernate的过程。大体分为4个步骤： ①创建hibernate.cfg.xml文件 ②创建持久化对象 ③创建*.hbm.xml映射文件 ④编写hibernate相应代码 在第四步中，进行了单元测试，测试预期结果是hibernate自动帮助在数据库中创建数据表，结果JUnit单元测试没有问题，在控制台打印了创建数据表的SQL语句，但在数据库中
  • Netty源码学习-FrameDecoder bylijinnan javanetty
    Netty 3.x的user guide里FrameDecoder的例子，有几个疑问： 1.文档说：FrameDecoder calls decode method with an internally maintained cumulative buffer whenever new data is received. 为什么每次有新数据到达时，都会调用decode方法？ 2.Dec
  • SQL行列转换方法 chicony 行列转换
    create table tb(终端名称 varchar(10) , CEI分值 varchar(10) , 终端数量 int) insert into tb values('三星' , '0-5' , 74) insert into tb values('三星' , '10-15' , 83) insert into tb values('苹果' , '0-5' , 93)
  • 中文编码测试 ctrain 编码
    循环打印转换编码 String[] codes = { "iso-8859-1", "utf-8", "gbk", "unicode" }; for (int i = 0; i < codes.length; i++) { for (int j
  • hive 客户端查询报堆内存溢出解决方法 daizj hive堆内存溢出
    hive> select * from t_test where ds=20150323 limit 2; OK Exception in thread "main" java.lang.OutOfMemoryError: Java heap space   问题原因： hive堆内存默认为256M   这个问题的解决方法为： 修改/us
  • 人有多大懒，才有多大闲 (评论『卓有成效的程序员』) dcj3sjt126com 程序员
      卓有成效的程序员给我的震撼很大，程序员作为特殊的群体，有的人可以这么懒，  懒到事情都交给机器去做 ，而有的人又可以那么勤奋，每天都孜孜不倦得做着重复单调的工作。   在看这本书之前，我属于勤奋的人，而看完这本书以后，我要努力变成懒惰的人。 不要在去庞大的开始菜单里面一项一项搜索自己的应用程序，也不要在自己的桌面上放置眼花缭乱的快捷图标
  • Eclipse简单有用的配置 dcj3sjt126com eclipse
    1、显示行号  Window -- Prefences -- General -- Editors -- Text Editors -- show line numbers   2、代码提示字符 Window ->Perferences，并依次展开 Java -> Editor -> Content Assist，最下面一栏 auto-Activation
  • 在tomcat上面安装solr4.8.0全过程 eksliang Solrsolr4.0后的版本安装solr4.8.0安装
    转载请出自出处： http://eksliang.iteye.com/blog/2096478       首先solr是一个基于java的web的应用，所以安装solr之前必须先安装JDK和tomcat，我这里就先省略安装tomcat和jdk了         第一步：当然是下载去官网上下载最新的solr版本，下载地址
  • Android APP通用型拒绝服务、漏洞分析报告 gg163 漏洞androidAPP分析
    点评：记得曾经有段时间很多SRC平台被刷了大量APP本地拒绝服务漏洞，移动安全团队爱内测（ineice.com）发现了一个安卓客户端的通用型拒绝服务漏洞，来看看他们的详细分析吧。  0xr0ot和Xbalien交流所有可能导致应用拒绝服务的异常类型时，发现了一处通用的本地拒绝服务漏洞。该通用型本地拒绝服务可以造成大面积的app拒绝服务。  针对序列化对象而出现的拒绝服务主要
  • HoverTree项目已经实现分层 hvt 编程.netWebC#ASP.ENT
    HoverTree项目已经初步实现分层，源代码已经上传到 http://hovertree.codeplex.com请到SOURCE CODE查看。在本地用SQL Server 2008 数据库测试成功。数据库和表请参考：http://keleyi.com/a/bjae/ue6stb42.htmHoverTree是一个ASP.NET 开源项目，希望对你学习ASP.NET或者C#语言有帮助，如果你对
  • Google Maps API v3: Remove Markers 移除标记 天梯梦 google maps api
    Simply do the following:   I. Declare a global variable: var markersArray = [];   II. Define a function: function clearOverlays() { for (var i = 0; i < markersArray.length; i++ )
  • jQuery选择器总结 lq38366 jquery选择器
      1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
  • 基础数据结构和算法六：Quick sort sunwinner AlgorithmQuicksort
    Quick sort is probably used more widely than any other. It is popular because it is not difficult to implement, works well for a variety of different kinds of input data, and is substantially faster t
  • 如何让Flash不遮挡HTML div元素的技巧_HTML/Xhtml_网页制作 刘星宇 htmlWeb
    今天在写一个flash广告代码的时候，因为flash自带的链接，容易被当成弹出广告，所以做了一个div层放到flash上面，这样链接都是a触发的不会被拦截，但发现flash一直处于div层上面，原来flash需要加个参数才可以。 让flash置于DIV层之下的方法，让flash不挡住飘浮层或下拉菜单，让Flash不档住浮动对象或层的关键参数：wmode=opaque。 方法如下：
  • Mybatis实用Mapper SQL汇总示例 wdmcygah sqlmysqlmybatis实用
    Mybatis作为一个非常好用的持久层框架，相关资料真的是少得可怜，所幸的是官方文档还算详细。本博文主要列举一些个人感觉比较常用的场景及相应的Mapper SQL写法，希望能够对大家有所帮助。 不少持久层框架对动态SQL的支持不足，在SQL需要动态拼接时非常苦恼，而Mybatis很好地解决了这个问题，算是框架的一大亮点。对于常见的场景，例如：批量插入/更新/删除，模糊查询，多条件查询，联表查询，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他