自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(134)
  • 资源 (5)
  • 论坛 (11)
  • 收藏
  • 关注

原创 用JavaScript写的俄罗斯方块小游戏(很简单,很详细)

效果编写外部框架<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style>*{ margin: 0; padding: 0;}#box{ width:320px; height:450px; position:absolute; margin:0 auto

2021-02-25 21:20:15 1164 12

原创 用JavaScript写的贪吃蛇游戏(很简单,很详细)

效果编写外部框架<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style>*{ margin: 0; padding: 0;}#box{ width:620px; height:450px; position:absolute; margin:0 auto

2021-02-05 11:17:20 8629 35

原创 我女儿说要看雪,于是我默默的拿起了键盘,下雪咯,程序员就是可以为所欲为!

目录效果图:初始化雪花让雪花动起来当雪花遇到边界(最下面、最右边),就重新设定参数回到最顶上,循环往下飘现在可以看到雪花了,但是雪花会一股脑的落下,不好看,所以设定一个参数来控制,一次落下多少个。运行后发现左边会没有雪,因为是往右飘的,那设置X为负的再往右飘就可以了飘雪完整代码欢迎指正!记得三连哦!效果图:初始化雪花 this.box.style.width=screenWidth+'px'; this.box.style.height=scre

2021-01-04 22:03:41 12462 49

原创 Log4j日志等级设置详解

说明:log4j定义了8个级别的logDEBUG INFO WARN ERROR FATAL ALL OFF TRACE日志记录器(Logger)的行为是分等级的:1.分为OFF、FATAL、ERROR、WARN、INFO、DEBUG、TRACE、ALL或者您定义的级别。2.Log4j建议只使用四个级别,优先级从高到低分别是ERROR、WARN、INFO、DEBUG。3.如果log level设置在某一个级别上,那么比此级别优先级高的log都能打印出来,就...

2021-02-26 19:06:53 54

原创 如何编写良好的Java代码?为什么?

引言:对于程序员来说,写出良好的代码是至关重要的,所以我们要时刻提醒自己:今天你的代码写的好吗?我们常常会忽略什么?往往程序员都有项目上的压力,以至于仓促的完成某些功能,于是:1.命名的不规范(比如有一个参数 a,有一个方法 b)2.方法的代码量很大,一个方法的代码长达几百行甚至几千行3.没有注释或者几乎没有注释4.没有形成一定的代码风格,如换行、缩进、括号等5.没有日志打印(日志打印有助于我们发现、调试问题)下面就来针对问题做一些分析一、规范命名命名的原则:要让我们

2021-02-26 17:55:21 52

原创 仿echarts写自己的插件之线性图

看了echarts的实例,感觉蛮溜的,但是源码看得我伤神,干脆自己写一个,就花了点时间自己整了个线性图,发出来大家看看,我个人觉得代码比框架大佬的更容易理解,更容易看懂,哈哈,有点自恋,是框架大佬的太高深了吧,看的我头痛。首先来分析一下,这个图从图中,我们可以大概将这个线性图分解成多个元素xy坐标 text文本 线段line 圆Circle 提示框toast(图中没显示出来)这里我们就可以想到,如果我们写5个构造函数,分别对应这个5种元素,需要什么元素就new一个,然...

2021-02-03 16:23:30 1090 4

原创 仿抖音小球刷新进度条(两个小球转动),代码很简单

先看看效果另外一种效果实现思路1.绘制好两个小球2.让左边小球的圆心X增加,右边小球圆心X的减少,到了一定位置再回转(第1种效果) 让两个小球一个scale增加,一个scale减少,到一定范围后反转(第2种效果)创建小球的构造函数//构造函数 function Ball(o){ this.x=0,//圆心X坐标 this.y=0,//圆心Y坐标 this.r=0,//半径 this.startAngle=0,//开始角度 th...

2021-02-03 12:19:01 2274 12

原创 仿头条方形进度条

刷头条的时候看到头条的刷新进度条不错,就自己做了一个,看一下效果:看到这个就会想到怎么去实现呢?绘制方形(用4条线段的方式来绘制),不直接绘制方形。 控制右上角往下运动,同时右下角往上运动(改变Y左边即可)。 右边的运动完以后,停止右边,让左上角往下,左下角也往上运动。 左边运动完成后,停止左边,启动右边,重复此过程。先来写好绘制方形的函数 //构造函数 function DynamicRectangle(o){ this.x=0,//原点坐标X this.

2021-02-02 21:27:39 2063 12

原创 仿360水波评分特效、加速球特效、水波动态加载动画、可改造成圆形进度条,很丝滑!

