ini
ini

htm5视差动画

点击这里查看效果

requestAnimationFrame.js 文件代码：

window.requestAnimFrame = (function() {
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame || function( /* function */ callback, /* DOMElement */ element) {
window.setTimeout(callback, 1000 / 60);
};
})();

 

页面主要代码：

<!DOCTYPE HTML>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>视差动画</title>
<script type="text/javascript" src="js/jquery8.js"></script>
<script type="text/javascript" src="js/requestAnimationFrame.js"></script>
<style type="text/css">
body {
background:#dddddd;
}
#control {
width:1000px;
margin:0 auto;
}
#containter {
text-align:center;
}

#canavas {
margin:10px;
padding:10px;
background:#ffffff;
border:thin #aaaaaa;
}
</style>
<script type="text/javascript">

$(function() {

canvas = jQuery("#canavas")[0];
content = canvas.getContext("2d");

//天空背景
sky = new Image();
sky.src = "image/back.jpg";

//云朵
c1 = new Image();
c1.src = "image/cloud2.png";

c2 = new Image();
c2.src = "image/cloud1.jpg";

c3 = new Image();
c3.src = "image/cloud3.jpg";

lastTime = (+new Date())
requestAnimFrame(animate);

pause=false;
$("#b1").click(function(){

pause=!pause;

});

});
//获取随机数据
function getRandom(min, max) {

return parseInt(Math.random() * (max - min) + min);

}



SKY_VELOCITY = 50;
skyOffset = 0;

C1_VELOCITY = 100;
c1Offset = 0;

C2_VELOCITY = 150;
c2Offset = 0;

C3_VELOCITY = 200;
c3Offset = 0;

fangxiag = 1;

function drawBack() {

//背景移位
skyOffset = skyOffset < sky.width ? skyOffset + SKY_VELOCITY / fps : 0;

//远/中/近 三处的云朵移位
c1Offset = c1Offset < canvas.width ? c1Offset + C1_VELOCITY / fps : 0;
c2Offset = c2Offset < canvas.width ? c2Offset + C2_VELOCITY / fps : 0;
c3Offset = c3Offset < canvas.width ? c3Offset + C3_VELOCITY / fps : 0;

//绘制三朵云
content.save();
content.translate(-skyOffset, 0);
content.drawImage(sky, 0, 0);
content.drawImage(sky, sky.width, 0);
content.restore();

content.save();
content.translate(-c1Offset, 0);
content.drawImage(c1, 50, 50);
content.drawImage(c1, 600, 70);
content.drawImage(c1, 1050, 50);
content.drawImage(c1, 1600, 70);
content.restore();

content.save();
content.translate(-c2Offset, 0);
content.drawImage(c2, 130, 120);
content.drawImage(c2, 730, 170);
content.drawImage(c2, 1130, 120);
content.drawImage(c2, 1730, 170);
content.restore();

content.save();
content.translate(-c3Offset, 0);
content.drawImage(c3, 600, 250);
content.drawImage(c3, 100, 320);
content.drawImage(c3, 1600, 250);
content.drawImage(c3, 110, 320);
content.restore();

}


fps = 0;
//实现动画
function animate(time) {

if(!pause){

//清楚背景
content.clearRect(0, 0, canvas.width, canvas.height);
//计算fps
fps = geFps(time);

//绘制背景
drawBack();

//绘制即时参数
content.fillText(fps.toFixed() + " fps", 20, 20);

}else{

lastFpsUpdateTime=time; 

}
//继续下一帧动画
requestAnimFrame(animate);
}



var lastFpsUpdateTime = 0;
//计算fps
function geFps(time) {

fps = 1000 / (time - lastFpsUpdateTime);

lastFpsUpdateTime = time;

return fps;

}
</script>
</head>

<body>
<div id="control">
<input id="b1" type="button" value="暂停" />

</div>
<div id="containter">
<canvas id="canavas" width="500" height="200"></canvas>
</div>
</body>

