Canvas基础学习（一）——实现简单时钟显示

　　HTML5最受欢迎的功能就是<canvas>元素。这个元素负责在页面中设定一个区域，然后就可以通过JavaScript动态地在这个区域中绘制图形。关于<canvas>元素的一些基本用法可以参考w3school。

　　花了一下午时间熟悉了下常用的API，也参考了下网上的一些demo，实现了一个简单的时钟显示，代码记录如下：

  1 <!DOCTYPE html>

  2 <html lang="en">

  3 <head>

  4     <meta charset="UTF-8">

  5     <title>canvas-clock</title>

  6     <style type="text/css">

  7         /* canvas drawing */

  8         .clock {

  9             width: 300px;

 10             margin: 0 auto;

 11         }

 12         #clock {

 13             width: 300px;

 14             height: 300px;

 15         }

 16     </style>

 17     <script type="text/javascript">

 18         var clockDraw = function(context) {

 19             var now = new Date();

 20             context.save();

 21             context.clearRect(0, 0, 300, 300);

 22             context.scale(1, 0.5);

 23             context.translate(150, 150);

 24 

 25             // init hours  

 26             context.save();

 27             for (var i = 0; i < 12; i++ ) {

 28                 context.beginPath();

 29                 context.rotate(Math.PI / 6);

 30                 context.moveTo(0, -123);

 31                 context.lineWidth = 5;

 32                 context.lineTo(0, -110);

 33                 context.stroke();

 34             }

 35             context.restore();

 36 

 37             // init minutes

 38             context.save();

 39             context.lineWidth = 5;

 40             for (i = 0; i < 60; i++) {

 41                 if (i % 5 != 0) {

 42                     context.beginPath();

 43                     context.moveTo(0, 118);

 44                     context.lineWidth = 2;

 45                     context.lineTo(0, 115);

 46                     context.stroke();

 47                 }

 48                 context.rotate(Math.PI / 30);

 49             }

 50             context.restore();

 51 

 52             var sec = now.getSeconds();

 53             var min = now.getMinutes();

 54             var hr  = now.getHours();

 55             hr = hr >= 12 ? hr - 12 : hr;

 56 

 57             context.fillStyle = "black";

 58 

 59             // draw hour  

 60             context.save();

 61             context.rotate(hr * (Math.PI / 6) + (Math.PI / 360) * min + (Math.PI / 21600) * sec);

 62             context.lineWidth = 7;

 63             context.beginPath();

 64             context.moveTo(0, 10);

 65             context.lineTo(0, -80);

 66             context.stroke();

 67             context.restore();

 68 

 69             // draw minute

 70             context.save();

 71             context.rotate((Math.PI / 30) * min + (Math.PI / 1800) * sec);

 72             context.lineWidth = 5;

 73             context.beginPath();

 74             context.moveTo(0, 20);

 75             context.lineTo(0, -100);

 76             context.stroke();

 77             context.restore();

 78 

 79             // draw second

 80             context.save();

 81             context.rotate(sec * Math.PI / 30);

 82             context.strokeStyle = "#D40000";

 83             context.fillStyle = "#D40000";

 84             context.lineWidth = 4;

 85             context.beginPath();

 86             context.moveTo(0, 30);

 87             context.lineTo(0, -113);

 88             context.stroke();

 89             context.beginPath();

 90             context.arc(0, 0, 5, 0, Math.PI * 2, false);

 91             context.fill();

 92             context.restore();

 93 

 94             context.beginPath();

 95             context.arc(0, 0, 125, 0, Math.PI * 2, false);

 96             context.lineWidth = 5;

 97             context.strokeStyle = '#325FA2';

 98             context.stroke();

 99 

100             context.restore();

101         };

102 

103         var initClock = function() {

104             var clock = document.getElementById("clock");

105             if (clock.getContext) {

106                 var context = clock.getContext("2d");

107                 clockDraw(context);

108                 setInterval((function() {

109                     return function() {

110                         clockDraw(context);

111                     }

112                 })(context), 1000);

113             };

114         };

115 

116         window.onload = function() {

117             //canvas drawing

118             initClock();

119         };

120     </script>

121 </head>

122 <body>

123     <div class="clock">

124         <canvas id="clock">A drawing of clock.</canvas>

125     </div>

126 </body>

127 </html>

