自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

俊刚的博客

不卑不亢,不骄不躁

  • 博客(18)
  • 资源 (10)
  • 问答 (1)
  • 收藏
  • 关注

原创 HTML5 canvas 实例

什么是 Canvas?HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域,您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建 Canvas 元素向 HTML5 页面添加 canvas 元素。规定元素的 id、宽度和高度:Ja

2016-11-27 11:40:03 1554

原创 HTML5 拖放

拖放拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持拖动。注意:Safari 5.1.2不支持拖动.实例: 拖放 #div1{width

2016-11-17 10:17:02 602

原创 html5 div布局与table布局

div布局:html+css实现简单布局。#container中height不能写成百分数,必须为具体高度。 div布局 body{ margin:0; padding:0; } #container{ width:100%;

2016-11-15 21:36:09 10349

原创 html5 编辑API之range对象(二)

cloneRange方法  Range对象的cloneRange方法用于对当前的Range对象进行复制,该方法返回复制的Range对象,该方法使用如下所示:var rangeClone = rangeObj.cloneRange(); function cloneRange(){ var rangeObj =

2016-11-13 11:49:37 1420

原创 html5 编辑API之range对象(一)

一:Range对象的概念 Range对象代表页面上的一段连续区域,通过Range对象,可以获取或修改页面上的任何区域,可以通过如下创建一个空的Range对象,如下:      var  range = document.createRange();在html5中,每一个浏览器窗口及每一个窗口中都有一个selection对象,代表用户鼠标在页面中所选取的区域,

2016-11-13 10:19:25 1129

原创 HTML5 增强的页面元素

1.figure2.figcaption3.details4.summary5.mark6.progress7.meter8.ol9.dl10.cite11.small

2016-11-08 22:59:55 490

原创 HTML5 改良的 input 元素及示例

1.url 类型2.email 类型3.date 类型4.time 类型5.datetime 类型6.datetime-local 类型7.month 类型8.week 类型9.number 类型10.range 类型11.search 类型12.tel 类型13.color 类型14.output 元素

2016-11-08 22:56:42 504

原创 CSS3 设置模糊背景图片

使用方法:-webkit-filter: blur(5px); /* Chrome, Safari, Opera */    filter: blur(5px);blur(px)给图像设置高斯模糊。"radius"一值设定高斯函数的标准差,或者是屏幕上以多少像素融在一起, 所以值越大越模糊;如果没有设定值,则默认是0;这个参数可设置css长度值,但不

2016-11-08 17:09:22 21839 1

原创 js 获取表单数据

function getForm() { var form = document.getElementById("form1"); //获取id为“form1”表单中所有的属性的数据 var content = form.elements(0).value; //获取form表单中第一个元素的值 alert("姓名:"+content); //就是us

2016-11-07 16:38:53 29165

原创 JS实现倒计时(天数,时,分,秒)

JS实现倒计时(天数,时,分,秒) function leftTimer(year,month,day,hour,minute,second){ var leftTime = (new Date(year,month-1,day,hour,minute,second)) - (new Date()); //计算剩余的毫秒数 var days = parseInt(leftTi

2016-11-07 13:57:53 6324 1

原创 html5 新增元素属性和废除的元素

新增的属性:contentEditable属性:是否可编辑。true可编辑,false不可编辑。designMode属性:指定整个页面是否可编辑,只在javascript脚本里修改编辑。有两个属性值,on可编辑,off不可编辑。hidden属性:是否隐藏。true隐藏,false不隐藏。spellcheck属性:对文本输入内容进行语法检查。tabindex属性:在页面中敲击ta

2016-11-06 15:36:13 922 1

原创 Bootstrap 学习之 (十七)------ 面板

Bootstrap 面板(Panels)本章将讲解 Bootstrap 面板(Panels)。面板组件用于把 DOM 组件插入到一个盒子中。创建一个基本的面板,只需要向 元素添加 class .panel 和 class .panel-default 即可,如下面的实例所示: 这是一个基本的面板 结果如下所示:面板标题

2016-11-02 17:13:00 904

原创 Bootstrap 学习之(十六)------ 列表组

Bootstrap 列表组列表组件用于以列表形式呈现复杂的和自定义的内容。创建一个基本的列表组的步骤如下:向元素 添加 class .list-group。向 添加 class .list-group-item。向列表组添加徽章我们可以向任意的列表项添加徽章组件,它会自动定位到右边。只需要在 元素中添加  即可。

2016-11-02 16:51:16 474

原创 Bootstrap 学习之(十五)------ 媒体对象,well

Bootstrap 多媒体对象(Media Object).media:该 class 允许将媒体对象里的多媒体(图像、视频、音频)浮动到内容区块的左边或者右边。.media-list:如果你需要一个列表,各项内容是无序列表的一部分,可以使用该 class。可用于评论列表与文章列表。 BootstrapTest

2016-11-02 16:32:13 366

原创 Bootstrap 学习之 (十四) ------警告框与进度条

Bootstrap 警告(Alerts)警告(Alerts)向用户提供了一种定义消息样式的方式。它们为典型的用户操作提供了上下文信息反馈。您可以为警告框添加一个可选的关闭按钮。为了创建一个内联的可取消的警告框,请使用 警告(Alerts) jQuery 插件。您可以通过创建一个 ,并向其添加一个 .alert class 和四个上下文 class(即 .alert-su

2016-11-02 15:50:24 666

原创 Bootstrap 学习之 (十三) ------ 巨幕 ,页头,缩略图

Bootstrap 超大屏幕(Jumbotron)本章将讲解 Bootstrap 支持的另一个特性,超大屏幕(Jumbotron)。顾名思义该组件可以增加标题的大小,并为登陆页面内容添加更多的外边距(margin)。使用超大屏幕(Jumbotron)的步骤如下:创建一个带有 class .jumbotron. 的容器 。除了更大的 ,字体粗细 font-weight 被

2016-11-02 15:24:09 2013

原创 Bootstrap 学习之 (十二) ------ 标签与徽章

Bootstrap 标签标签可用于计数、提示或页面上其他的标记显示。使用 class .label 来显示标签Example heading class="label label-default">New可以使用修饰的 class label-default、label-primary、label-success、label-info、label-warning、la

2016-11-02 14:56:11 639

原创 Bootstrap 学习之 (十一) ------ 分页

Bootstrap 分页分页(Pagination),是一种无序列表,Bootstrap 像处理其他界面元素一样处理分页。下表列出了 Bootstrap 提供的处理分页的 class。Class描述示例代码.pagination添加该 class 来在页面上显示分页。 class="paginati

2016-11-02 14:18:09 538

2023 Java面试真题及详解

1 mysql使用innodb引擎,请简述mysql索引的最左前缀如何优化orderby语句。 2 JVM 内存模型中,为什么要区分新生代和年老代,对于新生代,为什么又要区分eden 区survial区? 3 典型的JDBC程序按()顺序编写( 排序) 4 请编写一个Java类Testjava,求出100以内既能被2 除又能被3 除的数,并输出到控制台上 5 A 系统远程调用 B 系统的接口,A 系统在完成调用之后,需要更新A 系统本地表 问题1:常见的远程调用有几种? 问题 2: 对于有这些外部衔接的方法需要注意哪些问题?请写出注意问题及伪代码 6 在如下代码中,当调用insertA 方法的时候,是否能做当insertA 到当调用insertB的时候,如果imnsertB 插入b表的时候有异常,能否保证 insertA0中的a 表插入成功,如果不能,应该如何修改。 7. springboot是如何管理版本依赖的?什么是自动配置、起步依赖? 8 数据库索引的原理?创建索引的缺点是什么,什么情况索引失效?优化数据库的方法有哪些? 9.Integer和int 的区别? ...

2023-12-28

卸载McAfee工具

这个是用于卸载迈克菲的工具,有些电脑自带的迈克菲很难卸载干净,特别烦人。甚至无法强制卸载,所以要借助工具取卸载。

2017-12-08

angularjs插件batarang

angularjs调试插件batarang,用于谷歌浏览器对angular项目进行调试。它对于调试和找到性能瓶颈会很有效。安装后在开发者工具上会多出一个AngularJs选项。通过Enable复选框决定是否启用。

2017-11-15

react调试插件 2.5.1版本

react调试插件,主要用于在浏览器中对react项目进行调试。下载后解压,打开浏览器输入chrome://extensions/,然后将文件拖入浏览器中。

2017-10-31

vue项目谷歌调试插件

vue调试插件,主要用于在浏览器中对vue项目进行调试。下载后解压,打开浏览器输入chrome://extensions/,然后将文件拖入浏览器中就ok了。

2017-10-31

react开发调试插件与使用方法

react开发调试插件与使用方法,主要用与在浏览器中对react项目进行开发调试。使用 Chrome Devtools 进行调试时,可以查看应用程序的 React 组件分层结构,而不是更加神秘的浏览器 DOM 表示。添加react developer tools到chrome,是对chrome开发工具的React调试工具。

2017-10-31

翘边阴影的实现

实现翘边阴影的示例,包括盒子模型的阴影与图片的翘边阴影。有详细的ppt解释。

2017-04-23

有旋转动画的导航菜单栏源码

两个导航菜单栏源码。包括3D旋转导航效果和普通旋转角度的导航效果。使用CSS3的新特性transform和transition来实现的动画效果。

2016-11-08

marquee滚动效果源代码

滚动效果的源代码,有间歇性滚动和无缝滚动,间歇性滚动式指隔几秒滚动一次,而无缝滚动则没有停留,但是有鼠标悬停时停止滚动,鼠标移开则继续滚动。

2016-11-03

2D动画效果演示

一些2D动画效果的演示,例如平移动画,旋转动画等。

2016-10-27

CSS3 实现3D魔方旋转源码

此代码展示了3D魔方旋转的动画效果,感觉挺炫酷的。主要就是使用css3的新特性来实现的,当时也是比较好玩。 支持谷歌浏览器,或者win10自带的浏览器。

2016-10-27

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

TA关注的人

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