elick
elick

Box2dWeb介绍：HTML5自定义图片创建Box2d项目

当我第一次介绍Box2dWeb：使用HTML5开发Box2d项目，一些读者想知道怎样自定义图片，可以替换范例中的盒子。

所以下面我就会详细介绍怎样自定义图片，与AS3相比没有特别大的区别。

首先我把一个木箱的图片加到网页中，把它放在隐藏层里。请注意第9行~第11行代码。

<html>
       <head>
               <title>box2dweb</title>
               <script type="text/javascript" src=\'#\'" /script>
               <script type="text/javascript" src=\'#\'" /script>
       </head>
       <body style="margin:0px">
               <canvas id="canvas" width="640" height="480" style="background-color:#333333;"></canvas>
               <div id="assets" style="display:none">
                       <img id="crate" src=\'#\'" />
               </div>
          </body>
</html>

然后我需要定义 getContext("2d")对象。这是Box2d的内置对象，它包含很多属性和方法，比如画路径，画圆，画矩形，画文字，图片等等。请注意第13行代码。

function init() {
       var b2Vec2 = Box2D.Common.Math.b2Vec2;
       var b2AABB = Box2D.Collision.b2AABB;
       var b2BodyDef = Box2D.Dynamics.b2BodyDef;
       var b2Body = Box2D.Dynamics.b2Body;
       var b2FixtureDef = Box2D.Dynamics.b2FixtureDef;
       var b2Fixture = Box2D.Dynamics.b2Fixture;
       var b2World = Box2D.Dynamics.b2World;
       var b2PolygonShape = Box2D.Collision.Shapes.b2PolygonShape;
       var b2DebugDraw = Box2D.Dynamics.b2DebugDraw;

       var canvas = document.getElementById("canvas");
       var context = canvas.getContext("2d");

       var worldScale = 30;

       var world = new b2World(new b2Vec2(0, 10),true);

       var canvasPosition = getElementPosition(canvas);

       debugDraw();            
       window.setInterval(update,1000/60);

       createBox(640,30,320,480,b2Body.b2_staticBody,null);
       createBox(640,30,320,0,b2Body.b2_staticBody,null);
       createBox(30,480,0,240,b2Body.b2_staticBody,null);
       createBox(30,480,640,240,b2Body.b2_staticBody,null);

       document.addEventListener("mousedown",function(e){
               createBox(64,64,e.clientX-canvasPosition.x,e.clientY-canvasPosition.y,b2Body.b2_dynamicBody,document.getElementById("crate"));
       });

       function createBox(width,height,pX,pY,type,data){
               var bodyDef = new b2BodyDef;
               bodyDef.type = type;
               bodyDef.position.Set(pX/worldScale,pY/worldScale);
               bodyDef.userData=data;
               var polygonShape = new b2PolygonShape;
               polygonShape.SetAsBox(width/2/worldScale,height/2/worldScale);
               var fixtureDef = new b2FixtureDef;
               fixtureDef.density = 1.0;
               fixtureDef.friction = 0.5;
               fixtureDef.restitution = 0.5;
               fixtureDef.shape = polygonShape;
               var body=world.CreateBody(bodyDef);
               body.CreateFixture(fixtureDef);
       }

       function debugDraw(){
               var debugDraw = new b2DebugDraw();
               debugDraw.SetSprite(document.getElementById("canvas").getContext("2d"));
               debugDraw.SetDrawScale(30.0);
               debugDraw.SetFillAlpha(0.5);
               debugDraw.SetLineThickness(1.0);
               debugDraw.SetFlags(b2DebugDraw.e_shapeBit | b2DebugDraw.e_jointBit);
               world.SetDebugDraw(debugDraw);
       }

       function update() {
               world.Step(1/60,10,10);
            world.DrawDebugData();
            for(var b = world.m_bodyList; b != null; b = b.m_next){
                       if(b.GetUserData()){
                               context.save();
                               context.translate(b.GetPosition().x*worldScale,b.GetPosition().y*worldScale);
                               context.rotate(b.GetAngle());
                               context.drawImage(b.GetUserData(),-b.GetUserData().width/2,-b.GetUserData().height/2);
                               context.restore();
                       }
               }
            world.ClearForces();
       };

       //http://js-tut.aardon.de/js-tut/tutorial/position.html
       function getElementPosition(element) {
               var elem=element, tagname="", x=0, y=0;
               while((typeof(elem) == "object") && (typeof(elem.tagName) != "undefined")) {
                       y += elem.offsetTop;
                       x += elem.offsetLeft;
                       tagname = elem.tagName.toUpperCase();
                       if(tagname == "BODY"){
                               elem=0;
                       }
                       if(typeof(elem) == "object"){
                               if(typeof(elem.offsetParent) == "object"){
                                       elem = elem.offsetParent;
                               }
                       }
               }
               return {x: x, y: y};
       }

};

