Xiao

转载 js事件的监听器的使用

1、当同一个对象使用.onclick的写法触发多个方法的时候，后一个方法会把前一个方法覆盖掉，也就是说，在对象的onclick事件发生时，只会执行最后绑定的方法。而用事件监听则不会有覆盖的现象，每个绑定的事件都会被执行。如下：[javascript] view plaincopy"font-size:18px;">window.onload = fu

转载 Sass、LESS 和 Stylus

为您详细比较三个 CSS 预处理器（框架）：Sass、LESS 和 Stylus3月21日 深圳 OSC 源创会开始报名罗，送华为海思开发板CSS 预处理器技术已经非常的成熟，而且也涌现出了越来越多的 CSS 的预处理器框架。本文向你介绍使用最为普遍的三款 CSS 预处理器框架，分别是 Sass、Less CSS、Stylus。首先我们来

原创 html5 拖拽

拖放是 HTML5 中非常常见的功能。注意： 为了让元素可拖动，需要使用 HTML5 draggable 属性。提示： 链接和图片默认是可拖动的，不需要 draggable 属性。在拖放的过程中会触发以下事件：在拖动目标上触发事件 (源元素):ondragstart - 用户开始拖动元素时触发ondrag - 元素正在拖动时触发ondragend - 用户完

转载 实现鼠标进入进出div时位置的监听效果