</html>

 转载自：http://keleyi.com/a/bjac/syjet5g0.htm

http://ini.iteye.com

 

你可能感兴趣的:(JavaScript,jquery,动画,css,html5)

  • 前端知识-CSS(二) 冉成未来 Web前端css
    文章目录CSS尺寸CSSDisplay(显示)与Visibility（可见性）CSSDisplay-块和内联元素display可设置的值CSSPosition(定位)重叠的元素CSSOverflowoverflow属性值：CSSFloat(浮动)CSS对齐元素居中对齐文本居中对齐图片居中对齐左右对齐-使用定位方式左右对齐-使用float方式垂直居中对齐-使用padding垂直居中-使用line-h
  • Tailwind CSS 学习笔记(二) SSHSHLSH css前端
    一、辅助工具在vscode中使用TailwindCSS，可安装官方提供的TailwindCSSIntelliSense插件，该插件可以提供自动补全、语法高亮及检查功能。二、TailwindCSS中的基本单位CSS中常见单位1、绝对单位绝对单位的值固定，不依赖其他元素或设备特性，通常用于打印或固定尺寸场景：像素(px):表示屏幕上的物理像素点，是绝对单位中最常用的。但实际物理尺寸受屏幕分辨率（dpi
  • Tailwind CSS 学习笔记(一) SSHSHLSH 前端UI前端css
    一、简介TailwindCSS是一个工具优先的CSS框架，只需书写HTML代码，无需书写CSS，即可快速构建美观的网站。二、优点1、简洁、规整，避免了随意取类名TailwindCSS的工具类(Utilityclasses)能够为你提供一套约束系统，避免让你的样式表中出现随意的取值。它让颜色、间距、排版、阴影以及一切取值保持一致，并最终形成一个精心构建的设计系统2、灵活性强、你所想地就能实现由于Ta
  • 翻译：高级跨浏览器Flexbox布局 本是后山人 flexflexbox兼容布局跨浏览器
    原文：https://dev.opera.com/articles/advanced-cross-browser-flexbox/介绍CSS灵活盒模块级3-简称Flexbox-它为web开发带来了很多的动力和一些非常令人兴奋的可能性，使我们能够在一些复杂的站点布局很容易和迅速，摒弃一些不合逻辑的hacks和组装件我们传统上使用。我在文章Flexbox中处理了Flexbox的基础知识：快速布局必杀技
  • 红宝书第十五讲：详解JavaScript迭代器与生成器：Symbol.iterator与yield 前端javascript
    红宝书第十五讲：详解JavaScript迭代器与生成器：Symbol.iterator与yield资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、迭代器（Iterator）的“传送带”模式迭代器像一个可暂停的传送带，逐项提供数据。任何对象实现Symbol.iterator方法即可成为可迭代对象，供for...of等遍历1。示例：手动控制数组迭代器constco
  • 红宝书第十四讲：详解JavaScript集合类型：Map、Set、WeakMap 前端javascript
    红宝书第十四讲：详解JavaScript集合类型：Map、Set、WeakMap资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、Map：钥匙任选的“保险箱”Map的键可以是任意数据类型（如对象、函数），不像普通Object只能用字符串/符号作为键。适合需要复杂键的场景1。示例：员工信息管理//创建Map（支持链式操作）constemployeeMap=newM
  • 红宝书第十五讲：详解JavaScript迭代器与生成器：Symbol.iterator与yield 前端javascript
    红宝书第十五讲：详解JavaScript迭代器与生成器：Symbol.iterator与yield资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、迭代器（Iterator）的“传送带”模式迭代器像一个可暂停的传送带，逐项提供数据。任何对象实现Symbol.iterator方法即可成为可迭代对象，供for...of等遍历1。示例：手动控制数组迭代器constco
  • 红宝书第十二讲：详解JavaScript中的工厂模式与原型模式等各种设计模式 前端javascript
    红宝书第十二讲：详解JavaScript中的工厂模式与原型模式等各种设计模式资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲工厂模式和原型模式解析一、工厂模式：像订外卖一样创建对象工厂模式就像一个“对象生成器”，只需要告诉它“我要什么”，它就会自动生成并返回对应的对象。适合需要批量创建复杂对象的场景1。案例：点餐系统假设你经营奶茶店，需要根据订单类型生成不同配置的
  • CSS3的弹性布局 人生的方向随自己而走 2023年前端项目空间2022年Java空间HTML5+CSScss3css前端
    CSS3弹性盒子(FlexBox)弹性盒子是CSS3的一种新的布局模式。CSS3弹性盒（FlexibleBox或flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。官网地址学习路径:CSS3弹性盒子-JavaScript中文网-JavaScript教程
  • 红宝书第六讲：作用域链与闭包：厨房里的调味料架原理 前端javascript
    红宝书第六讲：作用域链与闭包：厨房里的调味料架原理资料取自《JavaScript高级程序设计（第5版）》。查看所有教程：红宝书学习大纲一、什么是作用域链？（洋葱层级结构）想象你在厨房做菜，每个调料瓶按使用频率由近到远摆放：当前厨房台面：手边的盐、酱油→相当于函数内部变量（局部作用域）冰箱里的辣椒酱：常用但稍远→外层函数的变量（父级作用域）储藏室的大米：最远的储备→全局变量（全局作用域）作用域链的查
  • 红宝书第五讲：函数声明与表达式小白详解 前端javascript
    红宝书第五讲：函数声明与表达式小白详解资料取自《JavaScript高级程序设计（第5版）》。查看所有教程：红宝书学习大纲一、函数声明：先上车后买票1.基本语法用function关键字直接定义函数：function打招呼(){console.log("你好！");}2.核心特点提前可用（提升）：函数声明会被自动提升到作用域顶部，可以先调用后定义1：打个招呼();//✅正常执行function打个招
  • 红宝书第四讲：JavaScript原始值与引用值行为差异详解 前端javascript
    红宝书第四讲：JavaScript原始值与引用值行为差异详解资料取自《JavaScript高级程序设计（第5版）》。查看所有教程：红宝书学习大纲一、基本定义与存储方式原始值（PrimitiveValues）类型：包括字符串（String）、数字（Number）、布尔值（Boolean）、null、undefined、Symbol、BigInt1。存储方式：直接存储在栈内存中，占用固定大小空间。例如
  • 红宝书第一讲：JavaScript 语法与数据类型详解 前端javascript
    红宝书第一讲：JavaScript语法与数据类型详解资料取自《JavaScript高级程序设计（第5版）》。查看所有教程：红宝书学习大纲一、基本数据类型（原始类型）JavaScript的原始类型是最基础的数据单元，不可再拆分：数字（Number）包含整数、小数、特殊值NaN（非数字）、Infinity（无穷大）例子：constage=25;//整数constprice=9.99;//小数const
  • 红宝书《JavaScript高级程序设计（第5版）》学习大纲 前端javascript
    红宝书《JavaScript高级程序设计（第5版）》学习大纲《JavaScript高级程序设计（第5版）》是JavaScript领域的经典“红宝书”，它从基础语法讲到高级特性，还包含浏览器环境和前端工程化等内容。本书2024年12月出版，接下来数篇文章，我将用通俗易懂的方式，把书中的知识点一一详细介绍。搭配书本一起看，效果会更好。本书链接一、JavaScript基础核心1）.语言基础语法与数据类型
  • 前端面试题100题：问答精选与简明解析 薛飞之 前端react.jsjavascript前端框架
    HTML5有哪些新特性？语义标签（如，），多媒体标签（如，），离线存储（localStorage，sessionStorage），新的表单控件（如，）。CSS3有哪些新特性？边框圆角（border-radius），阴影（box-shadow，text-shadow），渐变（linear-gradient，radial-gradient），弹性盒模型（flexbox），媒体查询。JavaScript
  • TailwindCss的基本使用 SuppperSA css学习前端css
    目录关于tailwindCss感受在了解tailwindCss之前先说一下响应式开发介绍基本实现下面介绍tailwindCss的基本使用写法预设断点响应式开发设计关于tailwindCss感受在没接触tailwindCss之前都是使用命名css，对于css的起名对于我来说真是浪费脑细胞，只能无脑的遵循BEM命名方法。我觉得写css就应该随心所欲，不应该把过多的时间放在css命名上，但是在接触到ta
  • 如何优化Flutter和React Native与原生平台交互的性能，同时保证数据类型安全和线程隔离？ JafarOne reactnativeflutter安全
    在开发跨平台移动应用时，优化与原生平台的交互性能至关重要。Flutter和ReactNative分别提供了不同的机制进行数据交换和操作，但在性能优化、数据类型安全以及线程隔离方面都有需要提升的地方。本文将从这三方面展开探讨，同时提供实用示例帮助理解。一、优化通信机制1.减少桥接调用频率ReactNative:利用批量处理请求，减少JavaScript与原生之间的桥接次数。示例：使用原生端定时任务聚
  • JavaScript性能优化实战手册：从V8引擎到React的毫秒级性能革命 一个天蝎座 白勺 程序猿 JavaScriptjavascript性能优化react.js
    目录一、性能优化的本质挑战1.1浏览器渲染管线的性能瓶颈2.1内存管理优化2.2执行效率优化2.3网络传输优化三、React框架深度调优3.1渲染性能优化3.2性能监控体系四、企业级优化案例4.1电商平台首页优化4.2数据可视化大屏优化五、新一代性能优化技术5.1WASM性能突破5.2浏览器新特性六、性能工程体系构建6.1持续性能监控6.2性能优化一、性能优化的本质挑战1.1浏览器渲染管线的性能瓶
  • WebGPU实战：Three.js性能优化新纪元 AWS官方合作商 javascript服务器开发语言
    一、WebGPU技术突破解析1.1传统WebGL的架构瓶颈graphLRA[JavaScript]-->B[WebGLBinding]B-->C[OpenGLES]C-->D[GPUDriver]D-->E[GPUHardware]1.2WebGPU的现代架构优势graphLRA[WGSLShader]-->B[ComputePipeline]A-->C[RenderPipeline]B-->D[
  • 红宝书第十五讲：详解JavaScript迭代器与生成器：Symbol.iterator与yield 前端javascript
    红宝书第十五讲：详解JavaScript迭代器与生成器：Symbol.iterator与yield资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、迭代器（Iterator）的“传送带”模式迭代器像一个可暂停的传送带，逐项提供数据。任何对象实现Symbol.iterator方法即可成为可迭代对象，供for...of等遍历1。示例：手动控制数组迭代器constco
  • 红宝书第十二讲：详解JavaScript中的工厂模式与原型模式等各种设计模式 前端javascript
    红宝书第十二讲：详解JavaScript中的工厂模式与原型模式等各种设计模式资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲工厂模式和原型模式解析一、工厂模式：像订外卖一样创建对象工厂模式就像一个“对象生成器”，只需要告诉它“我要什么”，它就会自动生成并返回对应的对象。适合需要批量创建复杂对象的场景1。案例：点餐系统假设你经营奶茶店，需要根据订单类型生成不同配置的
  • 红宝书第十一讲：超易懂版「ES6类与继承」零基础教程：用现实例子+图解实现 前端javascript
    红宝书第十一讲：超易懂版「ES6类与继承」零基础教程：用现实例子+图解实现资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、ES6类的核心语法：把事物抽象成“模板”想象你要设计一款「动物养成游戏」，需要创建多种动物对象。ES6的class就是一个代码模板：//基础类（Animal是模板，有名称和吃东西方法）classAnimal{constructor(name
  • 新型蜜罐有哪些？未来方向如何？ 网安技术分享 安全wireshark测试工具网络网络安全
    基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/kdoc_html_views-1a98987dfd.css"rel="stylesheet"/>href="https://csdnimg.cn/release/blogv2/dist/mdedi
  • 探索HTML5 Canvas：创造动态与交互性网页内容的强大工具 易xingxing html5前端html
    探索HTML5Canvas：创造动态与交互性网页内容的强大工具引言在HTML5的众多新特性中，Canvas无疑是最引人注目的元素之一。它为网页设计师和开发者提供了一个通过JavaScript和HTML直接在网页上绘制图形、图像以及进行动画处理的画布。Canvas的灵活性和强大功能，使得它成为创造动态、交互性网页内容的首选工具。本文将深入探讨HTML5Canvas的基本用法、应用场景以及如何利用它来
  • JavaScript 判断对象是否为空对象的技术讲解 易xingxing javascript前端开发语言
    JavaScript判断对象是否为空对象的技术讲解1.为什么需要判断空对象？2.什么是空对象？3.常见的判断方法3.1使用`Object.keys()`3.2使用`for...in`循环3.3使用`JSON.stringify()`4.注意事项5.总结在日常开发中，我们常常需要判断一个对象是否为空对象。所谓空对象，通常指该对象没有任何可枚举的属性。本文将详细介绍几种常见的判断方法，包括它们的原理、
  • html+css语言例题,前端HTML+CSS笔试题面试题 周咕嘟 html+css语言例题
    前言前端的面试和学习都是不可或缺的事情，在这里收集一些高频面试题，供自己现在和以后查阅和查缺补漏的同时，也希望对小伙伴有所帮助。HTML1、HTML语义化的理解1、用正确的标签做正确的事情！2、HTML语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；3、在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的。4、搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于SEO。5
  • web前端期末大作业：网站设计与实现——咖啡网站HTML+CSS+JavaScript web学生网页设计 web前端html网页模版html网页期末作业javascriptweb课程设计与制作web期末大作业
    精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程120G干
  • 用HTML+CSS仿网易云音乐网站(6个页面) (1) web学生网页设计 htmlcss前端
    精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码
  • CSS——浅谈浮动（Float）,清除（Clear） 「已注销」 CSScss
    浮动是CSS较常见的布局手段之一。为什么要使用浮动？使用浮动后会产生哪些变化与问题？又该如何解决问题？为什么使用浮动？浮动出现的初期仅是为了解决文字环绕浮动元素问题（文字不会被浮动元素覆盖，自动分布在浮动元素周围）,逐渐的浮动慢慢应用到解决多个块级元素同行出现的问题，虽然我们可以通过将块级元素设置为display：inline-block使多个块元素同行，但是该方式不能控制元素的位置，所以实现元素
  • react——响应事件 JL-ll 前端react.js前端前端框架
    代码内容javascriptfunctionMyButton(){functionhandleClick(){alert('Youclickedme!');}return(点我);}1.定义事件处理函数functionhandleClick()：这是一个普通的JavaScript函数，定义在MyButton组件内部。当被调用时，它会弹出一个警告框，显示“Youclickedme!”。命名惯例：Re
  • mondb入手 木zi_鸣 mongodb
    windows 启动mongodb  编写bat文件， mongod --dbpath D:\software\MongoDBDATA mongod --help  查询各种配置 配置在mongob 打开批处理，即可启动，27017原生端口，shell操作监控端口  扩展28017，web端操作端口 启动配置文件配置， 数据更灵活 
  • 大型高并发高负载网站的系统架构 bijian1013 高并发负载均衡
            扩展Web应用程序 一.概念         简单的来说，如果一个系统可扩展，那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集，并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种：         1.
  • DISPLAY变量和xhost(原创) czmmiao display
    DISPLAY 在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0
  • 获取B/S客户端IP 周凡杨 java编程jspWeb浏览器
       最近想写个B/S架构的聊天系统，因为以前做过C/S架构的QQ聊天系统，所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统，由于存在客户端Java应用，所以直接在代码中获取客户端的IP，应用的方法为：    String ip = InetAddress.getLocalHost().getHostAddress(); 然而对于WEB
  • 浅谈类和对象 朱辉辉33 编程
        类是对一类事物的总称，对象是描述一个物体的特征，类是对象的抽象。简单来说，类是抽象的，不占用内存，对象是具体的， 占用存储空间。     类是由属性和方法构成的，基本格式是public  class 类名{ //定义属性 private/public 数据类型 属性名； //定义方法 publ
  • android activity与viewpager+fragment的生命周期问题 肆无忌惮_ viewpager
    有一个Activity里面是ViewPager，ViewPager里面放了两个Fragment。 第一次进入这个Activity。开启了服务，并在onResume方法中绑定服务后，对Service进行了一定的初始化，其中调用了Fragment中的一个属性。 super.onResume(); bindService(intent, conn, BIND_AUTO_CREATE);
  • base64Encode对图片进行编码 843977358 base64图片encoder
    /** * 对图片进行base64encoder编码 * * @author mrZhang * @param path * @return */ public static String encodeImage(String path) { BASE64Encoder encoder = null; byte[] b = null; I
  • Request Header简介 aigo servlet
    当一个客户端(通常是浏览器)向Web服务器发送一个请求是，它要发送一个请求的命令行，一般是GET或POST命令，当发送POST命令时，它还必须向服务器发送一个叫“Content-Length”的请求头(Request   Header)   用以指明请求数据的长度，除了Content-Length之外，它还可以向服务器发送其它一些Headers，如：    
  • HttpClient4.3 创建SSL协议的HttpClient对象 alleni123 httpclient爬虫ssl
    public class HttpClientUtils { public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){ SSLContext sslContext=null; try { sslContext=new SSLContextBuilder().l
  • java取反 -右移-左移-无符号右移的探讨 百合不是茶 位运算符 位移
    取反： 在二进制中第一位，1表示符数，0表示正数 byte a = -1; 原码：10000001 反码：11111110 补码：11111111 //异或: 00000000 byte b = -2; 原码：10000010 反码：11111101 补码：11111110 //异或: 00000001
  • java多线程join的作用与用法 bijian1013 java多线程
            对于JAVA的join，JDK 是这样说的：join public final void join （long millis ）throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t
  • Java发送http请求(get 与post方法请求) bijian1013 javaspring
    PostRequest.java package com.bijian.study; import java.io.BufferedReader; import java.io.DataOutputStream; import java.io.IOException; import java.io.InputStreamReader; import java.net.HttpURL
  • 【Struts2二】struts.xml中package下的action配置项默认值 bit1129 struts.xml
    在第一部份，定义了struts.xml文件，如下所示：   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts
  • 【Kafka十三】Kafka Simple Consumer bit1129 simple
    代码中关于Host和Port是割裂开的，这会导致单机环境下的伪分布式Kafka集群环境下，这个例子没法运行。 实际情况是需要将host和port绑定到一起，   package kafka.examples.lowlevel; import kafka.api.FetchRequest; import kafka.api.FetchRequestBuilder; impo
  • nodejs学习api ronin47 nodejs api
    NodeJS基础 什么是NodeJS JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。 每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了docum
  • java-64.寻找第N个丑数 bylijinnan java
    public class UglyNumber { /** * 64.查找第N个丑数 具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url] * 题目：我们把只包含因子 2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14
  • 二维数组（矩阵）对角线输出 bylijinnan 二维数组
    /** 二维数组 对角线输出 两个方向 例如对于数组： { 1, 2, 3, 4 }, { 5, 6, 7, 8 }, { 9, 10, 11, 12 }, { 13, 14, 15, 16 }, slash方向输出： 1 5 2 9 6 3 13 10 7 4 14 11 8 15 12 16 backslash输出： 4 3
  • [JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新) comsci 工作流
       既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理    大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把
  • redis常见使用 cuityang redis常见使用
    redis 通常被认为是一个数据结构服务器，主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets 引入jar包 jedis-2.1.0.jar  (本文下方提供下载) package redistest; import redis.clients.jedis.Jedis; public class Listtest
  • 配置多个redis dalan_123 redis
    配置多个redis客户端 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"       xmlns:xsi=&quo
  • attrib命令 dcj3sjt126com attr
      attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统.    只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护.    存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件. 
  • Yii使用公共函数 dcj3sjt126com yii
    在网站项目中，没必要把公用的函数写成一个工具类，有时候面向过程其实更方便。 在入口文件index.php里添加 require_once('protected/function.php'); 即可对其引用，成为公用的函数集合。 function.php如下：   <?php /**   * This is the shortcut to D
  • linux 系统资源的查看（free、uname、uptime、netstat） eksliang netstatlinux unamelinux uptimelinux free
    linux 系统资源的查看 转载请出自出处：http://eksliang.iteye.com/blog/2167081   http://eksliang.iteye.com 一、free查看内存的使用情况 语法如下：   free [-b][-k][-m][-g] [-t] 参数含义 -b:直接输入free时，显示的单位是kb我们可以使用b(bytes),m
  • JAVA的位操作符 greemranqq 位运算JAVA位移<<>>>
    最近几种进制，加上各种位操作符，发现都比较模糊，不能完全掌握，这里就再熟悉熟悉。   1.按位操作符 ：    按位操作符是用来操作基本数据类型中的单个bit,即二进制位，会对两个参数执行布尔代数运算，获得结果。    与（&）运算：    1&1 = 1, 1&0 = 0, 0&0 &
  • Web前段学习网站 ihuning Web
      Web前段学习网站 菜鸟学习：http://www.w3cschool.cc/   JQuery中文网：http://www.jquerycn.cn/   内存溢出：http://outofmemory.cn/#csdn.blog   http://www.icoolxue.com/   http://www.jikexue
  • 强强联合：FluxBB 作者加盟 Flarum justjavac r
    原文：FluxBB Joins Forces With Flarum作者：Toby Zerner译文：强强联合：FluxBB 作者加盟 Flarum译者：justjavac FluxBB 是一个快速、轻量级论坛软件，它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写，并已经开发了一段时间。FluxBB 看起来非常有前途的，
  • java统计在线人数（session存储信息的） macroli javaWeb
    这篇日志是我写的第三次了 前两次都发布失败！郁闷极了！   由于在web开发中常常用到这一部分所以在此记录一下，呵呵，就到备忘录了！ 我对于登录信息时使用session存储的，所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。 1、实现接口类，在web.xml文件中配置监听类，从而可以使该类完成其工作。 public class Ses
  • bootstrp carousel初体验 快速构建图片播放 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    img{ border: 1px solid white; box-shadow: 2px 2px 12px #333; _width: expression(this.width > 600 ? "600px" : this.width + "px"); _height: expression(this.width &
  • SparkSQL读取HBase数据，通过自定义外部数据源 superlxw1234 sparksparksqlsparksql读取hbasesparksql外部数据源
    关键字：SparkSQL读取HBase、SparkSQL自定义外部数据源     前面文章介绍了SparSQL通过Hive操作HBase表。   SparkSQL从1.2开始支持自定义外部数据源(External DataSource)，这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0，简单介绍SparkSQL自定义外部数据源，访
  • Spring Boot 1.3.0.M1发布 wiselyman spring boot
        Spring Boot 1.3.0.M1于6.12日发布，现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下：   1.提供一个新的sprin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他