_panda_
_panda_

Canvas画板实现一个简单的球在盒子内随机移动效果

 HTML5入门之Canvas：如何用Canvas画板实现一个简单的球在盒子内随机移动效果

作者： html5Game | 时间：2014-2-25 17:05:14 | [ 小   大] | 来源：HTML5 |  阅读：12457 |     评论： 0 |    收藏
HTML5入门Canvas画板实现球简单盒子随机移动  
 [ 摘要]： HTML5提供了一个非常好的标签那就是Canvas！ Canvas元素用于在网页上绘制图形，Canvas画布是一个矩形区域，你可以控制其每一个像素。它拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 今天我们就来讲讲如何通过Javascript在Canvas画布上实现一个球在固定盒子内随机移动的示例： 1、创建Canvas画板 HTML5内声明一个Canvas画板很简单，只需要这样在HTML页面内加入一个canvas标签即可，需要定义其大小和id 对不起，你的浏览器不支持Canvas标签！ 2、实现方...

HTML5提供了一个非常好的标签那就是Canvas！

Canvas元素用于在网页上绘制图形，Canvas画布是一个矩形区域，你可以控制其每一个像素。它拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

今天我们就来讲讲如何通过Javascript在Canvas画布上实现一个球在固定盒子内随机移动的示例：

1、创建Canvas画板

HTML5内声明一个Canvas画板很简单，只需要这样在HTML页面内加入一个canvas标签即可，需要定义其大小和id


view source print ?
1. <canvas id="myCanvas" width="400" height="400">    
2. 对不起，你的浏览器不支持Canvas标签！  
3. canvas>


2、实现方案整理

要实现这样一个球在固定盒子内随机移动我们需要做到以下几点：

1）、画板大小固定；

2）、球大小固定且圆心位置随机；

3）、需要考虑球不出边界；

4）、通过setInterval(function(){},speed)方法实现时间间隔通过清空面板和重画模拟球的移动。

3、通过JavaScript操作画板

1）、初始化变量


view source print ?
1. //x和y为球的圆心坐标
2. //speed:表示球移动的速度 单位为毫秒
3. //radius:为球的半径
4. //width和height为盒子大小
5. var w, x,y, speed = 500, radius = 50, width = 400, height = 400;


2）、页面初始化绘制画板且设定时间间隔


view source print ?
01. //初始化
02. function init() {
03. drawCanvas();
04. setInterval(moveWheel, speed);
05. }
06.  
07. //画盒子
08. function drawCanvas() {
09. //创建Canvas对象
10. var c = document.getElementById("myCanvas");
11. var ctx = c.getContext("2d");
12. //在画布面板上面创建一个矩形
13. ctx.fillStyle = "#000000"; //设置填充颜色值           
14. ctx.fillRect(0, 0, width, height);
15. ctx.fill();
16.  
17. w = ctx;
18. }


3）、随机移动球的实现


view source print ?
01. //随机移动球
02. function moveWheel() {
03. clearCanvas();
04. drawCanvas();
05.  
06. //获得随机坐标
07. x = getRandomNum();
08. y = getRandomNum();
09.  
10. //在画布上渲染一个圆形
11. w.fillStyle = '#FFFFFF';
12. w.beginPath();
13. w.arc(x, y, radius, 0, Math.PI * 2, true);
14. w.closePath();
15. w.fill();           
16. }


4）、获取随机坐标数据


view source print ?
1. //获取随机数
2. function getRandomNum() {
3. return Math.random() * (width - radius * 2) + radius;
4. }


5）、清除画布


view source print ?
1. //清除画布
2. function clearCanvas() {
3. if (typeof w != "undefined") {
4. w.clearRect(0, 0, width, height);
5. }
6. }


完整示例代码如下所示：


