2017年01月_PandaCode辉

12月 11月 10月 03月 02月 01月

原创使用CSS3绘制转盘图抽奖功能

再换一个绘图方式，使用CSS3绘制转盘图抽奖功能截图：代码：使用CSS3绘制转盘图抽奖功能//页面加载执行事件,常用window.onload = function() {//document.getElementById("pointer")：访问ID对象，onclick 点击事件document.getElem

2017-01-17 22:17:31 3250

原创使用Canvas绘图大转盘抽奖功能

换个方式绘制转盘图，抽奖截图：代码：Canvas绘图大转盘抽奖功能//用原生的js的时候我们通常用onloadwindow.onload = function() {//访问ID对象myCanvasvar c = document.getElementById("item");var ctx = c.getCont

2017-01-17 20:46:09 1742

原创 HTML5-Canvas绘图练习1

今天学到了另一个通过代码绘图的知识点，Canvas截图：代码：HTML5-Canvas绘图//HTML5 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成.// 标签只是图形容器，您必须使用脚本来绘制图形。//你可以通过多种方法使用Canva绘制路径,盒、圆、字符以及添加图像。//用原生的j

2017-01-15 21:37:58 699

原创使用SVG绘制转盘图形加上转盘抽奖功能

使用SVG来绘制转盘的图形，可以定制任何样式的转盘和抽奖描述，减少外部图片的添加。结合抽奖功能。截图：代码：SVG绘制转盘图形$(document).ready(function(e) {$("#content #pointer svg").click(function(e) {var num = Math.floor

2017-01-15 12:24:57 1753

原创 HTML5-SVG练习

今天练习了多个SVG绘制图形模型截图：代码：HTML5-SVG练习//SVG 指可伸缩矢量图形 (Scalable Vector Graphics)//SVG 用于定义用于网络的基于矢量的图形//SVG 使用 XML 格式定义图形//SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失//SVG 是万维网联盟的标准//与其

2017-01-14 22:05:57 721

原创 HTML5-内联 SVG

HTML5-内联 SVG//SVG 指可伸缩矢量图形 (Scalable Vector Graphics)//SVG 用于定义用于网络的基于矢量的图形//SVG 使用 XML 格式定义图形//SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失//SVG 是万维网联盟的标准//与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于：//SVG

2017-01-13 21:45:13 336

原创 HTML5-转盘抽奖功能

今天学习制作了转盘抽奖功能的页面截图：代码：转盘抽奖功能$(document).ready(function(e) {$("#content img").click(function(e) {var num = Math.floor(Math.random() * 3600); //求得随机的旋转度数$("#zhuan

2017-01-13 21:42:09 8031 3

原创 HTML5新的表单元素

HTML5新的表单元素私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）-->

2017-01-10 22:27:11 322

原创 HTML5-Web-存储

今天学了存储知识。 HTML5-Web-存储 //客户端存储数据的两个对象为： //localStorage - 没有时间限制的数据存储 //sessionStorage - 针对一个 session 的数据存储

2017-01-10 20:58:50 251

原创 3D图片展示效果练习

今天学着做了一个3D图片展示的动态效果。截图：初始状态：变换中状态：结束状态：代码：iphone3D图片展示效果练习/*背景3D舞台*/#background { position: absolute; top: 0; left: 0; width: 100%; height: 100

2017-01-09 22:39:21 809

原创 HTML5+CSS3+JS学习笔记-13-CSS3过渡和CSS3动画

学习了CSS3过渡和CSS3动画2个类似的功能截图：CSS3过渡，旋转45度同时缩小3/4长宽代码：CSS3过渡/* 为了添加某种效果可以从一种样式转变到另一个的时候，无需使用Flash动画或JavaScript。用鼠标移过下面的元素：要实现这一点，必须规定两项内容：指定要添加效果的CSS属性指定效果的持续

2017-01-06 21:52:09 414

原创 HTML5+CSS3+JS学习笔记-13-CSS3之box-sizing

CSS3 box-sizing 属性在一个元素的 width 和 height 中包含 padding(内边距) 和 border(边框)。代码：CSS3框大小/*CSS3 box-sizing 属性在一个元素的 width * 和 height 中包含 padding(内边距) 和 border(边框)。*/* { box-sizin

2017-01-06 21:44:39 318

原创 HTML5+CSS3+JS学习笔记-13-CSS3多列

今天学了CSS3多列的用法，文字内容也可以分列显示。截图：代码：CSS3多列/*column-count 属性指定了需要分割的列数; column-gap 属性指定了列与列间的间隙; column-rule-style 属性指定了列与列间的边框样式; column-rule-width 属性指定了两列的边框厚度;

2017-01-06 21:41:48 339

原创 HTML5+CSS3+JS学习笔记-12-使用JS及函数来制作表格加上3D透视效果

把之前用JS制作的表格加上3D透视效果截图：代码：使用JS函数来制作表格练习$(document).ready(function(e){//1、向body页面内添加一个div，id命名为world$("body").append('');//2、在div内追加1个table，边框为1px，填充间距都是0$("#world").

2017-01-03 21:32:20 584

原创 3D转换加上透视效果

CSS3的3D转换加上透视效果。截图：代码：3D转换练习div{width: 120px;height: 120px;border: solid 1px #000;margin: 50px auto;perspective: 400px;/*透视的效果，必须给父元素加*/}/*图片3D变化*/div:hover i

2017-01-03 21:26:23 399

原创鼠标移到图片放大效果

鼠标移到图片放大效果div{width: 120px;height: 120px;border: solid 1px #666;margin: 100px auto;overflow: hidden;/*隐藏超过边界的*/}/*图片过渡变化*/div img{transition: all 0.5s;cursor: pointer;}/*鼠标

2017-01-03 21:21:26 642

spring boot ActiveMQ学习练习demo项目源码

spring boot ActiveMQ学习练习demo项目源码；包含text,map,byte,stream,object5种类型信息的发送和接收

2017-12-15

spring-boot-mybatis-cache-thymeleaf学习练习demo源码

spring-boot-mybatis-cache-thymeleaf框架组合练习学习做的一个完整的精简的小demo项目源码

2017-12-09

spring boot rabbitmq学习练习demo源码

spring boot rabbitmq框架组合练习学习做的一个完整的精简的小demo项目源码

2017-12-09

spring boot security学习练习demo源码

spring boot security 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-12-09

Spring Boot WebChat 网页聊天室

Spring Boot +Spring Security+Spring Data Jpa+Thymeleaf+Spring websocket 搭建的简易网页聊天室。

2017-11-30

spring boot+mybatis+thymeleaf 练习demo项目源码

spring boot+ mybatis+thymeleaf 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-11-27

spring+springmvc+mybatis+thymeleaf练习demo项目源码

spring+springmvc+mybatis+thymeleaf 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-11-27

spring+springmvc+mybatis+jsp练习demo项目源码

spring boot+mybatis+jsp 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-11-27

spring boot+jpa+thymeleaf 练习demo项目源码

spring boot+jpa+thymeleaf 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-11-27

spring boot+hibernate+thymeleaf 练习demo项目源码

spring boot+hibernate+thymeleaf 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-11-27

spring+springmvc+jpa+thymeleaf 练习demo项目源码

spring+springmvc+jpa+thymeleaf 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-11-27

spring+springmvc+jpa+jsp 练习demo项目源码

spring+springmvc+jpa+jsp 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-11-27

spring+springmvc+hibernate+thymeleaf 练习demo项目源码

spring+springmvc+hibernate+ thymeleaf 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-11-27

spring+springmvc+hibernate+jsp 练习demo项目源码

spring+springmvc+hibernate+jsp 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-11-27

spring batch 学习多种场景练习demo项目源码，包括: 1.读取文件--处理--写入文件; 2.读取文件--处理--写入数据库 ; 3.读数据库--处理--写入数据库; 4.读数据库--处理--写入文件; 文件类型包括：CSV,TXT,JSON,XML; 数据库读写操作包括：JDBC 游标,JDBC分页,JDBC存储过程； Hibernate 游标，Hibernate分页，ibatis分页，jpa分页。

2017-11-09