先看一下最终效果 正弦曲线正弦曲线公式y = A sin(Bx + C) + D 振幅是 A,A 值越大,曲线更陡峭 B值越大 周期越短 C水平位移 垂直位移是 D,控制曲线上下移动实现思路首先来绘制曲线 1.定义构造函数和初始化方法//sin曲线构造函数 function drawSin(option){ this.init(option); } //初始化 drawSin.prototyp...

2021-01-27 12:56:03 2060 32

原创 原来写刮刮卡这么简单,几行代码就搞定,你来你也行,谢谢惠顾!

利用属性属性 globalCompositeOperation,设置值为 destination-out,后绘制的图形会擦除与先绘制图形重叠的部分效果图:思路1.写一个div,div的内容就是刮开后的结果;2.画布设置好定位,将div盖住(此时是透明的);3.在画布上画一个长方形,并使用颜色(这里使用默认的黑色),这就把卡盖住了;4.设置globalCompositeOperation属性为destination-out;4.为画布添加鼠标移动事件,在鼠标的位置画一个小圆,就

2021-01-26 15:39:03 221 2

原创 老婆说程序员不懂浪漫,程序员默默拿起了键盘,这就亲手带你去看流星雨,女人真的会影响男人拔刀的速度!

效果图实现思路1.写一个流星对象//定义流星雨 function Fire(){ this.x=getRandom(0,canvas.width),//流星雨的x坐标 this.y=0,//流星雨的y坐标 this.radius=getRandom(0.5,2),//流星雨的半径 this.speed=getRandom(2,4),//运行的速度 this.angle=0.6*Math.PI,//发射的方向 //this.color='white';//颜色

2021-01-26 15:16:08 460 6

原创 一个非常漂亮的圆形滑块Round Slider,可修改成圆形进度条!

滑块效果图改动百分比效果图思路首先绘制一个灰色边框的圆 ctx.translate(150,150);//坐标定位至150,150处 ctx.beginPath(); ctx.lineWidth='20'; ctx.strokeStyle='#EEEEEE'; ctx.arc(0,0,radius,0,2*Math.PI);//绘制一个完整的圆 ctx.stroke(); 再绘制一个半径一样、圆心一样蓝色的圆 ctx...

2021-01-21 16:19:21 2142 15

原创 女儿说要看烟花,但是政府规定不能放,程序员爸爸默默的拿起了键盘,程序员就是要为所欲为!