判断鼠标进入容易的方向，js判断划入方向$(function() { $("#box").on("mouseenter mouseleave",function(e) { var w = $(this).width(); var h = $(this).height(); var x=(e.pageX-this.offsetLeft-(w/2))*(w>h?(h/w):1);

转载 基础前端小知识

David Shariff通过网站提供了Web前端开发中CSS、HTML和JavaScript三部分的测试题。到发稿之日共有8320人参与了这个测试，可平均得分是53.8%。CSS篇Q1:CSS属性区分大小写吗？123ul {    MaRGin: 10px;}A:NO(不区分)

转载 Web前端测试题

David Shariff通过网站提供了Web前端开发中CSS、HTML和JavaScript三部分的测试题。到发稿之日共有8320人参与了这个测试，可平均得分是53.8%。CSS篇Q1:CSS属性区分大小写吗？123ul {    MaRGin: 10px;}A:NO(不区分)

转载 BFC (BLOCK FORMARTTING CONTEXT)

什么是BFC      BFC(Block Formatting Context)，简单讲，它是提供了一个独立布局的环境，每个BFC都遵守同一套布局规则。例如，在同一个BFC内，盒子会一个挨着一个的排，相邻盒子的间距是由margin决定且垂直方向的margin会重叠。而float和clear float也只对同一个BFC内的元素有效。      什么情况产生BFC      W

转载 mysql on ubuntu

1. 安装命令

转载 web.xml

web.xml其实就是servlet的一个配置文件,web.xml相当于一个控制器,配置了才能够找到你的servlet,通过他来寻找对应的servlet 　　 MyServlet //这里是servlet 的名字，自己定义 的 　　 Servlet //这里是servlet的位置 。 如果在 一个包下， 就写 包名.类名 　　 MyServlet //这里跟 上面的；ser

转载 Github使用指南

Github使用指南 如果你只是想了解 github 的使用，请跳到 Github 简介一节。版本控制简介至于什么是版本控制？作为程序员大军之一，想必大家有这样的经历吧。开始一个项目的时候，脑子一热，把程序一下子写了七七八八了，然后慢慢地到了瓶颈了，要实现新的功能，要改变某些结构。这个过程肯定是有很大风险的，说不定改变的时间要很长。但是客户又在催

转载 composite模式 透明和安全

组合模式（Composite）：将对象组合成树形结构以表示“部分-整体”的层次结构，使得用户对单个对象和组合对象的使用具有一致性。使用场景：1、用于对象的部分-整体层次结构，如树形菜单、文件夹菜单、部门组织架构图等；2、对用户隐藏组合对象与单个对象的不同，使得用户统一地使用组合结构中的所有对象。通用类图： 说到树，“数据结构”这门课上都学习过

转载 单例模式

首先，单例模式是对象的创建模式之一，此外还包括工厂模式。单例模式的三个特点：1，该类只有一个实例2，该类自行创建该实例(在该类内部创建自身的实例对象)3，向整个系统公开这个实例接口Java中大概是这个样子12345678910111213

转载 工厂模式与控制反转（Inversion of Control）及依赖注入（Dependency Injection）

在介绍工厂模式与控制反转（Inversion of Control）及依赖注入（Dependency Injection）之前，先介绍下类的调用方法。目前调用方法总共有3种：1.自己创建；2.工厂模式；3.外部注入，其中外部注入即为控制反转/依赖注入模式（IoC/DI）。我们可以用3个形象的东西来分别表示它们，就是new、get、set。顾名思义，new表示自己创建，get表示主动去取（即工厂），

转载 Dependency injection and inversion of control

依赖注入(Dependency Injection)和控制反转(Inversion of Control)是同一个概念。具体含义是:当某个角色(可能是一个Java实例，调用者)需要另一个角色(另一个Java实例，被调用者)的协助时，在传统的程序设计过程中，通常由调用者来创建被调用者的实例。但在Spring里，创建被调用者的工作不再由调用者来完成，因此称为控制反转;创建被调用者实例的工作通常由Spr

转载 设计模式的分类

1．创建型模式前面讲过，社会化的分工越来越细，自然在软件设计方面也是如此，因此对象的创建和对象的使用分开也就成为了必然趋势。因为对象的创建会消耗掉系统的很多资源，所以单独对对象的创建进行研究，从而能够高效地创建对象就是创建型模式要探讨的问题。这里有6个具体的创建型模式可供研究，它们分别是：简单工厂模式（Simple Factory）；工厂方法模式（Factory Metho

转载 UML 符号

本节向大家简单介绍一下UML类图符号，每种符号都有不同的意义，希望通过本节的学习你对UML类图符号会有一定的了解，下面就让我们一起来看一下UML类图符号的详细介绍吧。UML类图符号软件工程1、泛化(继承)实线箭头表示继承一个基类B类继承A类2、实现UML类图符号中虚线箭头表示实现一个接口：C类实现接口Interface（现在好像显示成线了没有

转载 设计模式七大原则

最近几年来，人们踊跃的提倡和使用设计模式，其根本原因就是为了实现代码的复用性，增加代码的可维护性。设计模式的实现遵循了一些原则，从而达到代码的复用性及增加可维护性的目的，设计模式对理解面向对象的三大特征有很好的启发，不看设计模式，很难深层地体会到面向对象开发带来的好处 。在刚开始学习中，很难做到将这些模式融汇贯通，所以这个需要我们在编码前多思考，等想充分了，在开始实践编码。下面是设计模式应当遵循的

翻译 接口和抽象类的选择

在接口和抽象类的选择上必须准

转载 linux nano

Nano命令指南      今天在输命令时，无意中输入了nano，对这个命令不太熟悉，结果不知道如何才能退出，保存，赶快查了一下资料，原来是这样的啊。    打开文件与新建文件     使用nano打开或新建文件，只需键入：代码 1.1: 打开或新建文件#nano 文件名Nano是一种单模式编辑器，你可

转载 观察者模式-java 内置 Observable 和 Observer

在Java中通过Observable类和Observer接口实现了观察者模式。Observer对象是观察者，Observable对象是被观察者。1. 实现观察者模式实现观察者模式非常简单，[1]创建被观察者类，它继承自java.util.Observable类；[2]创建观察者类，它实现java.util.Observer接口；[3]对于被观察者类，添加它的观察者：

转载 设计模式 （2）-设计模式的分类和区别

设计模式按照目的划分可以分为创建型、结构型、行为型三种，其中创建型模式与对象的创建有关，结构型模式处理类或对象的组合；行为型模式对类或对象怎样交互和怎样分配职责进行描述。下面是各种模式按照目的划分的分类创建型模式：Factory Method、Abstract Factory、Builder、Prototype、  Singleton构造型模式：Adapter、Bridge、C

翻译 设计模式学习（1）- 设计原则

ISO SQuaRE Quality-in-Use model从用户的角度去分析一个软件的使用质量：effecitiveness 效果efficience效率saticifaction 满意度safety 安全性context coverage 内容覆盖ISO System/Software Product Quality Model软件产品质量：

转载 Android各种访问权限Permission详解

在Android的设计中，资源的访问或者网络连接，要得到这些服务都需要声明其访问权限，否则将无法正常工作。在Android中这样的权限有很多种，这里ATAAW.COM将各类访问权限一一罗列出来，供大家使用时参考之用。android.permission.EXPAND_STATUS_BAR允许一个程序扩展收缩在状态栏,android开发网提示应该是一个类似Windows Mobile中的托盘程序

转载 DAO design pattern

DAO设计模式 DAO(Data Access Object)模式实际上是两个模式的组合，即Data Accessor 模式和 Active Domain Object 模式，其中 Data Accessor 模式实现了数据访问和业务逻辑的分离，而Active Domain Object 模式，其中Data Accessor模式实现了数据访问和业务逻辑的分离，而Active Domain Obje

转载 Java多线程之Callable接口的实现

Java多线程之Callable接口的实现import java.util.concurrent.Callable;      import java.util.concurrent.ExecutorService;      import java.util.concurrent.Executors;      import java.util.concurrent.Future;

转载 java 线程的run和start方法的不同

public class TestThread1 {      public static void main(String[] args) {          Runner1 r = new Runner1();  //       r.run();//这是方法调用，而不是开启一个线程          Thread t = new Thread(r);// 调用了Thread(Runnabl

转载 100个同义词替换

1.important =crucial (extremelyimportant),significant(amount or effect large enough to be important)　　2.ommon=universal, ubiquitous(if something is ubiquitous, it seems to be everywhere)　　3.abundant=a

转载 寒门再难出贵子

现在越来越看清楚“性格决定命运”，性格这东西是熔透与骨髓的，性格的养成和学校教育没有多大关系，大多决定与家庭背景，和成长环境。。。从大学毕业出来的第一步往往起到至关作用的是家庭背景，也就是从起跑线普通家庭的孩子就输了一大截。。 在一个物欲横流的时代，当金钱决定一切，成为人得终极信仰的时候，这时候也是“门阀”，阶层相应出现的年代。 结合我自己近半年来的观察， 我在商业银行人力资源部上班，去年年招了很

转载 数据库设计原则

1. 原始单据与实体之间的关系 　　可以是一对一、一对多、多对多的关系。在一般情况下，它们是一对一的关系：即一张原始单据对应且只对应一个实体。 在特殊情况下，它们可能是一对多或多对一的关系，即一张原始单证对应多个实体，或多张原始单证对应一个实体。 这里的实体可以理解为基本表。明确这种对应关系后，对我们设计录入界面大有好处。 　　〖例1〗：一份员工履历资料，在人力资源信息系统中，就对应三个基本表：员

转载 主键和外键

主键与外键 一、什么是主键、外键：关系型数据库中的一条记录中有若干个属性，若其中某一个属性组(注意是组)能唯一标识一条记录，该属性组就可以成为一个主键 比如  学生表(学号，姓名，性别，班级) 其中每个学生的学号是唯一的，学号就是一个主键 课程表(课程编号,课程名,学分) 其中课程编号是唯一的,课程编号就是一个主键 成绩表(学号,课程号,成绩) 成绩表中单一一个属性无法唯一标识一条记录，学号和课程

转载 grails之访问request属性

转载 grails 入门小知识

@grails 的url格式http://localhost:8080/hello/hello/worldhttp://域名：端口号/上下文路径/控制器名/操作名 @当端口被占用的时候 使用命令 sudo netstat -anp|grep 8080 查找到占用程序的id然后 kill -9 id@domain1. hibernate提倡使用POJO----一些不继承任何特定类且不实现任何接口的j

转载 断言assert

@断言可以包含一个跟踪信息如：input = new File('No such file')assert input.exists() , "cannot find '$input.name'"assert input.canRead() , "cannot read '$input.canonicalPath'"println input.txt@在groovy中断言总是被执行

转载 groovy的控制循环结构

@条件执行结构   @for循环

转载 关于闭包的一些使用

@闭包的curry方法返回当前一个闭包的克隆品，这个克隆品已经绑定了一个或者多个给定的参数参数的绑定时从左至右的如：def adder = { x,y -> return x+y }def addOne = adder.curry(1)assert addOne(5) == 6@闭包实现了isCase方法，这样闭包可以在grep和switch中作为分类器使用如：assert [1,2,3].gre

转载 闭包使用的三种形式

闭包调用的两种形式def adder = { x,y -> return x+y }assert adder(4,3) == 7assert adder.call(2,6) ==8

转载 ubuntu下安装groovy

1下载Groovy安装包,使用当前稳定的1.8.6版本　　wget http://dist.groovy.codehaus.org/distributions/groovy-binary-1.8.6.zip2 解压缩unzip groovy-binary-1.8.6.zip3 将解压后的目录移动至/usr/libsudo mv groovy-1.8.6 /usr/lib/

转载 groovybeans

转载 photoshop cs4 注册

photoshop cs4 序列号第一步：下载完软件，要先解压出来，有1.55G，解压。第二步：安装时选试用30天的选项，先不要输入注册码，完成安装。第三步：找到hosts文件，在C:\WINDOWS\system32\drivers\etc目录，用记事本打开，在最后一行添加127.0.0.1 activate.adobe.com（中间有个空格），保存，退出。第四步：打开软件，输入注册码，点下一步

转载 grails环境配置

Grails是一个类似于Rails的Web框架，构建在Spring,Hibernate等框架的基础上，可以与Java平台无缝集成。相对RoR来说，Java开发人员更容易上手。Grails提供了完整的Web Application开发平台，内置了Jetty Server，并提供了强大的功能， 如简单的对象关系映射(ORM),自动重新加载应用程序,为CRUD(新增，查询，修改，删除)操作提供代码自