你可能感兴趣的:(canvas)

  • labelimg 打框就闪退 TypeError: setValue(self, int): argument 1 has unexpected type ‘float‘ Jackyyy1go python数学建模
    问题详情：解决办法：1.将canvas.py文件526、530、531行的float改为int。2.在报错文件labelImg.py第965行将float改为int。具体办法：一、更改canvas.py文件文件地址：x:\xxxxx\python-310\Lib\site-packages\libs\canvas.py第526行p.drawRect(left_top.x(),left_top.y(
  • echarts 3d饼状图_给小程序加上漂亮的可视化echarts图表 Sleep No More 上海 echarts3d饼状图
    最近刚发布的古人云推送小程序，采用了echarts图表库进行数据的可视化处理展示。如折线图、饼状图、条形图等。现在我进行简单总结，教大家如何在自己的小程序中安装使用这个组件，为自己的小程序扩展更高级功能！安装echarts组件首先，我们需要从github下载echarts-for-weixin这个项目源码(公众号回复11获取项目链接)然后进行解压，复制出源码目录里边的ec-canvas目录，存放到
  • 【大前端系列02】HTML5 Canvas绘图技术全解析：从入门到精通 秦若宸 大前端系列前端html5html
    HTML5Canvas绘图技术全解析系列:「全栈进化：大前端开发完全指南」系列第2篇（共5篇）核心:Canvas绘图技术的基本原理与高级应用技巧引言Canvas是HTML5引入的绘图API，提供可编程的矩形绘图区域，使用JavaScript动态生成图形、图表、动画效果和图像处理。Canvas的本质是一个位图画布，每个像素都可以被精确控制。为什么学习Canvas?创建复杂视觉效果和交互体验高性能图形
  • 「HTML5+Canvas实战」星际空战游戏开发 - 纯前端实现 & 源码即开即用【附演示视频】 果冻kk 前端html5小游戏
    纯前端实现星际空战游戏【简易版】博主上次分享的简易版飞机大战收到了不少建议，今天再给大家来一波福利！带来全新升级的飞机大战进阶版！不仅拥有更丰富的游戏机制和更精美的游戏画面，还加入了超燃的BOSS战斗系统。源码完全免费开放，拿来即用无门槛，欢迎感兴趣的小伙伴下载源码。源码已附文章末尾除了本文介绍的纯前端版本外，我们还开发了一个完整的后端版本，采用Java技术栈实现，包含用户登录注册（安全配置、认证
  • 实现元素方向感知
    html元素方向感知有时候我们需要获取鼠标从元素的哪个方向进入，从而实现一些效果。例如一些方向感知提示。有时候也需要知道我们鼠标当前落在元素的哪个象限。来控制元素应该朝向哪个区域拓展。元素方向感知#canvas{border:1pxsolidblack;}#content{width:200px;height:200px;border:1pxsolidred;}/*元素方向感知*/function
  • Canvas 示例：4种超炫的网站动画背景效果 「已注销」 前端css3html5canvas
    今天，我们想分享一些动画背景的灵感。全屏背景图片的网站头部是最新的网页设计趋势，已经持续了一段时间。最近人们一直在转向动画添加更多的视觉兴趣到他们的网站中，在这里我们想向您分享几个使用JavaScript和Canvas创建不同页眉的动画示例。在线演示立即下载您可能感兴趣的相关文章网站开发中很有用的jQuery效果【附源码】分享35个让人惊讶的CSS3动画效果演示十分惊艳的8个HTML5&JavaS
  • Canvas渲染管线解析：从API调用到像素落地的全过程 沐土Arvin 信息可视化前端javascripthtmlcss
    1.Canvas基本定义★了解Canvas是HTML5提供的一个通过JavaScript来绘制图形的元素。它提供了一个空白的绘图区域，开发者可以使用JavaScript脚本在其中绘制各种图形、动画、游戏画面等。2.Canvas使用场景★了解数据可视化：绘制图表、图形等游戏开发：HTML5游戏图像处理：滤镜、像素操作动画效果：创建动态视觉效果交互式图形：绘图应用、设计工具教育演示：数学函数可视化等3
  • Vue3 + GSAP：打造炫酷动效的终极指南 来自星星的坤 vue.js前端动画
    前言在现代前端开发中，动画已经成为提升用户体验的重要方式。Vue3作为一个强大的前端框架，与GSAP（GreenSockAnimationPlatform）结合，能让你的页面动效更加流畅且易于控制。本文将详细讲解如何在Vue3中集成GSAP，并带你实战几个常见的动画案例。1.什么是GSAP？GSAP是一个功能强大的JavaScript动画库，支持DOM、SVG、Canvas以及WebGL动画，具有
  • 关于网站截图功能的几种方案 墨雪遗痕 JavaScriptvuejavascript前端
    HTML2canvas该脚本通过读取DOM以及应用于元素的不同样式，将当前页面呈现为canvas图像。它不需要来自服务器的任何渲染，因为整个图像是在客户端上创建的。但是，由于它太依赖于浏览器，因此该库不适合在nodejs中使用。它也不会神奇地规避任何浏览器内容策略限制，因此呈现跨域内容将需要代理来将内容提供给相同的源。该脚本仍然处理非常实验状态，因此不建议在生产环境中使用它，也不建议使用它来构建应
  • 217.HarmonyOS NEXT系列教程之 TabBar工具函数与Canvas绘制实现解析 harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyOSNEXT系列教程之TabBar工具函数与Canvas绘制实现解析本文将详细解析TabBar中的工具函数和Canvas绘制实现，包括图片处理、尺寸计算和Canvas绘制等核心功能。效果演示1.图片资源处理exportfunctiongetImag
  • 217.HarmonyOS NEXT系列教程之 TabBar工具函数与Canvas绘制实现解析 harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyOSNEXT系列教程之TabBar工具函数与Canvas绘制实现解析本文将详细解析TabBar中的工具函数和Canvas绘制实现，包括图片处理、尺寸计算和Canvas绘制等核心功能。效果演示1.图片资源处理exportfunctiongetImag
  • 210.HarmonyOS NEXT系列教程之 TabsConcaveCircle组件动画系统详解 harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyOSNEXT系列教程之TabsConcaveCircle组件动画系统详解本文将深入解析TabsConcaveCircle组件的动画系统实现，包括选项切换动画和圆球移动动画。效果演示1.动画状态管理privatecanvasAnimator:Anim
  • 基于 Vue 3 的PDF和Excel导出 Joy T 前端开发vue.js前端javascript
    以下是基于Vue3CompositionAPI的完整实现，包括PDF和Excel导出。一、PDF导出(Vue3)安装依赖在项目中安装相关库：npminstallhtml2canvasjspdfVue3代码实现导出为PDF示例序号名称数量{{index+1}}{{item.name}}{{item.count}}导出PDFimport{ref}from'vue';importhtml2canvasf
  • vue2 生成动态二维码 vue2组件化
    因为项目使用的是vue2，下面那个组件，大佬没有写canvas的生成二维码+logo的形式。所以跟着大佬的vue3的代码，写了一遍vue2的。vue3直接安装使用npminstallqrcode@1@chenfengyuan/vue-qrcode@2vue2参考下面npminstallqrcode@1组件：QrcodeComponent.vueimport{toCanvas,toDataURL,t
  • android opengl es 文字,OpenGL ES2.0实现文字绘制Android weixin_39736606 androidopengles文字
    OpenGLES2.0是无法直接绘制文字的，我采用的方法是将文字转为Bitmap,然后以图贴的方式进行渲染。看到网上也有人是将文字生成点，一个个进行绘制的，个人觉得这种方法还是挺麻烦的。文章分为两部分，一部分是在canvas中绘图转Bitmap，第二部分是贴图纹理绘制。文字转Bitmap这部分比较麻烦，网上介绍的canvas.drawText()的资料太多，看了都让人一头雾水，我也看了一天才明白。
  • 鸿蒙特效教程08-幸运大转盘抽奖
    鸿蒙特效教程08-幸运大转盘抽奖本教程将带领大家从零开始，一步步实现一个完整的转盘抽奖效果，包括界面布局、Canvas绘制、动画效果和抽奖逻辑等。1.需求分析与整体设计温馨提醒：本案例有一定难度，建议先收藏起来。在开始编码前，让我们先明确转盘抽奖的基本需求：展示一个可旋转的奖品转盘转盘上有多个奖品区域，每个区域有不同的颜色和奖品名称点击"开始抽奖"按钮后，转盘开始旋转转盘停止后，指针指向的位置即为
  • 鸿蒙特效教程04-直播点赞动画效果实现教程
    鸿蒙特效教程04-直播点赞动画效果实现教程在时下流行的直播、短视频等应用中，点赞动画是提升用户体验的重要元素。当用户点击屏幕时，屏幕上会出现飘动的点赞图标。本教程适合HarmonyOS初学者，通过简单到复杂的步骤，通过HarmonyOS的Canvas组件，一步步实现时下流行的点赞动画效果。效果预览我们将实现的效果是：用户点击屏幕时，在点击位置生成一个emoji表情图标，逐步添加了以下动画效果：向上
  • 探索HTML5 Canvas：创造动态与交互性网页内容的强大工具 qq39138814 html5前端html
    探索HTML5Canvas：创造动态与交互性网页内容的强大工具引言在HTML5的众多新特性中，Canvas无疑是最引人注目的元素之一。它为网页设计师和开发者提供了一个通过JavaScript和HTML直接在网页上绘制图形、图像以及进行动画处理的画布。Canvas的灵活性和强大功能，使得它成为创造动态、交互性网页内容的首选工具。本文将深入探讨HTML5Canvas的基本用法、应用场景以及如何利用它来
  • canvas绘制红绿灯路口（二） 风舞红枫 canvascanvas
    系列文章canvas绘制红绿灯路口（一）无图不欢，先上图优化项：一：加入人行道红绿信号二：加入专用车道标识（无方向标识时采用专用车道标识）三：东南西北四项路口优化绘制逻辑，美化图像四：加入拖拽、缩放图例使用方法（以vue3为例）import{ref,onMounted,onUnmounted}from'vue';importLanefrom'services/roadCanvas/lane';co
  • Canvas粒子系统终极指南：从基础运动到复杂交互的全流程实现 前端极客探险家 交互canva可画前端
    文章目录一、粒子系统基础架构1.1粒子数据结构设计1.2粒子系统管理器二、基础粒子效果实现2.1重力场模拟2.2弹性碰撞效果三、高级交互实现3.1鼠标吸引效果3.2颜色渐变粒子四、性能优化策略4.1粒子池复用4.2分层渲染五、复杂效果实现5.1烟花爆炸效果5.2流体模拟一、粒子系统基础架构1.1粒子数据结构设计classParticle{constructor(x,y){this.pos={x,y
  • python --截图工具 像风一样的男人@ python开发语言
    截图工具keyboard==0.13.5loguru==0.6.0Pillow==9.5.0PyAutoGUI==0.9.54pywin32==306requests==2.31.0importtimeimporttkinterastkfromtkinterimportCanvasimportkeyboardimportpyautoguiimportwinregimportosdefget_des
  • 探索HTML5 Canvas：创造动态与交互性网页内容的强大工具 易xingxing html5前端html
    探索HTML5Canvas：创造动态与交互性网页内容的强大工具引言在HTML5的众多新特性中，Canvas无疑是最引人注目的元素之一。它为网页设计师和开发者提供了一个通过JavaScript和HTML直接在网页上绘制图形、图像以及进行动画处理的画布。Canvas的灵活性和强大功能，使得它成为创造动态、交互性网页内容的首选工具。本文将深入探讨HTML5Canvas的基本用法、应用场景以及如何利用它来
  • web前端录制canvas视频和video的声音，并合并成一个文件进行下载 不怕麻烦的鹿丸 WebRTCJavaScript前端音视频canvasjavascript
    一、captureStream‌captureStream‌是一个WebAPI方法，用于捕获指定元素的媒体流。该方法通常用于从、或元素中捕获实时视频流或音频流，以便进行进一步的处理，如直播、录制或分析‌。captureStream()方法能够实时捕获视频流，适用于直播、实时监控等场景。它返回一个MediaStream对象，该对象包含了捕获的视频流数据。相比其他视频捕获方法，captureStrea
  • vue-charts的使用，导入，配置，及常见错误 一蓑烟雨，一任平生 vue3vue.jsechartsjavascript
    vue-charts作用：在使用echarts生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts的出现正是为了解决这个痛点。基于Vue2.0和echarts封装的v-charts图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。第一步:下载npmiv-chartsecharts-S第二部:导入同时配置import{CanvasR
  • HTML5！进击2025web蓝桥杯复习之路 Deepsleep. html5前端html
    #HTML5全面解析##目录1.[HTML5简介](#1-html5-简介)2.[基本标签](#2-基本标签)3.[新特性](#3-新特性)4.[本地存储](#4-本地存储)5.[总结](#5-总结)---##1.HTML5简介HTML5是HTML的第五个主要版本，2014年由W3C正式发布。主要特性包括：-语义化标签-多媒体支持-图形绘制（Canvas/SVG）-本地存储能力-WebWorker
  • 46-886 Machine Learning Fundamentals W_X_99515681 机器学习人工智能
    46-886MachineLearningFundamentalsHW1Homework1Due:Sunday,March23,11:59pm•UploadyourassignmenttoCanvas(onlyonepersonperteamneedstosubmit)•Includeawriteupcontainingyouranswerstothequestionsbelow(andyourt
  • 炫酷的HTML5粒子动画特效实现详解 木木黄木木 html5前端html
    炫酷的HTML5粒子动画特效实现详解这里写目录标题炫酷的HTML5粒子动画特效实现详解项目介绍技术栈项目架构1.HTML结构2.样式设计核心实现1.粒子类设计2.动画效果实现星空效果烟花效果雨滴效果3.鼠标交互性能优化效果展示总结项目介绍本文将详细介绍如何使用HTML5Canvas技术实现一个炫酷的粒子动画特效系统。该系统包含三种不同的动画效果：星空、烟花和雨滴，并支持鼠标交互功能，能够为网页增添
  • 在WPF中把Canvas保存为图片，文本文件，xps文件 Anticlimax丶 WPFCanvas转图片Canvas转文本文件Canvas转xps文件
    由于wpf的UI使用xaml来表达的，所以我们们可利用这个优点，把WPF中的xaml元素另存为各样的文件，在很多时候我们都不须要这样的操作。把xaml保存为图片、字符串、XPS等等。这里我写了一些方法，以供大家参考.。注意：以下保存操作前，一定要确保参数中的canvas有高和宽。1.把canvas保存为文本文件usingSystem.IO;publicvoidExport(Uripath,Canv
  • WPF把Canvas另存为 baijing7600 ui
    由于wpf的UI使用xaml来表达的，所以我们们可利用这个优点，把WPF中的xaml元素另存为各样的文件，在很多时候我们都不须要这样的操作。把xaml保存为图片、字符串、XPS等等。这里我写了一些方法，以供大家参考.。注意：以下保存操作前，一定要确保参数中的canvas有高和宽。1.把canvas保存为文本文件1:usingSystem.Windows.Markup;2:usingSystem.I
  • 入门 Canvas：Web 绘图的强大工具 Hopebearer_ 前端es6javascriptcanva可画
    文章目录入门Canvas：Web绘图的强大工具一、Canvas简介二、Canvas的基本用法（一）绘制基本图形（二）绘制文本三、Canvas的应用场景（一）数据可视化（二）游戏开发（三）图像编辑四、Canvas的动画效果五、Canvas的优势与局限性（一）优势（二）局限性六、总结入门Canvas：Web绘图的强大工具在Web开发的广阔天地中，为了满足用户对丰富、交互性强的体验的不断追求，前端技术持
  • PHP，安卓，UI，java，linux视频教程合集 cocos2d-x小菜 javaUIPHPandroidlinux
    ╔-----------------------------------╗┆                           
  • 各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。 bozch .net.net mvc
    在.net mvc5中，在执行某一操作的时候，出现了如下错误：       各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。 经查询当前的操作与错误内容无关，经过对错误信息的排查发现，事故出现在数据库迁移上。 回想过去： 在迁移之前已经对数据库进行了添加字段操作，再次进行迁移插入XXX字段的时候，就会提示如上错误。  &
  • Java 对象大小的计算 e200702084 java
                              Java对象的大小 如何计算一个对象的大小呢？    
  • Mybatis Spring 171815164 mybatis
    ApplicationContext ac = new ClassPathXmlApplicationContext("applicationContext.xml"); CustomerService userService = (CustomerService) ac.getBean("customerService"); Customer cust
  • JVM 不稳定参数 g21121 jvm
            -XX 参数被称为不稳定参数，之所以这么叫是因为此类参数的设置很容易引起JVM 性能上的差异，使JVM 存在极大的不稳定性。当然这是在非合理设置的前提下，如果此类参数设置合理讲大大提高JVM 的性能及稳定性。        可以说“不稳定参数”
  • 用户自动登录网站 永夜-极光 用户
    1.目标:实现用户登录后,再次登录就自动登录,无需用户名和密码 2.思路:将用户的信息保存为cookie            每次用户访问网站,通过filter拦截所有请求,在filter中读取所有的cookie,如果找到了保存登录信息的cookie,那么在cookie中读取登录信息,然后直接
  • centos7 安装后失去win7的引导记录 程序员是怎么炼成的 操作系统
    1.使用root身份(必须)打开 /boot/grub2/grub.cfg 2.找到 ### BEGIN /etc/grub.d/30_os-prober ###   在后面添加    menuentry "Windows 7 (loader) (on /dev/sda1)" { 
  • Oracle 10g 官方中文安装帮助文档以及Oracle官方中文教程文档下载 aijuans oracle
    Oracle 10g 官方中文安装帮助文档下载：http://download.csdn.net/tag/Oracle%E4%B8%AD%E6%96%87API%EF%BC%8COracle%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%EF%BC%8Coracle%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3 Oracle 10g 官方中文教程
  • JavaEE开源快速开发平台G4Studio_V3.2发布了 無為子 AOPoraclemysqljavaeeG4Studio
      我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V3.2版本已经正式发布。大家可以通过如下地址下载。   访问G4Studio网站 http://www.g4it.org   G4Studio_V3.2版本变更日志 功能新增 (1).新增了系统右下角滑出提示窗口功能。 (2).新增了文件资源的Zip压缩和解压缩
  • Oracle常用的单行函数应用技巧总结 百合不是茶 日期函数转换函数(核心)数字函数通用函数(核心)字符函数
    单行函数;   字符函数,数字函数,日期函数,转换函数(核心),通用函数(核心) 一:字符函数: .UPPER(字符串) 将字符串转为大写 .LOWER (字符串) 将字符串转为小写 .INITCAP(字符串) 将首字母大写 .LENGTH (字符串) 字符串的长度 .REPLACE(字符串,'A','_') 将字符串字符A转换成_
  • Mockito异常测试实例 bijian1013 java单元测试mockito
    Mockito异常测试实例： package com.bijian.study; import static org.mockito.Mockito.mock; import static org.mockito.Mockito.when; import org.junit.Assert; import org.junit.Test; import org.mockito.
  • GA与量子恒道统计 Bill_chen JavaScript浏览器百度Google防火墙
    前一阵子，统计**网址时，Google Analytics（GA） 和量子恒道统计（也称量子统计），数据有较大的偏差，仔细找相关资料研究了下，总结如下：   为何GA和量子网站统计（量子统计前身为雅虎统计）结果不同？ 首先：没有一种网站统计工具能保证百分之百的准确出现该问题可能有以下几个原因：（1）不同的统计分析系统的算法机制不同；（2）统计代码放置的位置和前后
  • 【Linux命令三】Top命令 bit1129 linux命令
    Linux的Top命令类似于Windows的任务管理器，可以查看当前系统的运行情况，包括CPU、内存的使用情况等。如下是一个Top命令的执行结果：     top - 21:22:04 up 1 day, 23:49, 1 user, load average: 1.10, 1.66, 1.99 Tasks: 202 total, 4 running, 198 sl
  • spring四种依赖注入方式 白糖_ spring
      平常的java开发中，程序员在某个类中需要依赖其它类的方法，则通常是new一个依赖类再调用类实例的方法，这种开发存在的问题是new的类实例不好统一管理，spring提出了依赖注入的思想，即依赖类不由程序员实例化，而是通过spring容器帮我们new指定实例并且将实例注入到需要该对象的类中。依赖注入的另一种说法是“控制反转”，通俗的理解是：平常我们new一个实例，这个实例的控制权是我
  • angular.injector boyitech AngularJSAngularJS API
    angular.injector   描述: 创建一个injector对象, 调用injector对象的方法可以获得angular的service, 或者用来做依赖注入.   使用方法: angular.injector(modules, [strictDi])   参数详解: Param Type Details mod
  • java-同步访问一个数组Integer[10]，生产者不断地往数组放入整数1000，数组满时等待；消费者不断地将数组里面的数置零，数组空时等待 bylijinnan Integer
    public class PC { /** * 题目：生产者-消费者。 * 同步访问一个数组Integer[10]，生产者不断地往数组放入整数1000，数组满时等待；消费者不断地将数组里面的数置零，数组空时等待。 */ private static final Integer[] val=new Integer[10]; private static
  • 使用Struts2.2.1配置 Chen.H apachespringWebxmlstruts
    Struts2.2.1 需要如下 jar包: commons-fileupload-1.2.1.jar commons-io-1.3.2.jar commons-logging-1.0.4.jar freemarker-2.3.16.jar javassist-3.7.ga.jar ognl-3.0.jar spring.jar struts2-core-2.2.1.jar struts2-sp
  • [职业与教育]青春之歌 comsci 教育
           每个人都有自己的青春之歌............但是我要说的却不是青春...        大家如果在自己的职业生涯没有给自己以后创业留一点点机会,仅仅凭学历和人脉关系,是难以在竞争激烈的市场中生存下去的....   &nbs
  • oracle连接(join)中使用using关键字 daizj JOINoraclesqlusing
    在oracle连接(join)中使用using关键字 34. View the Exhibit and examine the structure of the ORDERS and ORDER_ITEMS tables. Evaluate the following SQL statement: SELECT oi.order_id, product_id, order_date FRO
  • NIO示例 daysinsun nio
    NIO服务端代码： public class NIOServer { private Selector selector; public void startServer(int port) throws IOException { ServerSocketChannel serverChannel = ServerSocketChannel.open(
  • C语言学习homework1 dcj3sjt126com chomework
    0、 课堂练习做完 1、使用sizeof计算出你所知道的所有的类型占用的空间。 int x; sizeof(x);   sizeof(int);   # include <stdio.h> int main(void) { int x1; char x2; double x3; float x4; printf(&quo
  • select in order by , mysql排序 dcj3sjt126com mysql
    If i select like this: SELECT id FROM users WHERE id IN(3,4,8,1); This by default will select users in this order 1,3,4,8, I would like to select them in the same order that i put IN() values so:
  • 页面校验-新建项目 fanxiaolong 页面校验
    $(document).ready( function() { var flag = true; $('#changeform').submit(function() { var projectScValNull = true; var s =""; var parent_id = $("#parent_id").v
  • Ehcache（02）——ehcache.xml简介 234390216 ehcacheehcache.xml简介
    ehcache.xml简介          ehcache.xml文件是用来定义Ehcache的配置信息的，更准确的来说它是定义CacheManager的配置信息的。根据之前我们在《Ehcache简介》一文中对CacheManager的介绍我们知道一切Ehcache的应用都是从CacheManager开始的。在不指定配置信
  • junit 4.11中三个新功能 jackyrong java
    junit 4.11中两个新增的功能，首先是注解中可以参数化，比如 import static org.junit.Assert.assertEquals; import java.util.Arrays; import org.junit.Test; import org.junit.runner.RunWith; import org.junit.runn
  • 国外程序员爱用苹果Mac电脑的10大理由 php教程分享 windowsPHPunixMicrosoftperl
    Mac 在国外很受欢迎，尤其是在 设计/web开发/IT 人员圈子里。普通用户喜欢 Mac 可以理解，毕竟 Mac 设计美观，简单好用，没有病毒。那么为什么专业人士也对 Mac 情有独钟呢？从个人使用经验来看我想有下面几个原因： 1、Mac OS X 是基于 Unix 的 这一点太重要了，尤其是对开发人员，至少对于我来说很重要，这意味着Unix 下一堆好用的工具都可以随手捡到。如果你是个 wi
  • 位运算、异或的实际应用 wenjinglian 位运算
    一． 位操作基础，用一张表描述位操作符的应用规则并详细解释。       二． 常用位操作小技巧，有判断奇偶、交换两数、变换符号、求绝对值。       三． 位操作与空间压缩，针对筛素数进行空间压缩。    &n
  • weblogic部署项目出现的一些问题（持续补充中……） Everyday都不同 weblogic部署失败
    好吧，weblogic的问题确实……   问题一： org.springframework.beans.factory.BeanDefinitionStoreException: Failed to read candidate component class: URL [zip:E:/weblogic/user_projects/domains/base_domain/serve
  • tomcat7性能调优（01） toknowme tomcat7
        Tomcat优化： 1、最大连接数最大线程等设置 <Connector port="8082" protocol="HTTP/1.1"                useBodyEncodingForURI="t
  • PO VO DAO DTO BO TO概念与区别 xp9802 javaDAO设计模式bean领域模型
    O/R Mapping 是 Object Relational Mapping（对象关系映射）的缩写。通俗点讲，就是将对象与关系数据库绑定，用对象来表示关系数据。在O/R Mapping的世界里，有两个基本的也是重要的东东需要了解，即VO，PO。 它们的关系应该是相互独立的，一个VO可以只是PO的部分，也可以是多个PO构成，同样也可以等同于一个PO（指的是他们的属性）。这样，PO独立出来，数据持
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他