自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(64)
  • 收藏
  • 关注

原创 spring事务

事务是一系列的动作,它们综合在一起才是一个完整的工作单元,这些动作必须全部完成,如果有一个失败的话,那么事务就会回滚到最开始的状态,仿佛什么都没发生过一样。 在企业级应用程序开发中,事务管理必不可少的技术,用来确保数据的完整性和一致性。 事务有四个特性:ACID原子性(Atomicity):事务是一个原子操作,由一系列动作组成。事务的原子性确保动作要么全部完成,要么完全不起作用。一致性(Con

2017-10-08 21:14:56 342

原创 spring_03JDBC操作

通过spring提供的JDBCTemplate我们可以很方便的操作数据库第一种直接在dao的实现类中引入private JdbcTemplate jdbcTemplate = new JdbcTemplate(dataSource);其中dataSource是数据库源的指定 第二种是让dao的实现类继承JdbcDao

2017-04-17 14:54:28 277

原创 spring_03事件机制

spring的事件机制主要成员有这两名大将 (1)ApplicationEvent:容器事件,由ApplicationContext发布 (2)ApplicationListener:监听器,可以由容器中的任何bean担任。上代码!事件类package com.demo.impls;import org.springframework.context.ApplicationEvent;publi

2017-04-14 16:42:58 245

原创 spring_02国际化支持

核心思路:将程序中需要实现国际化的信息写入资源文件,代码中仅仅使用相应的个信息的key。上代码!首先建立两个文件,一个中文,一个英文。 message_en_US.propertieshello=welcome,{0}now=now is :{0}message_zh_CN.propertieshello=欢迎你,{0}now=现在的时间是:{0}beans.xml文件<bean id="me

2017-04-14 16:29:50 302

原创 spring_01<bean>的两种注入方式

spring的核心思想之一:控制反转也就是依赖注入。在spring的世界里,所有的java对象都是一个。程序中类和类之间的互相调用,不再是以往的new的创建。而是依靠spring容器通过反射读取xml配置文件中的一个个的来生成一个个的具体的实现类,供程序使用。同时将编程方式提升至面向接口编程。在一定程度上降低了程序的耦合。同时面向接口对后期功能的扩展以及修改降低了难度。只需要修改或增加实现类即可。下

2017-04-14 16:17:06 192

原创 打开新页面的两种方式

window.location.href=""; 同一窗口window.open("");  新窗口

2017-03-28 10:17:20 866

原创 hibernate使用注解自动创建自增主键

@Id@GeneratedValue(strategy = GenerationType.IDENTITY)@Column(name = "id", unique = true, nullable = false)

2017-03-14 11:48:19 5703

原创 页面加载的性能优化

本文在接下来的一段时间都会收集页面加载速度的方案!第一条:js文件引入的位置。在文档的<head>元素中包含所有 JavaScript 文件,意味着必须等到全部 JavaScript 代码都被下载、解析和执行完成以后,才能开始呈现页面的内容(浏览器在遇到<body>标签时才开始呈现内容)。对于那些需要很多 JavaScript 代码的页面来说,这无疑会导致浏览器在呈现页面时出现明显的延迟,而延迟

2016-07-20 22:14:50 366

原创 处理浏览器兼容为题之opacity

由于 IE9及以下版本中设置元素透明度 : element.style.filter = ‘alpha(opacity=值)’; firefolk中设置元素的透明度:element.style.opacity = (0~1之间的值); 不多说直接上代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8">

2016-07-19 22:55:24 330

原创 处理浏览器的兼容问题之nextSibling

由于firefork浏览器在对nextSibling进行处理的时候,会把空白也当作节点。而IE不会。为了解决这个问题,方便调用,提供以下接口。下面是一个例子:<html> <head> <meta charset="UTF-8"> <title>ie与其他浏览器的处理</title> </head> <body> <ul>

2016-07-19 22:23:20 1921

原创 制作简单的计算器,用到HTML5中的type=number这个input属性

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><input type="number" id="num1"/><select id="slc"> <option value="+">+</option> <option val

2016-06-20 21:56:34 3542

原创 web前端笔试

1.        请用div+css写出文字水平垂直居中,图片水平垂直居中的样式及布局。2.        请用div+css写出左侧固定(width:200px),右侧自适应的页面布局。3.        请写出至少五种css浏览器兼容性的写法。4.        jquery的绑定事件有几种方式 ,请举例说明其优缺点。5.        请写出至少三种js浏览器兼容性的写法。

2016-06-20 19:03:24 249

转载 html5学习站点推荐

给大家推荐一下学习研究HTML5必备的一些个网站,更加有利于大家对HTML5的学些和研究。如果各位童鞋还有更多的,欢迎投递资源给我们,也可以支持我们,让我们利用大家的力量收集更多的HTML5学习资料,让我们的开发者和HTML5的爱好者受益,利人利己的事,童鞋们多多益善啊!1. http://www.w3school.com.cn/html5/index.asp介绍:W3C HTML

2016-06-17 19:52:09 330

原创 css3中弹性盒子模型

2016-06-16 17:05:17 269

原创 css3中的多列布局!也就是传说中的瀑布流布局

其实看标题觉得很牛逼。真的也没什么牛逼的了。也就是一个多列布局而已。上涨图这里面最主要的属性就是column-count。只要在一个盒子中设置了column-count(n)列数之后,浏览器会自动将你的内容在盒子中以最佳的方式排布。就是这么简单的一回事。没什么好觉得难的。

2016-06-16 16:45:07 284

原创 css3中的animation动画

首先上一张图上图对animation所对应的参数都写的很清楚了!我们只需要自己定义一个动画名字,然后给animation-name调用就可以了!@ keyframs  动画名{        0%{width:30px}        20%{width : 100px}       ......       100%{width : 300px}}

2016-06-16 16:34:45 304

原创 css3过渡总结

这里的总结是对css3动画中的三大内容中的transition进行总结!首先css3中动画的三大部分是 transform 变形   transition过渡  animation动画transition:属性  持续时间  过渡方法 延迟时间(可选)

2016-06-16 16:17:41 269

原创 css3变形

transform:translateX();水平方向上平移transform : translateY();竖直方向上平移transform:translate(x,y);l两个方向同时平移transform:scaleX();水平放大或者缩小transform:scaleY();竖直方向上放大或者缩小transform:scale(x,y);两个方向同时放大或者缩小

2016-06-16 15:19:25 211

原创 css3背景属性总结

background-size:背景大小cover:将图片铺满整个盒子;container:将图片放到紧贴盒子的一边;background-origin:背景位置border-boxpadding-boxcentent-box意思很明白就是从什么位置开始平铺配合使用:background-position:left/top/right...

2016-06-16 12:24:35 221

原创 css3边框总结

border-radiius 用来制作圆角border-colors 制作多色边框,用的比较少。border-image:边框背景 参数:url() size repeatborder-shadow:边框阴影。参数 x y blur spread color inset

2016-06-16 12:03:18 236

原创 css3颜色

opacity 取值是0-1;可以用来改变的元素的透明度!rgba取值是0-1rgba也就是比rgb多了一个alpha滤镜效果。rgba与rgb相比,不会改变文本的透明度,只会改变背景的透明度。linear-gradient(),线性渐变。用法:background:linear-gradient(to right,color1,color2,col

2016-06-16 11:23:07 381

原创 css3文本属性

text-shadow 用来是文本产生阴影!text-shadow:x y blur color;text-stroke 用来给文字加边框的!text-stroke:size color;text-overflow 用来处理文本溢出的。text-overflow:ellipsis或者clip 其中ellipsis是让溢出的文本以...显示;clip是直接裁掉多余的文本。不显

2016-06-16 10:54:14 254

原创 css3第二课时!css3新增属性选择器!

css3属性选择器,说的通俗一点就是根据元素的属性来选取元素!在css3中新增的属性选择器,如下表所示: 通过上面的表格我们可以看到,对于某个元素的属性,我们可以通过^=来判断该属性是不是以某个字符串开头;通过$=来判断该属性是不是以某个字符床结尾;通过*=来判断是不是包含某个字符串。满足条件的元素,将会被选中。<!DOCTYPE html><html> <head> <meta

2016-06-15 22:36:38 247

原创 css3第一课时!

选择器文本效果颜色效果边框效果背景效果css3变形css3过渡css3动画多列布局弹性盒子模型用户界面关于解决浏览器兼容问题的属性私有前缀!如下表所示:也就是说,当你使用某个css3属性的时候,问了考虑浏览器的兼容问题,你需要在该属性前面加上表格对应的私有前缀。

2016-06-15 22:10:04 213

原创 自己制作调节阴影的CSS3小部件!

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>border-image</title> <script src="../js/jquery.min.js"></script> </head> <style media="screen"> .div1{ width: 2

2016-06-14 22:50:37 222

原创 html5新增主体结构元素aside

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>aside</title> </head> <body> <article> <h1>demo</h1> <p> demo是干嘛的? </p> <aside> <h1

2016-06-13 14:53:43 327

原创 html5新增主体结构元素之nav

下面的这段代码中,第一个nav中的选项用于跳到其他的页面。下面article中的nav用于跳到本页对应的内容上!<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>nav</title> </head> <body> <h1>我的页面</h1> <nav> <ul>

2016-06-13 14:36:54 656

原创 HTML5新增主题结构元素之section

section主要对页面的内容进行分块!<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>section</title> </head> <body> <article> <h1>苹果</h1> <p> <b>苹果</b> 植物类水果!

2016-06-13 14:15:56 536

原创 html5新增主题结构元素之article

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2016-06-13 13:53:30 433

原创 从今天起接下来的12天,我会分享学习HTML5的心得!

本博从今天开始,每天都会不定时的更新HTML5以及CSS3的学习心得!一直想抽时间把HTML5给撸了,总是没有时间。最近挤出时间了。希望与大家共勉!

2016-06-12 22:27:11 329

原创 谈谈对两种轻量级的存储数据方式XML和JSON的理解

XML 是可扩展标记性语言,它是用来传输数据的!你可以随意的自动一标签。比如你想定义几本书本书:book.xml    JAVA    zhangsan    JS    lisi    php    wangwu    css    zhaoliu那么如何取到该xml文

2016-06-12 15:32:08 921

原创 ajax

其实ajax已经出来很久很久了。直到现在我才来写一篇关于ajax的博客,实属惭愧。闲话不多说。首先ajax不是一门编程语言。而是js的一个新技术而已。有了它,人们可以在在刷新页面局部的情况下,与服务器进行交互!这样用户体验高了许多!ajax的具体操作步骤首先获取XMLHttpRequest对象,这是ajax的关键!if(window.XMLHttpReque

2016-06-12 11:15:43 218

原创 jquery对DOM的遍历,实用且高效!

其实web前端有了jquery之后,轻松了许多,功能也丰富了许多。祖先!所谓祖先也就是某个元素的所有上级元素!结合例子来说最基本的遍历祖先的操作!$("p").parent(),获取p元素的父元素!不包扩他的爷爷及以上的辈分!$("p").parents(),获取p元素的所有的长辈!对于这个方法我们就可以进行一定的过滤。比如$("span

2016-06-11 18:39:07 1141

原创 一张图理解jquery中的尺寸问题

2016-06-11 16:37:18 226

原创 jquery中css类

jquery中通过addClass()方法来对选中的元素进行添加样式的操作!例如简单的写一下而已css中:.one{         color:"red";}script脚本中:$(’p“).addClass("one");这样就给p元素加上了one这个css类!字体变成了红色。以此类似,我们还可以给元素添加集中不同的类

2016-06-11 16:19:04 236

原创 jquery中删除remove与empty的区别

remove就是让被选中的对象直接消失!empty就是清空被选对象的所有内容,留下一个”空壳子“!比如一个div盒子,选中该盒子之后,进行$(‘div”).remove();该盒子会被完全移除!而进行$("div").empty(),则是清空了该盒子里面的内容。但是盒子还是存在的。这就是区别。大家可以根据业务需求来选择使用哪一个!

2016-06-11 16:03:12 302

原创 jquery添加元素

jquery添加元素主要有四个方法:append在元素之后添加元素;prepend在元素之前添加元素;after在元素之后添加元素;before在元素之前添加元素;看上去上面的方法冒失有点重复了。但是还是有一些区别的。append(”hello“)与after("hello")的区别是前者直接在元素之后添加,后者则是在元素之后重启一行之后

2016-06-11 15:56:20 232

原创 jquery的捕获

在jquery的实际使用过程中会经常用到四个方法。1、val();获取元素的value值;2、attr(“href”);获取元素,属性名为href的值;3、text();获取元素的文本内容,不包括标签元素;4、html()获取元素内的所有文本内容包括html标签。以上内容虽然很基础,但是也是十分重要的。

2016-06-11 15:14:07 246

原创 jquery animate自定义动画的使用感受

在使用了jquery提供的animate这个方法来自定义动画之后,有这么几点感受。第一点,animate使用起来还是比较灵活的。animate({css样式},slow or fast,callback);方法用起来比较简单。也就是用过第一个花括号里面对选中的操作元素的样式的改变来达到动画的效果。例如:animate({width:'300px'});能将原来的元素的宽度变成300px

2016-06-11 14:21:20 958

原创 jquery动画之slide

由某个事件引起的另外一个元素的滑出或者滑入在jquery中用到了slideDown、slideUp、slideToggle这三个方法。其中slideDown(speed,callback)是让元素显示;slideUp(speed,callback);是让元素滑出显示界面;slideToggle(speed,callback)是让元素或如或者滑出之间的切换。

2016-06-11 13:13:30 710

空空如也

空空如也

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

TA关注的人

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