view source print ?
01.
02. <html>
03. <head>
04. <title>HTML5标签Canvas画布练习轮子滚动title>
05. <meta charset="UTF-8" />   
06. head>
07. <body onload="init();">   
08. <h1>Canvas 标签实现一个球限定在盒子内随机移动效果h1>
09. <canvas id="myCanvas" width="400" height="400">    
10. 对不起，你的浏览器不支持Canvas标签！  
11. canvas>   
12. <script type="text/javascript" language="javascript">
13. //x和y为球的圆心坐标
14. //speed:表示球移动的速度 单位为毫秒
15. //radius:为球的半径
16. //width和height为盒子大小
17. var w, x,y, speed = 500, radius = 50, width = 400, height = 400;     
18.  
19. //初始化
20. function init() {
21. drawCanvas();
22. setInterval(moveWheel, speed);
23. }
24.  
25. //画盒子
26. function drawCanvas() {
27. //创建Canvas对象
28. var c = document.getElementById("myCanvas");
29. var ctx = c.getContext("2d");
30. //在画布面板上面创建一个矩形
31. ctx.fillStyle = "#000000"; //设置填充颜色值           
32. ctx.fillRect(0, 0, width, height);
33. ctx.fill();
34.  
35. w = ctx;
36. }
37.  
38. //随机移动球
39. function moveWheel() {
40. clearCanvas();
41. drawCanvas();
42.  
43. //获得随机坐标
44. x = getRandomNum();
45. y = getRandomNum();
46.  
47. //在画布上渲染一个圆形
48. w.fillStyle = '#FFFFFF';
49. w.beginPath();
50. w.arc(x, y, radius, 0, Math.PI * 2, true);
51. w.closePath();
52. w.fill();           
53. }
54.  
55. //清除画布
56. function clearCanvas() {
57. if (typeof w != "undefined") {
58. w.clearRect(0, 0, width, height);
59. }
60. }
61.  
62. //获取随机数
63. function getRandomNum() {
64. return Math.random() * (width - radius * 2) + radius;
65. }
66. script>
67. body>
68. html>

