清姿
IN A GOOD WAY
摘要: 简单工厂模式:使用一个类来生成实例。复杂工厂模式:使用子类来决定一个成员变量应该是哪个具体的类的实例。简单工厂模式是由一个方法来决定到底要创建哪个类的实例, 而这些实例经常都拥有相同的接口。通过工厂,可以取得需要的实例。逻辑示意图:下面列举了一个例子:var Coffee = function(){... 阅读全文
posted @ 2015-01-13 19:54 清姿 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 在C#中,单例就是保证一个类只有一个实例,实现的方法一般是先判断实例存在与否,如果存在直接返回,如果不存在就创建了再返回,会提供一个静态方法,通过该静态方法可以取得唯一实例。这就确保了一个类只有一个实例对象:public class Singleton{ private static Sing... 阅读全文
posted @ 2015-01-12 19:41 清姿 阅读(305) 评论(0) 推荐(0) 编辑
摘要: 注释:本文使用$.fn.method指代调用一系列选中的元素的方法。例如,$.fn.addClass,指代$('div').addClass(‘blue’)或 $('a.active’).addClass(‘in-use’)这些用法。$.fn指代jQuery对象。1.Sizzle’s weight:... 阅读全文
posted @ 2015-01-08 20:09 清姿 阅读(218) 评论(0) 推荐(1) 编辑
摘要: flexbox是CSS3提出的页面布局模块。flexbox可以把列表横向或者纵向排列,并且填满可以延伸到的空间。稍微复杂的布局可以通过嵌套flex container来实现。利用flexbox可以方便的创建弹性布局,这使得在移动设备上,可以让元素在容器内扩展和收缩,更容易的实现常见布局,如三列布局。... 阅读全文
posted @ 2015-01-06 20:10 清姿 阅读(3872) 评论(1) 推荐(2) 编辑
摘要: CSS3圆角border-radius也是比较常用的,有了圆角,可以少很多图片了:)语法:border-radius : none | {1,4} [/ {1,4} ]?说明:length不可为负值。border-radius是一种缩写方法。如果“/”前后的值都存在,那么“/”前面的值设置其水平半径... 阅读全文
posted @ 2015-01-06 19:08 清姿 阅读(374) 评论(0) 推荐(0) 编辑
摘要: CSS3动画相关的属性:transform,transition,animation.变形Transform语法:transform: rotate | scale | skew | translate |matrix;rotate:旋转,通过指定一个角度对原元素进行2D旋转,正值表示顺时针旋转,负... 阅读全文
posted @ 2015-01-04 20:14 清姿 阅读(301) 评论(0) 推荐(0) 编辑
摘要: CSS3中新增属性-阴影,可以做出很多漂亮的效果。文字阴影text-shadowtext-shadow属性值的顺序:text-shadow: h-shadow v-shadow blur color;参数分别表示水平阴影位置,垂直阴影位置,模糊半径,阴影颜色。一个栗子: CSS3阴影 ... 阅读全文
posted @ 2014-12-30 20:11 清姿 阅读(1488) 评论(2) 推荐(0) 编辑
摘要: 总结了下CSS3新增的一些选择器。CSS3的选择器有基本选择器、属性选择器、伪类选择器几类。CSS3选择器选择器举例例子描述element1~element2p~a选择前面有 元素的每个 元素。[attrtube^=value]a[src^="http"]选择其 src 属性值以 "https"... 阅读全文
posted @ 2014-12-29 19:28 清姿 阅读(272) 评论(0) 推荐(0) 编辑
摘要: 罗列了CSS中常用的长度单位及比较单位含义em相对于父元素的字体大小ex相对于小写字母"x"的高度rem相对于根元素字体大小px相对于屏幕分辨率而不是视窗大小:通常为1个点或1/72英寸ininch, 表英寸cmcentimeter, 表厘米mmmillimeter, 表毫米pt1/72英寸pc12... 阅读全文
posted @ 2014-12-25 19:54 清姿 阅读(979) 评论(0) 推荐(0) 编辑
摘要: 使用border绘制三角形的思路,就是border尺寸设置一个较大的值,元素自身的宽高设置为0,全部由边线占据,这样每边就会显示为四分之一块的三角形。这样不借助图片,可以直接绘制出三角形了。 一个栗子:效果:如果设置了块的宽高,还是会呈现边线的效果,每个边线将会是一个等腰梯形,类似于相框:效果:利... 阅读全文
posted @ 2014-12-20 16:33 清姿 阅读(494) 评论(0) 推荐(0) 编辑