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)

  • 19-进阶：Canvas 画板续（兼容触屏设备） 格林姆大师
    本节知识点JS知识点touch事件触屏设备上，mouse事件已不适用，需转换为touch事件；检测是否为触屏设备方法1：//开始绘画if('ontouchstart'inwindow){touchDrawStart();}else{mouseDrawStart();}方法2：//开始绘画if('ontouchstart'inwindow){touchDrawStart();}else{mouseD
  • hiprint打印/jsPDF使用/html2canvas song854601134 javascriptnode.jsjs
    最初我知道hiprint.print是可以打印双模板的，于是查看hiprint.print的源码发现底层实现是this.getHtml(t).hiwprint,于是断点查看getHtm的实现，得知它是遍历我们对print传参的list，利用list中模板对象的getHtml()方法得到模板的dom对象，同时利用append将两个模板dom拼接到一个模板对象里然后返回。至此我们可以拿到一个合成的模板
  • 【前端面试】标记、绘画视频的某一帧 贾明恣 前端音视频
    搜寻三方库在前端开发中，Canvas是一个强大的工具，可以用来创建图形、动画和各种视觉效果。为了简化和增强Canvas的使用，社区中出现了许多库。以下是一些主流的Canvas库及其特性和性能对比：Fabric.js：概述：Fabric.js是一个基于对象的Canvas库，提供了丰富的API来操作和管理Canvas元素。它特别适合处理交互式和可编辑的图形应用，如在线图像编辑器、绘图工具等。优点：面向
  • Python -- GUI图形界面编程—GUI编程实例 博主也在持续学习中[ 持续更新中！！！ 欢迎白嫖 也求粉啊啊啊~ ] 梦茹^_^ Python_GUI编程python开发语言GUI经验分享前端框架前端组件
    本文继上篇文章http://t.csdnimg.cn/rrsIL继续介绍GUI的图形界面编程（相关视频是哔站上的应该搜这个题目就能找到），文章还是很基础的，目前博主处于有一点基础的状态。文章的主要介绍了依旧非常重要的结构tinkter库、重要组件简介（这个不用死记硬背用的时候再说）、Text（多行文本框）、Radiobutton、Checkbutton、Canvas画布，依旧是很多代码部分是重复的
  • 使用fabric.js简简单单实现一个画板 小草先森tyro 前端
    什么是fabricfabric是一个功能强大的JavaScript库,运行在HTML5canvas上。fabric为canvas提供了一个交互式对象模型，以及一个svg-to-canvas解析器。与canvas的区别来一个简单的例子来说明一下fabric与canvas的区别，假设我们想在一个画布上画一个红色的矩形：//原生canvasapi//有一个id是c的canvas元素varcanvasEl
  • 探索vue-fabric：强大的Vue图形编辑库 林浪其Geneva
    探索vue-fabric：强大的Vue图形编辑库vue-fabric基于canvasfabric.js库创建的vuefabric组件，定制画板，图片组合绘制项目地址:https://gitcode.com/gh_mirrors/vu/vue-fabric在现代Web开发中，图形编辑器的需求日益增长，无论是在线设计工具、教育应用还是企业内部的管理系统，一个灵活且功能丰富的图形编辑器都是不可或缺的。今
  • 探索 Fabric.js：前端开发的轻量级图形编辑框架 滑辰煦Marc
    探索Fabric.js：前端开发的轻量级图形编辑框架是一个强大的、基于WebGL和SVG的JavaScript图形库，专为构建交互式图形界面而设计。它提供了一种简单的方式来在网页上创建和操纵矢量对象，包括文本、形状、图像等，并且具有丰富的可定制性和性能优化。项目简介Fabric.js提供了一个统一的对象模型，使得处理HTML5canvas上的元素变得异常简单。无论是创建复杂的绘图应用，还是实现动态
  • uniapp 微信小程序 分享海报的实现 前端不加班 前端javascriptuniapp微信小程序海报
    主页面保存-->-->微信好友-->朋友圈-->保存图片-->-->importposterfrom"@/components/poster/index";import{saveImageToPhotosAlbum}from'@/utils/poster.js';exportdefault{components:{poster},data(){return{code:'',canvasImages
  • python tkinter画布create window_Python+Tkinter窗口绘图,PythonTkinterwindow 医学生彼得 pythontkinter画布createwindow
    给一段框出桌面上任意图标的代码练习——实际上是结合win32的python开源库uiautomation获取桌面上任意图标/窗口的坐标后，利用tkinter在图标上建立一个半透明带边框的窗口。fromtkinterimportTk,Canvasimportuiautomationasuiadefdraw_rectangle(event):control=uia.GetRootControl()#获
  • 2. Fabric 简介 Lanwarf-前端开发 Fabricfabricjavascript
    1.介绍Fabric.js—一个功能强大的Javascript库，使使用HTML5canvas的工作变得轻而易举。Fabric提供了画布缺少的对象模型，以及SVG解析器，交互性层和一整套其他必不可少的工具。这是一个完全开放源代码的项目，已获得麻省理工学院（MIT）的许可，多年来有许多贡献。在发现使用原生canvasAPI的烦恼之后，Fabric于2010年左右开始。最初的作者正在为printio.
  • Canvas绘制线条时断断续续的 月伤59 前端canva可画javascripttypescript
    解决线条断断续续的关键代码如下：我们可以使用quadraticCurveTo来实现贝塞尔曲线使其变成光滑的曲线注意：ctx.value.lineCap="round";ctx.value.lineJoin="round";这两个属性是必须设置的lastX，lastY：贝塞尔曲线的起始点；controlPoint：贝塞尔曲线的控制点；endPoint：贝塞尔曲线的结束点；//绘制贝塞尔曲线让线段看起
  • Unity开发-SLG实时战斗头像自适应算法 艾诺无琼 UGUI优化相关UnityEngine
    目前参与一款在研SLG研发，目前在开发实时战斗部分的表现，今天要分享的是实时战斗头像自动排布算法的实现。需求分析部队头像的自动跟随、自动监测碰撞以避免头像重叠、需要满足一定性能要求，不能产生过多的DrawCall和其他CPU开销、参考效果为万国觉醒实时战斗表现，当前方案基本实现相同效果。设计思路建立RootCanvas空间下的屏幕空间映射，进行虚拟网格拆分，作为基础Map，和单个头像图标的坐标系。
  • 微信小程序 手写签名_小程序手写签名（wepy） weixin_39906245 微信小程序手写签名
    对于手写签名组件组件晚上有很多种写法，我选择了一种进行了wepy的框架的改造。如果使用wepy框架做手写签名的话可以直接复制下面的代码。这里需要提醒的是：安卓手机和苹果手机有适配性的问题，苹果手机在签名的以后手机将无法进行文档的上下左右的滑动，而安卓手机没有影响。解决这个问题的方法是给canvas给disable-scroll属性绑定一个变量disable-scroll="true"当进行滑动的时
  • 微信小程序手写签名，使用canvas 2d 丝滑连笔，不卡顿 無苼 微信小程序小程序
    最近产品让我写个手写签名，上网百度了一下，基本上快速连笔都很卡，于是自己参考资料重写了一下，体验效果拉满，话不多说上代码。WXML代码重签确认WXSSpage{background-color:#e7e7e7;}.btn{width:100%;display:flex;justify-content:space-around;align-items:center;height:60px;posit
  • 【cocos creator】platform平台对应代码 2.x / 3.x 老豆8 cocos工具typescriptcocoscreator开发平台
    cocoscreator获取当前平台信息，2.4版本使用cc.sys.dump()可以打印所有平台信息：cc.sys.dump();打印结果：isMobile:falselanguage:zhbrowserType:chromebrowserVersion:92.0.4515.159capabilities:{"canvas":true,"opengl":true,"webp":true,"ima
  • html5图片自动翻转,canvas实现图片镜像翻转的2种方式 weixin_39841136 html5图片自动翻转
    1.通过canvas自带的画布方法进行翻转varimg=newImage();//这个就是img标签的dom对象img.src='./sy.png';img.onload=function(){//图片加载完成后，执行此方法ctx.drawImage(img,posx,posy,210,80);};play.addEventListener('click',function(){ctx.clear
  • js（vue）如何实现页面截图，向后端传递，生成PDF R-sz vue.jsjavascript前端
    利用htmm12canvas首先引入npminstallexpressmulter#或者yarnaddexpressmulter代码如下：-->中间代码省略import{nextTick,ref,provide}from"vue";import{useGetResizeBodySize}from'@/hooks/useGetScaleHeight'importEquConsumeSpareRank
  • 在Vue项目里使用ECharts图标库 石云升
    ECharts是一个JavaScript实现的开源图标库，能兼容绝大多数浏览器（IE8+），底层依赖ZRender（一个轻量级的Canvas类库），能高度个性化定制数据可视化图标。ECharts官网地址：https://echarts.apache.org/v4/zh/feature.html一、在Vue项目下安装：npminstallecharts--save二、创建一个Chart.vue。在E
  • Android使用Paint 和 Canvas 的相关知识，自定义 View 实现一系列效果动画 Android高级 Android经验分享面试android
    **setSrokeJoin(Paint.Joinjoin);*设置绘制时各图形的结合方式，如平滑效果等**setStrokeWidth(floatwidth);*当画笔样式为STROKE或FILL_OR_STROKE时，设置笔刷的粗细度**setXfermode(Xfermodexfermode);*设置图形重叠时的处理方式，如合并，取交集或并集，经常用来制作橡皮的擦除效果**2.文本绘制*se
  • vue实现模拟象棋走子 dreamimport 开发项目vue
    /*eslint-disableindent*/不支持Canvasimport{getWalkingEnrollItemBank,updateEnrollFractionById}from'../../api/index'letcanvasletctxletsubXletsubY//参数：x坐标，y坐标，哪边下子，判断是红棋还是黑棋，判断棋名字//eslint-disable-next-linen
  • canvas计时小案例 哈哈乐乐WXT
    前段时间看到某QQ群里有问这个效果怎么写，一时兴趣也研究了一下，写个小例子；效果基本实现了，代码也不是很完善，如实际操作还需更改；留着以后备用。效果图1.gifcss代码div{margin:0auto;margin-top:100px;background:#eee;width:500px;height:500px;text-align:center}canvas{margin:0auto;ma
  • uniapp开发app使用html2canvas出现的ios兼容问题 久违的小技巧 html2canvasvue.js
    uniapp开发app使用html2canvas出现的ios兼容问题记录一下app分享功能uniapp没办法直接操作dom元素，之前小程序用的wx的插件在app中无法使用百度到了uniappapp端使用html2canvas和renderjs实现生成海报图的方法下面有链接importhtml2canvasfrom'html2canvas';exportdefault{data(){return{}
  • Fabric.js中fabric.Image的深入解析 软考鸭 fabricfabric
    在Web开发中，图像处理是一个常见的需求。Fabric.js作为一个功能强大的Canvas库，提供了丰富的API来处理图形和图像。其中，fabric.Image是Fabric.js中用于创建和管理图像对象的类。本文将深入解析fabric.Image，包括其API函数定义和代码示例解释，帮助开发者更好地理解和使用这个类。一、fabric.Image概述fabric.Image是Fabric.js中用
  • Fabric.js中fabric.Textbox的深入解析 软考鸭 fabricfabric
    在Web开发中，文本处理是一个重要的环节，尤其是在图形编辑和画布应用中。Fabric.js作为一个强大的Canvas库，提供了丰富的API来处理图形和文本。其中，fabric.Textbox是Fabric.js中用于创建和管理文本框对象的类。本文将深入解析fabric.Textbox，包括其API函数定义和代码示例解释，帮助开发者更好地理解和使用这个类。一、fabric.Textbox概述fabr
  • C# WPF入门学习主线篇（十六）—— Grid布局容器 Ice bear433 C#WPFc#wpf学习
    C#WPF入门学习主线篇（十六）——Grid布局容器欢迎来到C#WPF入门学习系列的第十六篇。在前几篇文章中，我们已经探讨了Canvas、StackPanel、WrapPanel和DockPanel布局容器及其使用方法。本篇博客将介绍另一种功能强大且灵活的布局容器——Grid。通过本文，您将学习如何使用Grid来创建复杂且灵活的用户界面布局，并了解Grid的常见属性和应用场景。什么是Grid布局容
  • 微信小程序利用canva进行大图片压缩 kaka-333 javascript前端开发语言微信小程序小程序
    找了很多方法没找到合适的图片压缩第三方库，有没有推荐的微信小程序压缩图片的第三方库呀（有的话，互帮互助，感谢）我自己写了个简易的压缩方法，其实就是等比例的缩小图片，并把png转为jpg，毕竟png的颜色太多。wxml:js：canvasCompress(obj,n){let{tempFiles}=this.datalet_this=thisreturnnewPromise((resolve,rej
  • uni-app，关于 canvas 在 app，小程序， h5中，实现绘制，保存本地图片 前端小袁 H5vue.jsuni-app小程序uni-app前端
    没有套路，没有难读的文档，直接看代码html部分绘制canvas保存到本地js部分exportdefault{data(){return{textCanvas:null,//初始化canvas值}},methods:{//绘制canvasdrawCanvas(){//指定this的指向letthat=this;//uni-app中，不管是小程序，app，h5在获取元素实例时，都是统一的方法,只要获
  • Canvas 在 微信小程序-uni-APP 和 H5 中的使用差异 xjt_0901 java前端javascript
    Canvas是一个强大的绘图工具,无论是在Web开发还是跨平台应用开发中都有广泛应用。然而,在uni-APP和传统H5环境中使用Canvas时,存在一些重要的差异。本文将深入探讨这些差异,帮助开发者在不同平台上更好地使用Canvas。1.API差异H5环境在H5环境中,我们使用标准的WebAPI来操作Canvas:constcanvas=document.getElementById('myCan
  • WPF 中Canvas图像缩放和平移 qzy0621 C#wpfc#
    WPF中Canvas图像缩放和平移使用控件介绍Canvas控件Image控件WPFEllipse控件代码示例缩放时字体失真解决图元图像等图层设置实现功能：图像上放一个图元，同时实现缩放和平移操作缩放操作：使用滚轮实现缩放，缩放原点以鼠标为中心平移操作：按住鼠标右键，随鼠标平移缩放和平移时图元和图像的相对位置不变使用控件介绍Canvas控件主要功能布局：Canvas控件本身也可以作为布局容器，允许在
  • Promise的Finally方法 DTcode7 HTML网站开发#前端基础入门三大核心之JSHTMLJavaScript
    Promise的Finally方法基本概念与作用什么是`finally`方法？为什么使用`finally`方法？示例一：基础用法示例二：错误处理示例三：清理资源示例四：与`async/await`结合使用示例五：模拟Canvas操作使用技巧与最佳实践在前端开发中，我们经常遇到异步操作的需求。JavaScript提供了多种处理异步的方式，如回调函数、Promise和async/await等。其中，P
  • 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其他