你可能感兴趣的:(web前端技术)

  • 【一起学Rust | Tauri2.0框架】基于 Rust 与 Tauri 2.0 框架实现生物识别（指纹识别）应用 广龙宇 Tauri2应用开发一起学Rustrust开发语言后端
    前言Tauri，作为一个新兴的跨平台应用开发框架，允许开发者使用Web前端技术构建界面，并利用Rust的高性能和安全性编写后端逻辑。这种架构巧妙地结合了Web的灵活性和原生应用的性能，为开发者提供了一种构建高效、跨平台应用的全新选择。而生物识别技术，如指纹识别、面部识别等，则为应用安全提供了更高级别的保障。将生物识别技术集成到Tauri应用中，可以提升用户体验，增强应用安全性。试想一下，用户只需轻
  • electron学习笔记 weixin_46452138 electron学习javascript
    electron个人学习笔记一、electron简单了解Electron是一个跨平台的、基于Web前端技术的桌面GUI应用程序开发框架。可以使用HTML、CSS来绘制界面和控制布局，使用JavaScript来控制用户行为和业务逻辑，使用Node.js来通信、处理音频视频等，几乎所有的Web前端技术和框架（jQuery、Vue、React、Angular等）都可以应用到桌面GUI开发中。二、开发前基
  • 【Web前端技术 02】深入探索HTML5：标签全解析与案例演示！ wcyd Web前端技术前端html5html
    深入探索HTML5：标签全解析与案例演示！大家好！在上一篇文章中，我们对HTML5有了一个基本的了解。今天，我们将更深入地探索HTML5，全面介绍各种标签及其应用。从基础标签到新增标签，从文档结构到格式标签，我们将一一解析，并提供丰富的案例演示。准备好了吗？让我们开始吧！️HTML5基础结构首先，让我们回顾一下HTML5的基本结构。HTML5文档的结构就像一座房子的蓝图，指导我们如何构建网页。下面
  • web前端技术分享：koa中间件是如何实现的？ 程序员的小傲娇 web前端编程语言web
    在前端开发过程中我们可能会使用到koa中间件，但很多同学却不知道它是如何实现的，下面小千就来给大家介绍一下这个koa中间件（洋葱模型）。一、问题分析asyncawait是promise的语法糖，await后面跟一个promise，所以上面的代码可以写成：改成这样更好理解一些，所以流程控制的核心在于next的实现。next要求调用队列中下一个middleware，当达到最后一个的时候resolve。
  • 1.初识Tauri 余识- 前端框架tauri
    文章目录一、前言二、基本认识三、js与rust通信四、构建应用一、前言原文以及后续文章可点击查看：初识Tauri。Tauri是一款比较新的跨平台桌面框架，也是我目前最喜欢的一个框架，其官网为：Tauri它的作用其实和Electron很像：使用Web前端技术开发桌面软件。但不同之处在于，Electron是可以通过纯粹前端技术进行开发，也就是你只需要懂html、js、css，就可以使用它来开发软件了。
  • web前端项目-进击的玉兔【附源码】 温轻舟 web前端项目-源码自取前端htmlcssjavascript
    进击的玉兔【进击的玉兔】是一款基于Web前端技术的游戏，其主题和背景与中国的传统文化和神话有关。在游戏中，玩家需要通过解决各种难题和挑战来收集月饼，最终达成游戏目标。运行效果：HTML源码：进击的玉兔0CSS源码：*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-
  • JavaScript原型和原型链是什么 JJCTO JavaScriptjavascript原型模式开发语言
    JavaScript原型和原型链是Web前端技术中的重要概念，了解它们可以帮助开发者更好地理解JavaScript对象的创建和继承机制。本文将深入探讨JavaScript原型和原型链，并提供相关的示例代码和解析。首先，让我们了解一下JavaScript中的原型。每个JavaScript对象都有一个原型（prototype）。原型可以理解为一个模板对象，包含了对象共享的属性和方法。当我们创建一个新对
  • 2020年小白要知道的Web前端学习路线 web前端学习指南
    今天小编要跟大家分享的文章是关于2020年小白要知道的Web前端学习路线。准备在2020年学习Web前端技术的小伙伴们来和小编一起看看本篇文章，希望能够对大家有所帮助！第一阶段：●HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、●JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器
  • Web前端实现导出Excel的方案 Devil枫 ecxel导出前端excel
    相信大家都有遇到需要在web页面上要展示表格数据的情况，一般情况下甲方都会要求这些显示的数据可以导出成excel吧。今天分享一下关于前端如何导出Excel的方案实例吧。一：背景与目标随着Web技术的不断发展，越来越多的应用程序需要在前端实现导出Excel功能。这一功能不仅方便用户导出数据，还能提高工作效率。本文将介绍一种基于Web前端技术实现导出Excel的方案，并给出相应的实例。二：技术选型1.
  • 软件架构体系 ·H·976 B/SC/S前端
    C/S（Client/Server）架构：客户端/服务端exp：QQ、微信、爱奇艺B/S（Browser/Server）架构：浏览器/服务器exp：百度、淘宝、网页版的爱奇艺、基于web前端技术实现的一些手机App（百度地图、消消乐）web前端技术是基于浏览器实现客户端的一套综合技术，包括HTML、CSS、JS等UI客户端技术是基于UI模块实现客户端的一种UI模块+打包模块，包括pygame、py
  • Web前端技术课程设计——技术栈【SpringBoot+Vue+MySQL+MyBatis】的在线英语考试系统 Mr_BigG Web前端技术课程设计前端vue.jsmysqlspringbootmybatis
    一、技术简介本网站使用了前后端分离的开发技术，是基于SpringBoot+VUE的在线英语考试系统，支持选择题、填空题、判断题、多选题。系统包含三种角色（管理员、老师、考生），实现的功能包含在线考试、查看答题情况、管理试卷、管理题库、管理用户等。前端技术栈：VUE(构建用户界面的渐进式框架)VUEX(状态管理)Vue-router(动态路由)Js-cookie(保存信息)Axios(页面请求)后端
  • 如何有效的学习Web前端开发？ 强哥科技兴
    一个好的Web前端工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。那么如何系统的学习企业实用的web前端技术呢？当大家有了一些HTML的静态布局的基础，那么我们学完HTML、CSS这些最简单的东西就算是有了小小的入门，知道了Web前端到底是做什么的，那么我们入门之后应该学习哪些系统的前端知识体系呢？如果我们大家选择自学，那么我们就应该根据个人的学
  • 如何有效的学习Web前端开发？ 强哥科技兴
    一个好的Web前端工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。那么如何系统的学习企业实用的web前端技术呢？当大家有了一些HTML的静态布局的基础，那么我们学完HTML、CSS这些最简单的东西就算是有了小小的入门，知道了Web前端到底是做什么的，那么我们入门之后应该学习哪些系统的前端知识体系呢？如果我们大家选择自学，那么我们就应该根据个人的学
  • web前端项目-中国象棋【附源码】 温轻舟 web前端项目-源码自取前端htmlcssjavascript
    中国象棋【中国象棋】是一款历史悠久、深受人们喜爱的策略类游戏。在Web前端技术中，我们可以使用HTML、CSS和JavaScript等语言来制作一款中国象棋游戏。玩家使用棋子（帅/相/士/炮/马/车/炮/卒）在棋盘上相互对弈，将对手的“帅”棋子吃掉即为胜利。运行效果：HTML源码：中国象棋对不起，您的浏览器不支持HTML5，请升级浏览器至IE9、firefox或者谷歌浏览器！适用浏览器：360、F
  • 基于VUE框架、前端UI样式库Bootstrap4、在线WebApi资源调用的Web前端技术课程设计《天气易搜》 好教员好 vuejsonechartsvisualstudiojavascript
    1.设计内容简介1.1技术知识点html标签:正文部分，网页头部，网页主体，样式，脚本语言，有序列表，容器，标签，标签，标签，标签,标签,标签等。Css基础选择器：class类标签，id标签。Date函数:该函数返回组件实例的data对象。Methods:将被混入到组件实例中。可以直接通过vm实例访问这些方法或者者在指令表达式中使用。方法中的this自动绑定为组件实例。Mounted函数:在Vue
  • 在上海乐字节学习的三十六天 阿丫o
    如何用Web前端技术就能开发出桌面应用程序？Web前端技术开发桌面应用的方式CEF：用Chromium&Webkit来呈现web页面，是客户端里面嵌浏览器，浏览器里面跑网页。heX：基于CEF，内部整合了开源项目Chromium及node.js。nw：基于Chromium和node.js，利用web方式开发跨平台桌面应用的平台技术。electron：底层也是基于Chromium和node.js。等
  • 【Top10】天津高性价比Web前端培训机构（Web前端需要掌握什么技能） qq_38453958 web前端天津web前端培训天津web前端培训班天津web前端培训机构天津web前端培训学校web前端培训
    Web前端开发已经成为了一门备受瞩目的技能，对于一些初学者或者转行的人来说，也是非常友好的，当然越火也越会存在争议，大部分没有经验的人会选择参加培训来学习Web前端技术，也有不少人对于参加Web前端培训的必要性存在疑虑，今天我们就从下面几个方面来了解一下Web前端。Web前端就业前景互联网行业对于具备Web前端开发技能的人才需求持续增长。随着越来越多的企业和组织，意识到网站和应用程序对于业务的重要
  • 天津最新web前端培训班 如何提升web技能？ qq_38453958 web前端天津web前端培训天津web前端培训班天津web前端培训机构天津web前端培训学校web前端培训
    随着互联网的迅猛发展，web前端成为了一个热门的职业方向。越来越多的人希望能够通过学习web前端技术来提升自己的就业竞争力。为了满足市场的需求，许多培训机构纷纷推出了web前端培训课程。什么是WEB前端web前端就是web给用户展示的东西，这里面可能包含了设计，特效，用户交互等等，现在对于从业人员通常叫法是：前端美工，前端开发，前端架构三个最基本级别。主要职责是利各种Web技术进行客户端产品的开发
  • 管理系统设计开发与学习 en...小瓶子 JAVAspring
    目录封面一．内容简介二．技术概述1.SpringBoot2.MVC模式3.数据库技术4.Web前端技术5.对接技术四．体系架构设计架构系统分层系统结构五.数据库的设计六.开发准备开发工具开发环境七．学习总结八．学习心得一．内容简介：基于SpringBoot和KAQ模型的大学生成长平台，旨在帮助大学生提高综合素质，培养能力、知识和品质。基于以下相关技术进行理论学习，为日后开发做好准备。1.系统架构设
  • 现代前端技术解析-第5章 前端项目与技术实践（一） DxCaesar #读书笔记-现代前端技术解析javascript前端现代前端技术解析读书笔记
    《现代前端技术解析》第5章阅读笔记（一）笔记章节目录第1章Web前端技术基础第2章前端与协议第3章前端三层结构与应用第4章现代前端交互框架第5章前端项目与技术实践一（5.1前端开发规范）二（5.2前端组件规范&5.3自动化构建）三（5.3自动化构建）四（5.5前端用户数据分析&5.6前端搜索引擎优化基础&5.7前端协作）第6章前端跨栈技术第7章未来前端时代2020/02/195.1前端开发规范本节
  • 探索Web前端技术的新趋势与发展 工业甲酰苯胺 前端开发语言低代码docker
    随着互联网的不断发展，Web前端技术作为构建现代Web应用的重要组成部分，也在不断演变和发展。本文将从新趋势和发展方向两个角度，探讨Web前端技术的最新动态和未来展望。Web前端技术是构建现代网页和应用程序的重要组成部分。随着互联网的快速发展，人们对用户体验和交互性的要求越来越高，Web前端技术也日新月异。本文将介绍一些主要的Web前端技术以及它们在实际应用中的作用。一、新趋势响应式设计随着移动设
  • Tauri：构建高效安全的桌面应用程序 | 开源日报 No.124 开源服务指南 开源日报开源
    tauri-apps/tauriStars:64.6kLicense:Apache-2.0Tauri是一个开源项目，它可以通过Web前端构建更小、更快和更安全的桌面应用程序。该项目具有以下优势和特点：Tauri可以帮助用户构建桌面应用程序，并使用web前端技术进行界面设计。通过Tauri，用户可以创建运行时核心、工具和实用插件等组件来满足不同需求。运行时核心是Tauri的主要组成部分之一，它处理资
  • 自学web前端到什么程度才能就业 前端大叔熟
    首先，这个问题主要问：自学web前端技术，如果才能找到一份web前端的工作。按照现在的招聘标准来看，无论你去哪个公司面试，你只需要满足他们公司的需求就可以。找到一份web前端工作需要掌握的内容如下：首先是html，css这些简单的静态布局这是最基本的学习内容，不在多说。然后是掌握JavaScript的基本原理，因为做web前端开发，用到JavaScript非常多，但是现在很多公司是不用去写原生的J
  • 天津web前端就业培训班，Web机构选择重点 qq_38453958 web前端天津web前端培训天津web前端培训班天津web前端培训机构天津web前端培训学校web前端培训web前端培训班web前端培训机构
    Web前端培训是目前非常热门的培训领域之一。很多领域都会涉及到web前端开发，比如传统互联网、房地产、金融、游戏、影视传媒等行业都需要web前端技术的支持。越来越多的企业和个人也需要建立自己的网站和移动应用程序，因此市场对web前端工程师的需求是非常大的，其薪资待遇也比较高。前端培训两个主要分类前端培训按技术栈主要可以分为两类：全栈开发和非全栈开发。全栈主要是多了node.js以及对应的框架exp
  • 怎么有效的学习Web前端开发？ 强哥科技兴
    一个好的Web前端工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。那么如何系统的学习企业实用的web前端技术呢？当大家有了一些HTML的静态布局的基础，那么我们学完HTML、CSS这些最简单的东西就算是有了小小的入门，知道了Web前端到底是做什么的，那么我们入门之后应该学习哪些系统的前端知识体系呢？如果我们大家选择自学，那么我们就应该根据个人的学
  • 44.0/认识前端 光明是人的信仰 前端
    44.1目录44.1.1网页44.1.1.1网页的组成44.1.1.2网页的分类44.1.2网站44.1.2.1网站的分类44.1.3主页44.2.Internet、IP地址和域名44.2.1Internet44.2.2IP44.2.3域名44.3.Web前端技术概述44.3.1html544.3.2CSS344.3.3Javascript44.4.Web前端开发工具44.4.1编辑器——（HBu
  • 探索Web前端技术的变革与未来发展 液态不合群 前端web3
    Web前端技术作为构建现代互联网应用的重要一环，自诞生以来已经经历了多轮的发展和变革。本文将回顾过去的进展，介绍当前的前端技术栈，并展望未来前端领域的发展趋势，包括新兴技术和重要概念。引言在信息时代的快速发展的背景下，Web前端技术经历了不断的迭代和进化，引入了大量的新技术和框架，以满足用户对于交互性和体验的不断提升的需求。如今，Web前端技术的应用范围已经扩展到移动应用、桌面应用和嵌入式系统等领
  • 大学荒废三年，大四自学8个月Java，找到了11K的工作 IT届老实人
    通过这个故事我希望学弟们不要像我一样，等到临近毕业后才醒悟要学习知识学习技术的重要性，能趁早尽量要趁早，过去应该做的事情没有去做，后面都需要你加倍补回来。我是一个二本院校，专业是机械工程，当时以为考上了大学就可以高枕无忧放开了玩，可以说我整个大学期间都是打LOL过来的。到了大四才发现，同学们都陆续去找了实习，有的做机械工作，有的在大三的时候就自学了Java或者web前端技术，然后他们通过秋招找到了
  • 《Web前端技术H5+CSS3》笔记--第四章 初识CSS3[云图智联] 云图智联IT教育
    1.1CSS概述1.1.1什么是CSSHTML标签原本被设计为用于定义文档内容。通过使用h1、p、table这样的标签，HTML的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。由于两种主要的浏览器（Netscape和InternetExplorer）不断地将新的HTML标签和属性（比如字体标签和颜色属性）添加到HTML规范中，创
  • 在上海乐字节学习的第三十七天（持续更新中） 阿丫o
    如何用Web前端技术就能开发出桌面应用程序？Web前端技术开发桌面应用的方式CEF：用Chromium&Webkit来呈现web页面，是客户端里面嵌浏览器，浏览器里面跑网页。heX：基于CEF，内部整合了开源项目Chromium及node.js。nw：基于Chromium和node.js，利用web方式开发跨平台桌面应用的平台技术。electron：底层也是基于Chromium和node.js。等
  • java线程的无限循环和退出 3213213333332132 java
    最近想写一个游戏，然后碰到有关线程的问题，网上查了好多资料都没满足。 突然想起了前段时间看的有关线程的视频，于是信手拈来写了一个线程的代码片段。 希望帮助刚学java线程的童鞋 package thread; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date
  • tomcat 容器 BlueSkator tomcatWebservlet
    Tomcat的组成部分 1、server A Server element represents the entire Catalina servlet container. (Singleton) 2、service service包括多个connector以及一个engine，其职责为处理由connector获得的客户请求。   3、connector 一个connector
  • php递归,静态变量,匿名函数使用 dcj3sjt126com PHP递归函数匿名函数静态变量引用传参
      <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Current To-Do List</title> </head> <body>
  • 属性颜色字体变化 周华华 JavaScript
    function changSize(className){ var diva=byId("fot") diva.className=className; } </script> <style type="text/css"> .max{ background: #900; color:#039;
  • 将properties内容放置到map中 g21121 properties
    代码比较简单： private static Map<Object, Object> map; private static Properties p; static { //读取properties文件 InputStream is = XXX.class.getClassLoader().getResourceAsStream("xxx.properti
  • [简单]拼接字符串 53873039oycg 字符串
             工作中遇到需要从Map里面取值拼接字符串的情况，自己写了个，不是很好，欢迎提出更优雅的写法，代码如下：           import java.util.HashMap; import java.uti
  • Struts2学习 云端月影
    最近开始关注struts2的新特性，从这个版本开始，Struts开始使用convention-plugin代替codebehind-plugin来实现struts的零配置。 配置文件精简了，的确是简便了开发过程，但是，我们熟悉的配置突然disappear了，真是一下很不适应。跟着潮流走吧，看看该怎样来搞定convention-plugin。 使用Convention插件，你需要将其JAR文件放
  • Java新手入门的30个基本概念二 aijuans java新手java 入门
    基本概念:　　1.OOP中唯一关系的是对象的接口是什么,就像计算机的销售商她不管电源内部结构是怎样的,他只关系能否给你提供电就行了,也就是只要知道can or not而不是how and why.所有的程序是由一定的属性和行为对象组成的,不同的对象的访问通过函数调用来完成,对象间所有的交流都是通过方法调用,通过对封装对象数据,很大限度上提高复用率。　　2.OOP中最重要的思想是类,类是模板是蓝图,
  • jedis 简单使用 antlove javarediscachecommandjedis
    jedis.RedisOperationCollection.java package jedis; import org.apache.log4j.Logger; import redis.clients.jedis.Jedis; import java.util.List; import java.util.Map; import java.util.Set; pub
  • PL/SQL的函数和包体的基础 百合不是茶 PL/SQL编程函数包体显示包的具体数据包
    由于明天举要上课,所以刚刚将代码敲了一遍PL/SQL的函数和包体的实现(单例模式过几天好好的总结下再发出来);以便明天能更好的学习PL/SQL的循环,今天太累了,所以早点睡觉,明天继续PL/SQL总有一天我会将你永远的记载在心里,,,   函数; 函数:PL/SQL中的函数相当于java中的方法;函数有返回值 定义函数的 --输入姓名找到该姓名的年薪 create or re
  • Mockito(二)--实例篇 bijian1013 持续集成mockito单元测试
            学习了基本知识后，就可以实战了，Mockito的实际使用还是比较麻烦的。因为在实际使用中，最常遇到的就是需要模拟第三方类库的行为。         比如现在有一个类FTPFileTransfer，实现了向FTP传输文件的功能。这个类中使用了a
  • 精通Oracle10编程SQL(7)编写控制结构 bijian1013 oracle数据库plsql
    /* *编写控制结构 */ --条件分支语句 --简单条件判断 DECLARE v_sal NUMBER(6,2); BEGIN select sal into v_sal from emp where lower(ename)=lower('&name'); if v_sal<2000 then update emp set
  • 【Log4j二】Log4j属性文件配置详解 bit1129 log4j
    如下是一个log4j.properties的配置   log4j.rootCategory=INFO, stdout , R log4j.appender.stdout=org.apache.log4j.ConsoleAppender log4j.appender.stdout.layout=org.apache.log4j.PatternLayout log4j.appe
  • java集合排序笔记 白糖_ java
    public class CollectionDemo implements Serializable,Comparable<CollectionDemo>{ private static final long serialVersionUID = -2958090810811192128L; private int id; private String nam
  • java导致linux负载过高的定位方法 ronin47
    定位java进程ID 可以使用top或ps -ef |grep java ![图片描述][1] 根据进程ID找到最消耗资源的java pid 比如第一步找到的进程ID为5431 执行 top -p 5431 -H ![图片描述][2] 打印java栈信息 $ jstack -l 5431 > 5431.log 在栈信息中定位具体问题 将消耗资源的Java PID转
  • 给定能随机生成整数1到5的函数，写出能随机生成整数1到7的函数 bylijinnan 函数
    import java.util.ArrayList; import java.util.List; import java.util.Random; public class RandNFromRand5 { /** 题目：给定能随机生成整数1到5的函数，写出能随机生成整数1到7的函数。 解法1： f(k) = (x0-1)*5^0+(x1-
  • PL/SQL Developer保存布局 Kai_Ge
          近日由于项目需要，数据库从DB2迁移到ORCAL，因此数据库连接客户端选择了PL/SQL Developer。由于软件运用不熟悉，造成了很多麻烦，最主要的就是进入后，左边列表有很多选项，自己删除了一些选项卡，布局很满意了，下次进入后又恢复了以前的布局，很是苦恼。在众多PL/SQL Developer使用技巧中找到如下这段：   &n
  • [未来战士计划]超能查派[剧透,慎入] comsci 计划
           非常好看,超能查派,这部电影......为我们这些热爱人工智能的工程技术人员提供一些参考意见和思想........        虽然电影里面的人物形象不是非常的可爱....但是非常的贴近现实生活....    &nbs
  • Google Map API V2 dai_lm google map
    以后如果要开发包含google map的程序就更麻烦咯 http://www.cnblogs.com/mengdd/archive/2013/01/01/2841390.html 找到篇不错的文章，大家可以参考一下 http://blog.sina.com.cn/s/blog_c2839d410101jahv.html 1. 创建Android工程 由于v2的key需要G
  • java数据计算层的几种解决方法2 datamachine javasql集算器
    2、SQL     SQL/SP/JDBC在这里属于一类，这是老牌的数据计算层，性能和灵活性是它的优势。但随着新情况的不断出现，单纯用SQL已经难以满足需求，比如： JAVA开发规模的扩大，数据量的剧增，复杂计算问题的涌现。虽然SQL得高分的指标不多，但都是权重最高的。     成熟度：5星。最成熟的。   
  • Linux下Telnet的安装与运行 dcj3sjt126com linuxtelnet
    Linux下Telnet的安装与运行   linux默认是使用SSH服务的 而不安装telnet服务  如果要使用telnet 就必须先安装相应的软件包  即使安装了软件包 默认的设置telnet 服务也是不运行的 需要手工进行设置 如果是redhat9，则在第三张光盘中找到 telnet-server-0.17-25.i386.rpm
  • PHP中钩子函数的实现与认识 dcj3sjt126com PHP
    假如有这么一段程序： function fun(){ fun1(); fun2(); }   首先程序执行完fun1()之后执行fun2()然后fun()结束。   但是，假如我们想对函数做一些变化。比如说，fun是一个解析函数，我们希望后期可以提供丰富的解析函数，而究竟用哪个函数解析，我们希望在配置文件中配置。这个时候就可以发挥钩子的力量了。   我们可以在fu
  • EOS中的WorkSpace密码修改 蕃薯耀 修改WorkSpace密码
    EOS中BPS的WorkSpace密码修改 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 201
  • SpringMVC4零配置--SpringSecurity相关配置【SpringSecurityConfig】 hanqunfeng SpringSecurity
     SpringSecurity的配置相对来说有些复杂，如果是完整的bean配置，则需要配置大量的bean，所以xml配置时使用了命名空间来简化配置，同样，spring为我们提供了一个抽象类WebSecurityConfigurerAdapter和一个注解@EnableWebMvcSecurity，达到同样减少bean配置的目的，如下：   applicationContex
  • ie 9 kendo ui中ajax跨域的问题 jackyrong AJAX跨域
    这两天遇到个问题，kendo ui的datagrid，根据json去读取数据，然后前端通过kendo ui的datagrid去渲染，但很奇怪的是，在ie 10,ie 11,chrome,firefox等浏览器中，同样的程序， 浏览起来是没问题的，但把应用放到公网上的一台服务器， 却发现如下情况： 1） ie 9下，不能出现任何数据，但用IE 9浏览器浏览本机的应用，却没任何问题
  • 不要让别人笑你不能成为程序员 lampcy 编程程序员
    在经历六个月的编程集训之后，我刚刚完成了我的第一次一对一的编码评估。但是事情并没有如我所想的那般顺利。 说实话，我感觉我的脑细胞像被轰炸过一样。 手慢慢地离开键盘，心里很压抑。不禁默默祈祷：一切都会进展顺利的，对吧？至少有些地方我的回答应该是没有遗漏的，是不是？ 难道我选择编程真的是一个巨大的错误吗——我真的永远也成不了程序员吗？ 我需要一点点安慰。在自我怀疑，不安全感和脆弱等等像龙卷风一
  • 马皇后的贤德 nannan408
       马皇后不怕朱元璋的坏脾气，并敢理直气壮地吹耳边风。众所周知，朱元璋不喜欢女人干政，他认为“后妃虽母仪天下，然不可使干政事”，因为“宠之太过，则骄恣犯分，上下失序”，因此还特地命人纂述《女诫》，以示警诫。但马皇后是个例外。 　　有一次，马皇后问朱元璋道：“如今天下老百姓安居乐业了吗？”朱元璋不高兴地回答：“这不是你应该问的。”马皇后振振有词地回敬道：“陛下是天下之父，
  • 选择某个属性值最大的那条记录（不仅仅包含指定属性，而是想要什么属性都可以） Rainbow702 sqlgroup by最大值max最大的那条记录
    好久好久不写SQL了，技能退化严重啊！！！   直入主题： 比如我有一张表，file_info， 它有两个属性（但实际不只，我这里只是作说明用）： file_code, file_version 同一个code可能对应多个version 现在，我想针对每一个code，取得它相关的记录中，version 值 最大的那条记录， SQL如下： select *
  • VBScript脚本语言 tntxia VBScript
      VBScript 是基于VB的脚本语言。主要用于Asp和Excel的编程。   VB家族语言简介   Visual Basic 6.0           源于BASIC语言。           由微软公司开发的包含协助开发环境的事
  • java中枚举类型的使用 xiao1zhao2 javaenum枚举1.5新特性
    枚举类型是j2se在1.5引入的新的类型,通过关键字enum来定义,常用来存储一些常量.   1.定义一个简单的枚举类型 public enum Sex { MAN, WOMAN }   枚举类型本质是类,编译此段代码会生成.class文件.通过Sex.MAN来访问Sex中的成员,其返回值是Sex类型.   2.常用方法 静态的values()方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他