所有Box2d项目的刷新代码都是一样的。整个例子的核心你可以在下面5行代码中找到。

context.save();
context.translate(b.GetPosition().x*worldScale,b.GetPosition().y*worldScale);
context.rotate(b.GetAngle());
context.drawImage(b.GetUserData(),-b.GetUserData().width/2,-b.GetUserData().height/2);
context.restore();


HTML5显示图片的机制与AS3相比，最大的区别在于HTML5需要存储图片，然后对图片进行操作，最后显示在舞台上，而AS3直接显示图片，并可以对图片进行操作。

这是范例的最终效果：



在画布上点击，创建木箱。
原文地址: http://news.9ria.com/2012/1206/25559.html

你可能感兴趣的:(html5,开发,图片,项目,读者)

  • package.json依赖包漏洞之yargs-Parser输入验证错误漏洞 漏洞安全
    背景有个安全扫描的流水线，扫描了负责的项目之后，发现一些漏洞。需要说明的是，这个扫描只是针对package.json文件。扫的是依赖树，而不是项目源代码，也不是打包后的代码。但既然是漏洞，都是可以好好学习下的。yargs-Parser输入验证错误漏洞(CVE-2020-7608)被扫描出来的是下面这样的：详情请查看：package.json依赖包漏洞之yargs-Parser输入验证错误漏洞
  • package.json依赖包漏洞之nodejs-glob-parent正则表达式拒绝服务漏洞 漏洞安全前端
    背景有个安全扫描的流水线，扫描了负责的项目之后，发现一些漏洞。需要说明的是，这个扫描只是针对package.json文件，扫的是依赖树，而不是项目源代码，也不是打包后的代码。但既然是漏洞，都是可以好好学习下的。nodejs-glob-parent正则表达式拒绝服务漏洞(CVE-2020-28469)被扫描出来的是下面这样的：从阿里云漏洞库中可以知道具体是什么漏洞。CVE-2020-28469漏洞的
  • 提取图片颜色信息转数据信息 ~夕上林~ 图像处理matlab
    提取图片颜色信息转数据信息背景：给定原始图片如下，数据范围为0~2π\piπ，如何通过给定图片，提取出来对应的数据信息。目录提取图片颜色信息转数据信息分析颜色模型图像预处理图像修复图片重建和裁剪提取数据分析原始图片存在两个数据图Transmittedwave和Reflectedwave，接下来将其简称为c图和d图。两数据图的颜色范围和数据范围均一致，之后以c图进行分析：项目Value长lll2.2
  • 超时与重试浅析 kshzhaohui 后端java
    前言超时可以说是除了空指针我们最熟悉的异常了，从系统的接入层，到服务层，再到数据库层等等都能看到超时的身影；超时很多情况下同时伴随着重试，因为某些情况下比如网络抖动问题等，重试是可以成功的；当然重试往往也会指定重试次数上限，因为如果程序确实存在问题，重试多少次都无济于事，那其实也是对资源的浪费。为什么要设置超时对于开发人员来说我们平时最常见的就是设置超时时间，比如数据库超时设置、缓存超时设置、中间
  • python之函数的定义 徐jiankang python基础日常总结python开发语言
    博主简介：原互联网大厂tencent员工，网安巨头Venustech员工，阿里云开发社区专家博主，微信公众号java基础笔记优质创作者，csdn优质创作博主，创业者，知识共享者,欢迎关注，点赞，收藏。目录一、背景二、函数的定义三、参考四、总结一、背景  实际开发过程中，经常会遇到很多完全相同或者非常相似的操作，这时，可以将实现类似操作的代码封装为函数，然后在需要的地方调用该函数。这样不仅可以实现代
  • 关于网络标准协会 hailuoing
    1.IETF互联网工程任务组（InternetEngineeringTaskForce，IETF）负责互联网标准的开发和推动IETF由互联网结构委员会（InternetArchitectureBoard,IAB)监督，IAB向互联网协会(InternetSociety，ISOC)负责。现任IETF主席是BrianCarpenter。相关机构：互联网协会(ISOC-InternetSociety)I
  • Serverless Plugin Optimize 使用指南 舒林艾Natalie
    ServerlessPluginOptimize使用指南serverless-plugin-optimize⛔️DEPRECATED⛔️BundlewithBrowserify,transpileandminifywithBabelautomaticallytoyourNodeJSruntimecompatibleJavaScript项目地址:https://gitcode.com/gh_mirr
  • 项目推荐：Serverless优化插件 —— 提升您的云函数性能与效率 井队湛Heath
    项目推荐：Serverless优化插件——提升您的云函数性能与效率serverless-plugin-optimize⛔️DEPRECATED⛔️BundlewithBrowserify,transpileandminifywithBabelautomaticallytoyourNodeJSruntimecompatibleJavaScript项目地址:https://gitcode.com/gh
  • 【信息系统项目管理师-选择真题】2017下半年综合知识答案和详解 数据知道 信息系统项目管理师(软考高级)软考高级信息系统项目管理师高项备考高项综合知识
    更多内容请见：备考信息系统项目管理师-专栏介绍和目录文章目录【第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题
  • 大模型项目落地时，该如何估算模型所需GPU算力资源 kcarly 大模型知识乱炖认识系列gpu算力深度学习自然语言处理AIGC
    近期公司有大模型项目落地。在前期沟通时，对于算力估算和采购方案许多小伙伴不太了解，在此对相关的算力估算和选择进行一些总结。不喜欢过程的可以直接跳到HF上提供的模型计算器要估算大模型的所需的显卡算力，首先要了解大模型的参数基础知识。大模型的规模、参数的理解模型参数单位我们的项目中客户之前测试过Qwen1.5-110B的模型，效果还比较满意。（Qwen还是国产模型中比较稳定的也是很多项目的首选）模型中
  • 2021年Javascript最常见的面试题以及答案 2401_86401365 javascript原型模式开发语言
    区别：||和原数据是否指向同一个对象|第一层数据为基本数据类型|原数据中包含的子对象||—|—|—|—||浅拷贝|否|不会使原数据一起改变|会使原数据一起改变||深拷贝|否|不会使原数据一起改变|不会使原数据一起改变|点击对Javscript中浅拷贝和深拷贝的探索和详解查看详解项目中实现深浅拷贝常用的方法有哪些？===========================================
  • Docker Desktop 在Windows 环境中开发、测试和运行容器化的应用程序 jcsx dockerdockerwindows容器
    Docker为Windows提供了专门的桌面版工具，称为DockerDesktop，它允许你在Windows环境中开发、测试和运行容器化的应用程序。如何在Windows上使用DockerDockerDesktopDockerDesktop是一个专为Windows设计的应用程序，它简化了在Windows上安装和管理Docker的过程。DockerDesktop支持Windows10和Windows1
  • app架构 yx1166 IOS
    一个好的app架构，能够经得起时间的检验，能让开发者愉快并非常自豪，拓展性非常好。架构是什么？一个app的架构，包含外在和内在2个方面。外在，指的是项目的目录。内在，指的是支撑app的基础运行库。具体包括但不限于：网络请求框架、日志输出框架、图片处理框架、地图、推送等基础必备的库。有了这些库，这个框架不一定是高效的，还要看框架的使用和搭建的成果，框架改动的次数。怎样设计一个好架构？架构，只有适合自
  • 【数据结构】最有效的实现栈和队列的方式（C&C++语言版） 大名顶顶 数据结构数据结构c语言c++程序员计算机编程软件开发
    在这个技术飞速发展的时代，掌握基础的数据结构知识是每个程序员必不可少的技能。本文将深入探讨栈和队列这两种线性数据结构，带你了解它们在实际编程中的应用以及如何用C/C++代码实现这些结构的核心操作。我们不仅讲解了栈的后进先出（LIFO）和队列的先进先出（FIFO）原理，还通过实例展示了如何将这两种数据结构结合起来，提升编程效率和解决实际问题的能力⚙️。不论你是编程新手还是经验丰富的开发者‍，本文都将
  • vue3实际开发bug解决 我爱加班、、 前端开发遇到的问题vue项目实际开发中的bugbug前端javascript
    index.vue:119Uncaught(inpromise)TypeError:Cannotcreateproperty'value'onstring'我是标题'问题分析：问题出在componentName的解构和赋值操作上。你尝试将一个字符串赋值给ref的.value属性，这导致了错误。ref是Vue3中用于响应式引用的工具，它返回一个对象，该对象的.value属性用于存储实际的值。解决：不
  • 实际开发中的有趣bug：“undefined“ is not valid JSON SyntaxError: “undefined“ is not valid JSON。 我爱加班、、 vue项目实际开发中的bugvuexbugjson前端javascriptvue.jsecmascriptajax
    bug解读：指出在尝试解析或序列化JSON数据时遇到了问题。JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式，它要求数据必须是有效的JSON格式。在JavaScript中，undefined是一个特殊的值，表示变量没有被赋值，它不是一个有效的JSON值。场景：在后台项目，用户登录后，通过用户的菜单权限渲染侧边栏菜单，做了持久化存储。当登出后，在登录页刷新页面，
  • PySide6与PyQt5的区别 大乔乔布斯 pyqtpythonqt
    虽然PySide6和PyQt5的功能和API十分相似，但由于它们分别是基于不同版本的Qt和由不同的团队维护，是两个不同的Python绑定库，分别用于与Qt库进行交互，可能会在一些细节上表现出差异，一些关键区别：1.维护和授权PySide6:由TheQtCompany官方维护。使用LGPL授权，这意味着你可以在开源和闭源项目中免费使用它（遵守LGPL条款）。版本号与Qt本身一致，PySide6对应于
  • Java 和 JavaScript 的区别 大乔乔布斯 javajavascript开发语言
    尽管名字相似，JavaScript的名字中带有“Java”，确实让很多人误以为它与Java有紧密联系。但实际上，它们是完全不同的语言，只是在JavaScript的发展历史中与Java有一定的关联。1.JavaScript的诞生背景时间点：1995年，网景公司（Netscape）开发了一种轻量级的脚本语言，用于增强网页的交互性。开发者：JavaScript的发明者是布兰登·艾奇（BrendanEic
  • Vue3 - Element Plus 下拉菜单 el-dropdown 阻止冒泡传递到上层触发事件，解决 dropdown 下拉菜单组件被容器元素包裹时点击事件触发，会连带触发外层包裹容器的点击事件 王二红 +Vue3elementplusel-dropdownvue3把command加上.stop下拉菜单组件如何点击不冒泡stop事件修饰符阻止点击冒泡click.stop无法使用
    前言平常只需要给@click事件加入即可，但现在使用stop修饰符无法支持和识别语法。本文实现了在vue3+elementplus项目开发中，解决el-dropdown下拉菜单组件时点击事件冒泡问题（激活触发外层嵌套元素的点击事件，从而同时触发），使用.stop修饰符又没有地方可以加入的问题。本文提供完美解决方案，保证100%解决。如下图所示，常见于这种需求页面，点击“···”图标时就会引发点击事
  • 移动应用开发技术 架构图 彭乙肱
    移动应用相关视频讲解：AIGC和微信的辅助学习移动应用开发技术架构图移动应用开发技术架构图是移动应用程序员必备的工具之一。它展示了一个应用程序的各个部分如何相互交互，以及它们之间的关系。在这篇文章中，我们将简要介绍移动应用开发技术架构图的基本概念，并使用代码示例来说明其重要性。架构图的重要性移动应用开发技术架构图对于理解一个应用程序的整体设计和功能至关重要。它可以帮助开发人员更好地组织代码，减少代
  • vue-cli项目中使用Electron 骆驼Lara Vuevue.jselectronjavascript
    Vue项目中使用Electron一、安装二、创建background.js三、创建preload.js文件四、修改package.json文件五、修改vue.config.js文件六、启动1本地启动2打包补充：一、安装安装electron,electron-builder,vue-cli-plugin-electron-builder,electron-devtoolsnpmi--save-dev
  • Vue企业开发实战——学习心得 sienn vue.js前端javascript
    一、Vue.js简介Vue.js是一个渐进式JavaScript框架，用于构建用户界面。它与其他大型框架的不同之处在于，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，也便于与第三方库或已有项目整合。二、环境配置安装Node.js和npm：Vue.js的开发需要使用Node.js和npm（Node包管理器）。可以从Node.js的官网下载并安装Node.js，它会自动
  • 深度解析 Git 的使用：版本控制的核心工具 qq_39279448 git
    1.Git的基本概念1.1什么是版本控制？版本控制系统（VersionControlSystem,VCS）是一种用于记录文件内容变更历史的工具。多人开发者可以在不同的时间编辑同一个文件，而不必担心覆盖或丢失他人的修改。Git作为一种分布式版本控制系统，允许开发者在本地操作代码的同时，确保所有更改都可以被追踪和协同。1.2分布式与集中式的差异集中式版本控制（例如SVN）：所有代码和版本信息都存储在中
  • 深入理解 Vue 的 Diff 算法：从原理到实现的完整剖析 qq_39279448 vue.js算法前端
    Vue的Diff算法如何工作？如何将传统树的比较复杂度从O(n^3)降到O(n)？Vue3的优化策略如何显著提升性能？Vue源码中Diff算法的实现细节是什么？实际开发中Diff算法的使用及优化实践。1.Diff算法的基本原理1.1为什么需要Diff算法？在浏览器中，直接操作真实DOM会导致：性能成本高：DOM是浏览器中的重量级对象，频繁操作会触发页面的回流（reflow）和重绘（repaint）
  • lua语言 你一身傲骨怎能输 Lua语言lua
    Lua是一种轻量级、高效的脚本语言，广泛应用于游戏开发、嵌入式系统和其他需要灵活性和可扩展性的应用程序中。以下是关于Lua语言的一些基本信息和特点：1.特点轻量级：Lua的设计目标是简单和高效，核心库非常小，适合嵌入到其他应用程序中。高效：Lua具有高效的执行速度，适合实时应用程序，如游戏。可扩展性：Lua允许用户通过C/C++扩展其功能，能够与其他语言和库进行无缝集成。动态类型：Lua是动态类型
  • vite构建项目中的swc是什么 光影少年 swcreact.jsvue.js
    在Vite项目中，swc是一种高性能的编译器，用于替代传统的JavaScript编译工具，如Babel。它以速度和效率著称，可以加速编译和转换JavaScript和TypeScript代码，从而大幅提升开发和构建的效率。1.什么是swc？swc（SpeedyWebCompiler）是一个用Rust编写的编译器，它能够非常快速地编译、转换和优化JavaScript和TypeScript代码。swc的
  • 前端构建工具 光影少年 前端软件构建
    前端构建工具是开发现代Web应用时不可或缺的工具，用于优化代码、提升开发效率、以及实现高效的构建和部署。以下是常见的前端构建工具及其作用：1.模块打包工具Webpack特点：功能强大，插件与配置灵活。作用：将模块（JS、CSS、图片等）打包成浏览器可运行的文件。适用场景：中大型项目，需高度自定义。Vite特点：轻量、快速构建，基于ESModules。作用：适合现代框架如Vue、React，热更新速
  • node和nest生态及区别和优势 光影少年 node.js后端
    Node.js与Nest.js的生态与区别及优势1.Node.js生态Node.js是一个基于V8引擎的JavaScript运行时，支持高性能、非阻塞I/O，用于构建服务器端应用程序。生态特点核心模块：提供基础模块（如fs,http,events等），可以直接用于开发。允许构建高性能网络应用，如Web服务器、API服务等。NPM（NodePackageManager）：全球最大的包管理器，提供丰富
  • JVM、JRE 和 JDK：深入解析 ㅇㅁㅇ java基础jvmjava开发语言
    在Java编程的世界中，JVM、JRE和JDK是三个关键的组成部分，每个部分在Java的开发和运行中都扮演着重要角色。理解这三者的关系不仅对开发者有帮助，也有助于解决编程过程中遇到的各种问题。下面我们将更详细地探讨它们的具体功能和相互关系。JVM（JavaVirtualMachine）JVM，即Java虚拟机，是Java平台的核心组成部分。其主要功能包括：字节码执行：JVM的主要任务是执行Java
  • vue阻止事件冒泡 阿贾克斯的黎明 vuevue.js
    阻止冒泡（EventBubbling）在Web开发中是一个常见的需求，主要有以下几个原因：精确控制事件处理：在复杂的UI结构中，同一个事件（如点击）可能会触发多个元素的事件处理函数。如果不阻止冒泡，那么从触发事件的元素开始，一直到DOM树的最顶层（通常是document或window对象），沿途的每一个元素都有机会处理这个事件。这可能导致不期望的副作用或性能问题。通过阻止冒泡，可以精确控制哪些元素
  • 继之前的线程循环加到窗口中运行 3213213333332132 javathreadJFrameJPanel
    之前写了有关java线程的循环执行和结束，因为想制作成exe文件，想把执行的效果加到窗口上，所以就结合了JFrame和JPanel写了这个程序，这里直接贴出代码，在窗口上运行的效果下面有附图。 package thread; import java.awt.Graphics; import java.text.SimpleDateFormat; import java.util
  • linux 常用命令 BlueSkator linux命令
    1.grep 相信这个命令可以说是大家最常用的命令之一了。尤其是查询生产环境的日志，这个命令绝对是必不可少的。 但之前总是习惯于使用 （grep -n 关键字 文件名 ）查出关键字以及该关键字所在的行数，然后再用 （sed -n  '100,200p' 文件名），去查出该关键字之后的日志内容。 但其实还有更简便的办法，就是用（grep  -B n、-A n、-C n 关键
  • php heredoc原文档和nowdoc语法 dcj3sjt126com PHPheredocnowdoc
    <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Current To-Do List</title> </head> <body> <?
  • overflow的属性 周华华 JavaScript
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • 《我所了解的Java》——总体目录 g21121 java
            准备用一年左右时间写一个系列的文章《我所了解的Java》，目录及内容会不断完善及调整。         在编写相关内容时难免出现笔误、代码无法执行、名词理解错误等，请大家及时指出，我会第一时间更正。    &n
  • [简单]docx4j常用方法小结 53873039oycg docx
            本代码基于docx4j-3.2.0，在office word 2007上测试通过。代码如下:         import java.io.File; import java.io.FileInputStream; import ja
  • Spring配置学习 云端月影 spring配置
    首先来看一个标准的Spring配置文件 applicationContext.xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi=&q
  • Java新手入门的30个基本概念三 aijuans java新手java 入门
    17.Java中的每一个类都是从Object类扩展而来的。　　18.object类中的equal和toString方法。　　equal用于测试一个对象是否同另一个对象相等。　　toString返回一个代表该对象的字符串,几乎每一个类都会重载该方法,以便返回当前状态的正确表示.(toString 方法是一个很重要的方法)　　 19.通用编程:任何类类型的所有值都可以同object类性的变量来代替。　
  • 《2008 IBM Rational 软件开发高峰论坛会议》小记 antonyup_2006 软件测试敏捷开发项目管理IBM活动
    我一直想写些总结,用于交流和备忘,然都没提笔,今以一篇参加活动的感受小记开个头,呵呵! 其实参加《2008 IBM Rational 软件开发高峰论坛会议》是9月4号,那天刚好调休.但接着项目颇为忙,所以今天在中秋佳节的假期里整理了下. 参加这次活动是一个朋友给的一个邀请书,才知道有这样的一个活动,虽然现在项目暂时没用到IBM的解决方案,但觉的参与这样一个活动可以拓宽下视野和相关知识.
  • PL/SQL的过程编程,异常,声明变量,PL/SQL块 百合不是茶 PL/SQL的过程编程异常PL/SQL块声明变量
    PL/SQL;    过程; 符号; 变量; PL/SQL块; 输出; 异常;     PL/SQL 是过程语言(Procedural Language)与结构化查询语言(SQL)结合而成的编程语言PL/SQL 是对 SQL 的扩展,sql的执行时每次都要写操作
  • Mockito(三)--完整功能介绍 bijian1013 持续集成mockito单元测试
            mockito官网：http://code.google.com/p/mockito/，打开documentation可以看到官方最新的文档资料。 一.使用mockito验证行为 //首先要import Mockito import static org.mockito.Mockito.*; //mo
  • 精通Oracle10编程SQL(8)使用复合数据类型 bijian1013 oracle数据库plsql
    /* *使用复合数据类型 */ --PL/SQL记录 --定义PL/SQL记录 --自定义PL/SQL记录 DECLARE TYPE emp_record_type IS RECORD( name emp.ename%TYPE, salary emp.sal%TYPE, dno emp.deptno%TYPE ); emp_
  • 【Linux常用命令一】grep命令 bit1129 Linux常用命令
    grep命令格式   grep [option] pattern [file-list]     grep命令用于在指定的文件(一个或者多个,file-list)中查找包含模式串(pattern)的行,[option]用于控制grep命令的查找方式。   pattern可以是普通字符串，也可以是正则表达式，当查找的字符串包含正则表达式字符或者特
  • mybatis3入门学习笔记 白糖_ sqlibatisqqjdbc配置管理
    MyBatis 的前身就是iBatis，是一个数据持久层(ORM)框架。  MyBatis 是支持普通 SQL 查询，存储过程和高级映射的优秀持久层框架。MyBatis对JDBC进行了一次很浅的封装。   以前也学过iBatis，因为MyBatis是iBatis的升级版本，最初以为改动应该不大，实际结果是MyBatis对配置文件进行了一些大的改动，使整个框架更加方便人性化。
  • Linux 命令神器：lsof 入门 ronin47 lsof
           lsof是系统管理/安全的尤伯工具。我大多数时候用它来从系统获得与网络连接相关的信息，但那只是这个强大而又鲜为人知的应用的第一步。将这个工具称之为lsof真实名副其实，因为它是指“列出打开文件（lists openfiles）”。而有一点要切记，在Unix中一切（包括网络套接口）都是文件。 有趣的是，lsof也是有着最多
  • java实现两个大数相加，可能存在溢出。 bylijinnan java实现
    import java.math.BigInteger; import java.util.regex.Matcher; import java.util.regex.Pattern; public class BigIntegerAddition { /** * 题目：java实现两个大数相加，可能存在溢出。 * 如123456789 + 987654321
  • Kettle学习资料分享，附大神用Kettle的一套流程完成对整个数据库迁移方法 Kai_Ge Kettle
    Kettle学习资料分享   Kettle 3.2 使用说明书 目录 概述..........................................................................................................................................7 1.Kettle 资源库管
  • [货币与金融]钢之炼金术士 comsci 金融
           自古以来,都有一些人在从事炼金术的工作.........但是很少有成功的        那么随着人类在理论物理和工程物理上面取得的一些突破性进展......        炼金术这个古老
  • Toast原来也可以多样化 dai_lm androidtoast
    Style 1： 默认 Toast def = Toast.makeText(this, "default", Toast.LENGTH_SHORT); def.show(); Style 2： 顶部显示 Toast top = Toast.makeText(this, "top", Toast.LENGTH_SHORT); t
  • java数据计算的几种解决方法3 datamachine javahadoopibatisr-languer
    4、iBatis     简单敏捷因此强大的数据计算层。和Hibernate不同，它鼓励写SQL，所以学习成本最低。同时它用最小的代价实现了计算脚本和JAVA代码的解耦，只用20%的代价就实现了hibernate 80%的功能,没实现的20%是计算脚本和数据库的解耦。     复杂计算环境是它的弱项，比如：分布式计算、复杂计算、非数据
  • 向网页中插入透明Flash的方法和技巧 dcj3sjt126com htmlWebFlash
    将 Flash 作品插入网页的时候，我们有时候会需要将它设为透明，有时候我们需要在Flash的背面插入一些漂亮的图片，搭配出漂亮的效果……下面我们介绍一些将Flash插入网页中的一些透明的设置技巧。 　　一、Swf透明、无坐标控制　　首先教大家最简单的插入Flash的代码，透明，无坐标控制： 　　注意wmode="transparent"是控制Flash是否透明
  • ios UICollectionView的使用 dcj3sjt126com
    UICollectionView的使用有两种方法，一种是继承UICollectionViewController，这个Controller会自带一个UICollectionView；另外一种是作为一个视图放在普通的UIViewController里面。 个人更喜欢第二种。下面采用第二种方式简单介绍一下UICollectionView的使用。 1.UIViewController实现委托，代码如
  • Eos平台java公共逻辑 蕃薯耀 Eos平台java公共逻辑Eos平台java公共逻辑
     Eos平台java公共逻辑 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月1日 17:20:4
  • SpringMVC4零配置--Web上下文配置【MvcConfig】 hanqunfeng springmvc4
    与SpringSecurity的配置类似，spring同样为我们提供了一个实现类WebMvcConfigurationSupport和一个注解@EnableWebMvc以帮助我们减少bean的声明。   applicationContext-MvcConfig.xml <!-- 启用注解，并定义组件查找规则 ，mvc层只负责扫描@Controller --> <
  • 解决ie和其他浏览器poi下载excel文件名乱码 jackyrong Excel
       使用poi,做传统的excel导出，然后想在浏览器中，让用户选择另存为，保存用户下载的xls文件，这个时候，可能的是在ie下出现乱码（ie,9,10,11),但在firefox,chrome下没乱码， 因此必须综合判断，编写一个工具类：      /** * * @Title: pro
  • 挥洒泪水的青春 lampcy 编程生活程序员
    2015年2月28日，我辞职了，离开了相处一年的触控，转过身--挥洒掉泪水，毅然来到了兄弟连，背负着许多的不解、质疑——”你一个零基础、脑子又不聪明的人，还敢跨行业，选择Unity3D？“，”真是不自量力••••••“，”真是初生牛犊不怕虎•••••“，••••••我只是淡淡一笑，拎着行李----坐上了通向挥洒泪水的青春之地——兄弟连！ 这就是我青春的分割线，不后悔，只会去用泪水浇灌——已经来到
  • 稳增长之中国股市两点意见-----严控做空，建立涨跌停版停牌重组机制 nannan408
       对于股市，我们国家的监管还是有点拼的，但始终拼不过飞流直下的恐慌，为什么呢？    笔者首先支持股市的监管。对于股市越管越荡的现象，笔者认为首先是做空力量超过了股市自身的升力，并且对于跌停停牌重组的快速反应还没建立好，上市公司对于股价下跌没有很好的利好支撑。    我们来看美国和香港是怎么应对股灾的。美国是靠禁止重要股票做空，在
  • 动态设置iframe高度(iframe高度自适应) Rainbow702 JavaScriptiframecontentDocument高度自适应局部刷新
    如果需要对画面中的部分区域作局部刷新，大家可能都会想到使用ajax。 但有些情况下，须使用在页面中嵌入一个iframe来作局部刷新。 对于使用iframe的情况，发现有一个问题，就是iframe中的页面的高度可能会很高，但是外面页面并不会被iframe内部页面给撑开，如下面的结构： <div id="content"> <div id=&quo
  • 用Rapael做图表 tntxia rap
    function drawReport(paper,attr,data){          var width = attr.width;     var height = attr.height;          var max = 0;   &nbs
  • HTML5 bootstrap2网页兼容（支持IE10以下） xiaoluode html5bootstrap
    <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他