一不给政府填麻烦、二给自己省银子,三给女儿带来了开心、激动,一举三得,何乐而不为!效果图:完整代码(代码里面有详细注释就不另作说明了):<!DOCTYPE html><html> <head lang="en"> <meta charset="GBK"> <title></title> <style>body{ margin: 0; padding: 0; back

2021-01-19 19:45:10 5773 40

原创 一个精美的时钟动画

完整代码,代码有注释就不说明了<!DOCTYPE html><html> <head lang="en"> <meta charset="GBK"> <title></title> <style>* { margin: 0; padding: 0;}canvas { border: 1px solid; position: absolute; margin-left: 200...

2021-01-18 17:39:46 542 6

原创 利用canvas绘制饼状图

代码中有注释,就不多说了很容易看明白 var canvas = document.getElementById('canvas'); canvas.width='600'; canvas.height='400'; var ctx = canvas.getContext('2d'); var sum=0;// 总和 var arr = [];//存储每一个扇形的值 var colors = [];//存储每一个扇形的颜色 var start = 0;//每一个扇形的开始π

2021-01-18 11:17:52 156 1

原创 用canvas来绘制柱状图,简单明了,绝对实用!

首先借助图片画一个简单的柱状图var canvas = document.getElementById('canvas'); canvas.width='300'; canvas.height='300'; var ctx = canvas.getContext('2d'); draw() function draw(){ var image = new Image();//创建Image对象 image.src='images/1.png';//指定路径

2021-01-15 21:54:19 118 2

原创 canvas实现一个线性图

方法drawImage(image, x, y)其中image是 image 对象,x和y 是其在目标 canvas 里的起始坐标。 var canvas = document.getElementById('canvas'); canvas.width='300'; canvas.height='300'; var ctx = canvas.getContext('2d'); draw() function draw(){ var image ...

2021-01-15 20:38:08 87 1

原创 canvas绘制文字

fillText(text, x, y [, maxWidth])在指定的(x,y)位置填充指定的文本,绘制的最大宽度是可选的.strokeText(text, x, y [, maxWidth])在指定的(x,y)位置绘制文本边框,绘制的最大宽度是可选的. var canvas = document.getElementById('canvas'); canvas.width='300'; canvas.height='300'; var ctx = canvas.getCo

2021-01-15 20:27:17 89

原创 canvas给文字增加阴影效果

var canvas = document.getElementById('canvas'); canvas.width='300'; canvas.height='300'; var ctx = canvas.getContext('2d'); draw() function draw(){ ctx.shadowOffsetX=-3;//用来设定阴影在 X轴的延伸距 ctx.shadowOffsetX=-3;//用来设定阴影在 Y轴的延伸距 ..

2021-01-15 19:32:07 84

原创 canvas绘制跑马灯lineDashOffset、lineDashOffset

var canvas = document.getElementById('canvas'); canvas.width='300'; canvas.height='300'; var ctx = canvas.getContext('2d'); var offset=0; function draw(){ ctx.clearRect(0,0, canvas.width, canvas.height); ctx.setLineDash([10,4, 2]);//实线..

2021-01-15 18:00:59 91

原创 canvas绘制虚线setLineDash

window.onload=function(){ ctx.beginPath(); ctx.setLineDash([]);//设定实线与空白的大小 ctx.moveTo(50,100); ctx.lineTo(250,100); ctx.stroke(); ctx.beginPath(); ctx.setLineDash([4]);//设定实线与空白的大小 ctx.moveT.

2021-01-15 17:44:52 98 4

原创 canvas的lineCap线段端点模样和 lineJoin线段连接处模样

lineCap设置线段端点显示的模样。它可以为下面的三种的其中之一:butt,round和square,默认是butt。window.onload=function(){ var canvas = document.getElementById('canvas'); canvas.width='300'; canvas.height='300'; var ctx = canvas.getContext('2d'); ctx.beginPath(); ...

2021-01-15 17:04:43 77 1

原创 丢失api-ms-win-crt-runtime-|1-1-0.dll的解决办法

问题今天开机发现提示:丢失api-ms-win-crt-runtime-|1-1-0.dll ,导致好些软件不能打开!解决办法微软官方下载https://www.microsoft.com/zh-cn/download/details.aspx?id=4814564位系统下载 x64的,32位系统下载x86双击安装等界面看到设置成功即可等待一会成功了...

2021-01-15 09:55:17 93 1

原创 canvas绘制二次贝塞尔曲线、三次贝塞尔曲线、画爱心

方法说明quadraticCurveTo(cp1x, cp1y, x, y)绘制二次贝塞尔曲线,cp1x,cp1y为一个控制点,x,y为结束点。bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)绘制三次贝塞尔曲线,cp1x,cp1y为控制点一,cp2x,cp2y为控制点二,x,y为结束点。画一个二次贝塞尔曲线 window.onload=function(){ var canvas = document.getElementById('c.

2021-01-14 17:54:13 82

原创 canvas画圆

画圆方法说明arc(x, y, radius, startAngle, endAngle, anticlockwise)该方法有六个参数:x,y为绘制圆弧所在圆上的圆心坐标。radius为半径。startAngle以及endAngle参数用弧度定义了开始以及结束的弧度。这些都是以x轴为基准。参数anticlockwise为一个布尔值。为true时,是逆时针方向,否则顺时针方向。实例1 window.onload=function(){ var canvas = document.get

2021-01-14 17:07:15 79

原创 canvas绘制三角形

主要还是利用画直线的方法lineTo moveTo实例1 window.onload=function(){ var canvas = document.getElementById('canvas'); canvas.width='300'; canvas.height='300'; var ctx = canvas.getContext('2d'); //先将笔尖移动到0,0处 ctx.moveTo(100,100); //先将笔滑到200,200处..

2021-01-14 16:16:11 69

原创 canvas绘制直线

说明: lineTo(x, y) 绘制一条从当前位置到指定x以及y位置的直线。 moveTo(x, y) 将笔移动到指定的坐标x以及y上。 stroke() 描边 lineWidth 设置线的宽度 strokeStyle 设置线条的颜色实例1 window.onload=function(){ var canvas = document.getElementById('canvas'); canvas.width='300'; canvas.height='...

2021-01-14 16:00:14 111

原创 canvas绘制矩形

canvas提供了三个API,分别是:1.绘制一个填充的矩形 fillRect(x, y, width, height)2.绘制一个矩形的边框 strokeRect(x, y, width, height)3.清除指定矩形区域,让清除部分完全透明 clearRect(x, y, width, height)其中x、y是相对于画布左上角0,0 的距离,width是宽度,height设置矩形高度;实例1 window.onload=function(){ ...

2021-01-14 15:36:08 72

原创 canvas基本用法

首先创建canvas元素<canvas id="canvas" width="150" height="150"></canvas>width和height 也可以不指定,canvas会初始化宽度为300像素和高度为150像素可以用CSS来指定这两个值,但如果css尺寸与初始画布的比例不一致,它会出现扭曲,所以官方建议用js来设置 width和height这两个属性。var canvas = document.getElementById('canvas'); .

2021-01-14 15:06:00 69

原创 史上最详细最简单的冒泡排序,一学就会,一看就懂,一面试就懵!

什么叫冒泡排序依次比较两个相邻的子元素,如果他们的顺序错误就把他们交换过来,重复地进行此过程直到没有相邻元素需要交换,即完成整个冒泡。现在设定一个数组,元素为 2,4,3,1 我们需要通过冒泡最终排序成1,2,3,4用图来说明一下:那首先我们就对第一个元素2和第2个元素4进行比较,如果第一个元素大于第2个元素则交换位置,否则不交换于是我们编写代码如下 int[] arr = new int[] { 2, 4, 3, 1 }; if(arr[0].

2021-01-13 11:31:25 100

原创 jquery ajax post异步传参乱码问题

用ajax传参的时候发现会出现中文乱码,处理如下:前端传参的地方用encodeURIComponent 包裹参数的内容,如图:后台java用java.net.URLDecoder.decode 来做处理 String name = StringHelper.convertStringNull(request.getParameter("name")); name = java.net.URLDecoder.decode(name, "ut..

2021-01-12 11:18:55 80

原创 用js写一个小插件,解决有些浏览器不支持模态窗口的问题,并且支持嵌套

之前遇到不能打开模态窗口的问题,我就自己封装了一个,拿出来给大家看看参数说明/* url:要打开的页面 option: title --展示的标题 height -- 消息窗口高度 可以填400或者400px,缺省300px width --消息窗口宽度 可以填400或者400px,缺省300px confimCall 打开的模态窗口中按钮“确定”对应的函数名,当模态窗口的页面

2021-01-11 21:13:12 82 2

原创 用js封装一个分页插件,很好用,支持异步加载数据(上一页、下一页、首页、尾页)

自己写了一个分页,觉得蛮好用,放上来大家看看代码里面已经有比较详细的注释,就不解释了 <!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <style> *{ margin:0;padding:0; }

2021-01-11 19:30:24 94

原创 学生成绩管理系统(jsp+jquery+java+mysql+tomcat)有源码,你的毕设我的心

当年自己学校毕业做毕设的时候,因那时网络还没有现在那么普遍,想要找个参考却也是不容易,我当时也是费了不少功夫才顺利通过答辩,所以呢最近就自己写了一个学生成绩管理系统,可以做为毕设的参考,做毕设的同学和刚入行做开发不久的同行,可以参考一下,应该会有一点的启发吧,从表的设计到代码的编写全部都是自己一手弄的,大家点个关注不过分吧!哈哈!系统介绍以学生成绩作为主题,辅以班级、学生、老师、课程、选课等管理模块(当然因为是做实例,也没有把所有的模块都涉及到)。系统角色1.adminadmin是管理.

2021-01-09 20:42:40 1292 29

原创 原生js写的左侧飞入拼图特效,你是喜欢美女单飞还是双飞?程序员就是可以为所欲为!

目录先看效果图:实现思路:代码:欢迎指正,整理不易给个三连吧,谢谢拉!!先看效果图:单飞:双飞:完成后的页面:实现思路:1.切图:用 background:url('+url+') no-repeat -60px -60px 这种语法,将图片切成一张张小图,添加到一个数组item里面。2.在上一步中同步用数组keys存取小图的下标,9张小图的话(keys就输数字0-8的数组),同时用另外一个数组存下每个小图的坐标。3.点击开始 用Math.rand

2021-01-04 11:42:40 734 9

原创 用js写的旋转木马,在新年献给各位刚登基的皇帝,让你的后宫转起来!程序员就是可以为所欲为!

目录效果图:实现的内容:代码奉上:实现原理我就不写了,代码注释的比较详细,欢迎指正!!效果图:实现的内容:1.自动向右旋转。2.点击图片自动把点击的图片旋转到最前面。3.点击向左向右,分别向左向右旋转。代码奉上: <!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; ..

2021-01-01 11:32:08 5389 21

原创 用js写的轮播图,八位女明星,你翻谁的牌,程序员就是可以为所欲为!

今天下午利用摸鱼的时间做了一个图片轮播,嘿嘿,先看看效果,本来想搞动态图的,整出来效果不好,图片又超过了5M不让传,还是截图吧感觉需实现的功能:1.定时向右滚动。2.点击明星切换到最中间。3.鼠标移入定时器被清除、鼠标移开定时器再次载入。要改进的地方: 1.参数img_num 即总图片的数量必须是大于等于5,小于5的话会有空隙。 2.图片目前设定的宽 262px 高389px 如果尺寸的比例不符合的话效果没那么好。实现思路:1.先初始...

2020-12-31 19:33:31 3546 11

原创 原生js实现美女拼图,把美女老婆抱回家,5个美女够不够!程序员就是可以为所欲为!

前两天孩子闹着要玩拼图游戏,说叫我用手机下载一个玩,后边玩着的时候突然说了一句“他们好厉害哦,能做这么好玩的游戏!”,这给我气的,看不起你爹我是吧,怎么说俺也是IT界的精英,能给你惯着,非得争这口气。于是,我网上查了一下实现原理,就自己写了一个,目前基本功能已经完成,可以在孩子面前表现一番了,就为了那一句“爸爸好厉害!”。效果图实现过程1.切图:用 background:url('+url+') no-repeat -60px -60px 这种语法,将图片切成一张张小图,添加到...

2020-12-30 16:22:40 5829 39

原创 理解JavaScript原型、原型链 6题,面试官对你惺惺相惜、情不自禁!

说明:在JavaScript中,对象都有__proto__属性(隐式原型),指向构造该对象的构造函数的原型。而函数Function比较特殊,它除了和其他对象一样有__proto__属性,还有自己特有的属性----prototype称之为原型对象,原型对象有一个constructor属性,该属性指回该函数。经典图:接下来是我整理的几个题题目1:function F() { this.a = 1;}var obj = new F();console.log(o...

2020-12-29 13:45:21 790

原创 用js仿探探拖拽卡片的效果、飞卡片的效果,感觉挺酷,最后有美女看哦!程序员就是可以为所欲为!

前两天在网上看到一个用vue写飞卡片的,觉得很有意思,我就自己想写一个,就花了点时间搞了一下,做的不好望大家多多指教。两个主要的功能:1.空白的地方点击最上面开始移动卡片,然后这个卡片会回到最下面,同时其他卡片往上移动。2.拖动卡片超过多少范围会飞出去(上、下、左、右四种方向)--拖动中间的卡片也可以。先看看效果:第一次用视频做图片,做的不好,哈哈!首先要做一个盒子,然后生成几张卡片放到这个盒子里面然后用js给卡片设置样式,有几个要注意的地方1.从下往上每个卡片.

2020-12-26 11:59:43 7932 51

用JavaScript写的俄罗斯方块小游戏

用JavaScript写的俄罗斯方块小游戏

2021-02-25

学生成绩管理系统(jsp+jquery+java+mysql+tomcat)源码

学生成绩管理系统(jsp+jquery+java+mysql+tomcat)源码 数据库脚本在源码的src目录下

2021-01-09

用JavaScript写的贪吃蛇游戏

用JavaScript写的贪吃蛇游戏

2021-02-05

仿echarts写自己的插件之线性图

仿echarts写自己的插件之线性图

2021-02-03

Mvvm简易实现,欢迎交流

模仿vue的Mvvm简易实现,欢迎交流!里面实现了基本的功能,数据劫持,数据代理,双向绑定,订阅模式,数据驱动等

2020-12-09

请教Quartz定制任务问题,急!!!

发表于 2008-07-29 最后回复 2015-05-26

SSH程序service层调用dao层出空指针异常

发表于 2008-07-30 最后回复 2015-05-26

跪求compass中clob字段的解决方案!急!!!

发表于 2008-11-20 最后回复 2010-05-25

compass小例子出问题?大家帮忙啊

发表于 2008-08-01 最后回复 2010-01-06

lucene在数据变更后未能及时查找到数据的问题

发表于 2008-07-31 最后回复 2008-08-01

swt中弹出菜单复选框的问题

发表于 2008-04-16 最后回复 2008-04-30

用spring配置连接mysql数据库异常,大家帮忙啊,急!!!!

发表于 2008-03-15 最后回复 2008-03-17

一个简单struts问题,大家帮忙啊,急!!!!

发表于 2007-10-25 最后回复 2007-10-27

偶也是学j2ee编程,但是偶的英语4级还没过呢,。。。怎么办??

发表于 2007-10-16 最后回复 2007-10-18

问下swing和AWT

发表于 2007-10-13 最后回复 2007-10-13

我是一个非计算机专业大4的学生,我爱java和jsp,但是大4的我很困惑

发表于 2007-10-12 最后回复 2007-10-12

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除