- 博客(52)
- 收藏
- 关注
原创 spring3-Getting Started
Building Java Projects with Maven本篇介绍如何使用Maven,与spring暂时没有关系首先需要编写POM下面的例子中引入了一个joda-time.jar和一个可执行JAR的插件maven-shade-plugin pom.xml<project xmlns="http://maven.apache.org/POM/4.0.0" x...
2013-12-29 23:38:38 97
原创 解决Maven下载dependency慢的问题
使用NEXUS作为私服,如果下载jar或者插件很慢,甚至无法下载时不要使用NEXUS默认的配置,将central的url修改为:http://uk.maven.org/maven2/
2013-12-29 22:37:53 840
原创 JSON
JSON的数据结构JSON中可以使用的数据类型在线查看JSON中定义的数据JSON格式校验JSON与Javascript进行组合使用JSON Path查询特定数据使用JSONP完成跨域访问JSON的变体-MongoDB中存储数据所用的BSON JSON is a lightweight text-based open standard data-interc...
2013-12-29 12:22:39 134
原创 bootstrap3-button 按钮
具有加载效果的按钮照着bootstrap网站上的例子写,怎么都没反应只能想别的办法来实现这个效果了 <!-- 具有加载效果的按钮 --> <button type="button" id="fat-btn" class="btn btn-primary">Hello</button><script src=&quo
2013-12-28 12:24:16 291
原创 bootstrap3-collapse 折叠
几个关键的属性 .collapse 用法class="collapse" 该元素被折叠 .collapse.in 用法class="collapse in" 展开该元素 data-parent="#selector" 保证parent下只有1个元素处于展开状态这个属性的作用:展开当前元素时,折叠其它暂开的元素,实现parent下只有1个元素处于展开状态如果不...
2013-12-28 12:24:04 744
原创 bootstrap3-typeahead 自动补全
之前做的自动补全是用的jquery的autocomplete,今天发现一个很酷的自动补全插件! 很酷的一个自动补全插件http://twitter.github.io/typeahead.js 在bootstrap中使用typeahead插件,完成自动补全 数据源:Local:数组prefectch:jsonremote等方式 <!...
2013-12-28 12:23:52 259
原创 bootstrap3-popover 提示框
提示内容的方向top | bottom | left | right | auto. 4种触发方式click | hover | focus | manual点击|漂过|焦点|手动 应用data属性data-placement="right" 手动初始化popover功能(bootstrap基于性能考虑,没有主动开启此功能)$(function...
2013-12-28 12:23:29 360
原创 bootstrap3-Modal 模态窗口
模态窗口的使用:1.触发窗口打开2.窗口打开后是否可以继续操作页面上的内容3.关闭窗口 有2种方式来触发模态窗口的显示通过data属性<!-- Button trigger modal 模态框的触发按钮,通过data-toggle="modal" data-target="#myModal"实现与模态框的绑定--><button c...
2013-12-28 12:22:49 597
原创 bootstrap3-警告框
警告框分2种:静态警告框动态警告框(依赖jquery插件) 需引入bootstrap下的alert.js到页面中。 静态弹出框<div class="alert alert-success"> <button type="button" class="close" data-dismiss="alert" aria-hidden="t
2013-12-27 10:59:26 242
原创 bootstrap3-listGroup 列表
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Default buttons from Bootstrap 3</title><meta name="viewport" content=&
2013-12-27 10:59:10 238
原创 bootstrap3-pagination 分页
<!-- 分页 --> <div class="container"> <ul class="pagination pagination-sm"> <li><a href="#">&laquo;</a></li&
2013-12-27 10:58:51 353
原创 bootstrap3-progress bar 进度条
动态效果的进度条 <!-- striped条纹 active运动效果 --> <!-- 默认 --> <div class="progress progress-striped active"> <div class="progress-bar" role="progressbar" style="width
2013-12-27 10:58:32 160
原创 bootstrap3-thumbnails 缩略图
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><link href="../../bootstrap-3.0.0/dist/css/bootstrap.min.css" rel="stylesheet&quo
2013-12-27 10:58:01 295
原创 bootstrap3-label&badge 标签和标号
标签-label<span class="label label-success">Success</span> 标号-badge<span class="badge">1</span>
2013-12-26 00:11:47 412
原创 bootstrap3-navbar 导航条
更换背景颜色:.navbar { background-color: #febf04;} <!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>Twitter Bootstrap Basic Tab Bas
2013-12-26 00:11:35 309
原创 bootstrap3-标签页 nav, tabs and pills
basic tab based Navigation basic pills based Navigation <div class="container"> <div class="row"> <!-- 横向TAB导航 --> <div class="col-lg-6">
2013-12-26 00:11:18 496
原创 bootstrap3-Image 图片
Bootstrap内部对图片样式的默认设置img { border: 0;/*This removes any border when images are rendered.*/ page-break-inside: avoid;/*avoids page breaks inside images.*/ max-width: 100% !important;/*make...
2013-12-26 00:10:54 235
原创 bootstrap3-Button 按钮
Buttons are used widely in any website or app.按钮在web应用中使用非常的广泛。 按钮类别(不同颜色传递不同信息)<!DOCTYPE html><html><head><title>Default buttons from Bootstrap 3</titl...
2013-12-26 00:10:39 235
原创 bootstrap3-Form 表单
使用bootstrap创建Form表单Twitter Bootstrap has styles for form controls like input, textarea, and select, it has support for lists and checkbox, has styles for disabled form controls and has included st...
2013-12-25 11:25:26 491
原创 bootstrap3-Glyphicons 图标
Font Icons are becoming more and more popular because of a number of benefits. 在网页中使用字体图标,既形象又好看。 图标查询地址:http://www.w3resource.com/twitter-bootstrap/3/glyph-customization.html <!DO...
2013-12-25 10:41:52 194
原创 判断Date是否在一个时间范围内
private static boolean inAuspiciousPeriod(String startDate, String endDate) { int startYear = Integer.parseInt(startDate.split("-")[0]); int startMonth = Integer.parseInt(startDate.split("...
2013-12-25 10:34:38 547
原创 bootstrap3-Grid System 网格系统
以下是bootstrap2.x中网格的说明,bootstrap3.0版本有不同的地方。只是为了理解bootstrap网格基本概念。 Explaining it in a simple way, in web design, we create rows and columns using HTML and CSS to achieve a grid. And columns con...
2013-12-25 10:09:50 111
原创 bootstrap3-导航条,旋转木马,网格
准备工作:下载bootstrap-3.0.0新建HTML5页面引入bootstrap最基础的css文件引入jquery(在引入其他js之前,先引入jquery)引入bootstrap的js文件自定义一个custom.css文件,用来对bootstrap的某些样式进行重写其它:支持移动设备的不同屏幕大小,提供响应式布局等。。。 主页 <!DOC...
2013-12-24 17:34:56 438
原创 w3r-javascript08: Objects
working with Objectjavascript简单支持“面向对象”编程 定义对象的几种方式 第一种,直接创建对象,然后再给对象赋予属性和值: var objectName = {};objectName.prop1 = "xxx";objectName.prop2 = "yyy"; 第二种,创建对象的同时,赋予属性和值: v...
2013-12-23 16:04:50 103
原创 w3r-javascript07: Functions
JavaScript : Function Syntax function functionName(argument1,argument2..argumentN){ // block of code in JavaScript} Declare a JavaScript functionyou can do it in one of two ways:...
2013-12-23 15:36:57 106
原创 HeadFirst(九)TemplateMethod 模板方法设计模式
模板方法模式在一个方法中定义一个算法的骨架,而将一些步骤延迟到子类中。模板方法使得子类可以在不改变算法结构的情况下,重新定义算法中的某些步骤。 每一个子类都必须为模板方法中抽象的步骤提供完整的实现 抽象父类中可以使用钩子(hook),让子类决定是否需要执行某些步骤 茶与咖啡 抽象父类package templa...
2013-12-21 15:49:37 59
原创 动态创建表格
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>使用dom创建表格</title><style type="text/css"> table,table td { b
2013-12-17 17:22:43 78
原创 w3r-javascript06: Statement
Block statement var a = 101 { a = 1; } alert(a) //output 1 Conditional Statementsif...elseExecutes a group of statements if a logical condition is true. Use the op...
2013-12-16 10:18:24 97
原创 HeadFirst(八)Facade 外观/门面设计模式
外观/门面模式-Facade提供一个统一的接口,用来访问子系统中的一群接口。外观定义了一个高层的接口,让子系统更容易被使用。 简化接口,将客户从一个复杂的子系统中解耦外观模式,将子系统组合进外观中,然后将工作委托给子系统执行可以为一个子系统实现一个以上的外观 设计原则Least Knowledge不要让太多的类耦合在一起,避免修...
2013-12-15 23:40:10 106
原创 HeadFirst(七)Adapter 适配器设计模式
适配器模式-Adapter将一个不兼容接口的对象包装起来,变成兼容的对象 外观/门面模式-Facade将一群对象包装起来,以简化接口当需要简化并统一一个很大的接口或者一群复杂的接口时,使用外观模式外观将客户从一个复杂的子系统中解耦实现一个外观,需要将子系统组合进外观中,然后将工作委托给子系统执行可以为一个子系统实现一个以上的外观 ...
2013-12-15 22:56:09 81
原创 HeadFirst(六)Command 命令设计模式
命令模式将“请求”封装成对象,以便使用不同的请求,队列或日志来参数化其它对象。命令模式也可以支持撤销的操作。 使用命令模式来实现“队列、日志、支持撤销操作” =========================================================================== 示例:遥控器功能的实现---开/关/撤销...
2013-12-15 18:03:15 125
原创 HeadFirst(五)Singleton 单件设计模式
单件设计模式:确保一个类只有一个实例,并提供一个全局的访问点1个静态变量1个私有的构造函数1个静态方法 用来管理共享的资源,如:线程池,数据库连接等。 有一些对象我们只需要一个,如:线程池threadpool,缓存cache,数据库连接connection,注册表registry等 我们必须认定所有的程序都是多线程的多线程下对共享资源...
2013-12-15 00:38:23 87
原创 HeadFirst(四)Factory 工厂设计模式
当有一堆对象等着被实例化,究竟实现哪个类,需要在运行时由一些条件来决定! 如果代码是针对接口编写的,那么通过多态的特性,它就能与任何新的实现类进行绑定,从而实现扩展! 找出会变化的地方,把它们从不变的部分分离出来,单独进行设计! 工厂方法研究:如何将实例化具体类的代码从应用中抽离,或者封装起来,使它们不会干扰其它部分。 每当需求发生变化或者有新的需求时...
2013-12-14 19:59:05 94
原创 w3r-javascript05: Arithmetic Operators
Arithmetic Operators : +, -, *, /In JavaScript, arithmetic operators take numerical values (either literals or variables) as their operands and return a single numerical value. There are four s...
2013-12-13 18:41:58 144
原创 HeadFirst(三)Decorator 装饰设计模式
设计原则类应该对扩展开发,对修改关闭不修改现有代码的情况下,可以添加新的行为,这样的设计具有弹性,可以应对变化,提供新的功能。 装饰者模式完全遵循开放-关闭的原则遵循开放-关闭原则,通常会引入新的抽象层次,增加代码的复杂度应该把注意力集中在主要的容易发生变化的地方,然后应用开放-关闭原则 装饰:最低层的功能不变,对外提供了更灵活更方便的方法委托:...
2013-12-12 22:48:37 82
原创 w3r-javascript04: Read from and write to HTML document
Since JavaScript has become an integrated part of the Front End Development, you must learn how to read from and write to an HTML document.Before we go the actual coding, let us have a brief di...
2013-12-12 15:58:01 165
原创 w3r-javascript03: alert - prompt - confirm Dialog Boxes
alert - Dialog boxalert() is a simple function to display a message to a dialog box (also called alert box). Here is a simple example to display a text in the alert box.<!DOCTYPE html>...
2013-12-12 15:45:45 97
原创 w3r-javascript02: Variables, Constants, Data Type and Reserved Words
VariablesValid Variable Name 合法的变量名employee_77Variable_namexName_codename_code_emp_nameInvalid Variable Name 非法的变量名var // var is reserve word.77employee // Initial character...
2013-12-12 15:30:14 149
原创 w3r-javascript01: JavaScript Syntax
The script Tag Syntax---src属性This attribute specifies the location of an external script.This attribute is useful for sharing functions among many different pages.Note that external Jav...
2013-12-11 09:43:40 153
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人