2014年4月12日

BFC开启条件

摘要: 当元素CSS属性设置了下列之一时,即可创建一个BFC:float:left|rightposition:absolute|fixeddisplay: table-cell|table-caption|inline-blockoverflow: hidden|scroll|auto 阅读全文

posted @ 2014-04-12 23:17 yuanpeng 阅读(1464) 评论(0) 推荐(0) 编辑

2014年4月1日

css选择器与DOM'匹配的关系

摘要: 一道面试题css 选择器匹配时,只考察是否包含有对应的class,而与class的顺序无关而css的定义是后面的覆盖前面的定义原理:http://www.w3.org/html/ig/zh/wiki/CSS2/selector#class.E9.80.89.E6.8B.A9.E5.99.A8DEMO:http://jsfiddle.net/VCk9U/text 1text 2text 3text 4.a { color: red;}.b { color: blue;}.a.b { color: green;}.b.a { color: yellow; }输出结果: 阅读全文

posted @ 2014-04-01 21:05 yuanpeng 阅读(452) 评论(0) 推荐(0) 编辑

2014年3月25日

Object对象方法 cheet sheet

摘要: definePropertycreateObject.create(prototype [, propertiesObject ])prototype:没什么可说的,指定对象的原型propertiesObject:跟一般的polyfill不同,这里传入的不仅仅是对象的实例属性,还包括关于此属性的描述对象。 而且属性的默认值都是false,所以如果不指定的话,属性都是不可写,不可枚举,不可配置的。例:var o = Object.create(Object.prototype, { foo: { writable:true, configurable:true, value:... 阅读全文

posted @ 2014-03-25 10:57 yuanpeng 阅读(200) 评论(0) 推荐(1) 编辑

2014年3月24日

溢出文本省略号表示的css实现及polyfill

摘要: 需求经常有需要对文字溢出进行处理,通常是在文字显示部分的末尾添加“...”等。如下:这种处理可以放在服务器当中做,通过截取特定长度文字来达到。但是效果不好一是截取的长度不好控制,尤其是中英文混排或者字体非等宽的情况二是显示逻辑放到服务器做,日后维护很不方便三是对 SEO 也有影响好在 css 当中有专门处理这种问题的属性一:css处理单行对于单行文本而言,使用 “text-overflow” 。IE6+都支持,真幸福。但不是什么元素添加上这个都能立刻有效。它要求元素必须是bfc,也就是有明确的宽度;再有其中的文字不能换行p { overflow: hidden; /* ... 阅读全文

posted @ 2014-03-24 11:23 yuanpeng 阅读(1074) 评论(0) 推荐(1) 编辑

2014年2月26日

css transition & animation

摘要: transition支持:IE10+img{ transition: 1s 1s height ease;}transition-property: 属性transition-duration: 持续时间transition-delay: 延迟transition-timing-function: 变化函数 -linear cubic-bezier(0,0,1,1) - ease cubic-bezier(0.25,0.1,0.25,1) - ease-in cubic-bezier(0.42,0,1,1) - ea... 阅读全文

posted @ 2014-02-26 11:36 yuanpeng 阅读(267) 评论(0) 推荐(0) 编辑

2014年2月25日

linux inode cheat sheet

摘要: sector:扇区,硬盘存储的最小单位,大小为0.5KB(512字节)block:块文件存取的最小单位,1 block=8 sector,大小4KBinode:存储文件元信息。内容包括* 文件的字节数* 文件拥有者的User ID* 文件的Group ID* 文件的读、写、执行权限* 文件的时间戳。共有三个:ctime指inode上一次变动的时间,mtime指文件内容上一次变动的时间,atime指上一次访问的时间。* 链接数,即有多少文件名指向这个inode* 文件数据block的位置(pointer)inode一般大小为128KB或者256KB。 inode的数量在硬盘格式化时就指定好了,所 阅读全文

posted @ 2014-02-25 15:22 yuanpeng 阅读(214) 评论(0) 推荐(0) 编辑

2014年1月26日

关于pt与px

摘要: pt:point,点,是印刷业一个标准的长度单位,1pt=1/72英寸;在Windows里,默认的显示设置中,把文字定义为96dpi。这说明了:1px=1/96英寸;而1pt=1/72英寸,可以得出,在本设置中1px=0.75pt,字体9pt=12px。但是,用户可以修改文字定义的dpi大小,例如改成144dpi,这样,1px=0.5pt,字体9pt=18px。原先用12px来组成的一个文字,现在需要18px来组成,px多了,文字就“大”了,更易阅读了。 所以,px和pt的区别在于,px会随显示器的分辨率而改变,pt会随Windows系统字体大小设置而改变。 阅读全文

posted @ 2014-01-26 10:45 yuanpeng 阅读(835) 评论(0) 推荐(0) 编辑

Default style sheet for HTML 4

摘要: http://www.w3.org/TR/CSS21/sample.htmlhtml, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre { display: block; unicode-bidi: embed }li { display: list-item }head { display: none }tab... 阅读全文

posted @ 2014-01-26 10:37 yuanpeng 阅读(161) 评论(0) 推荐(0) 编辑

2014年1月25日

java中的软引用,弱引用,虚引用

摘要: http://zh.wikipedia.org/wiki/%E5%BC%B1%E5%BC%95%E7%94%A8有些语言包含多种强度的弱引用。例如Java,在java.lang.ref[1]包中定义了软引用、弱引用和虚引用,引用强度依次递减。每种引用都有相对应的可访问性概 念。垃圾回收器(GC)通过判断对象的可访问性类型来确定何时回收该对象。当一个对象是软可访问的,垃圾回收器就可以安全回收这个对象,但如果垃圾回收器 认为JVM还能空出可用内存(比如JVM还有大量未使用的堆空间),则有可能不会立刻回收软可访问的对象。但对于弱可访问的对象,一旦被垃圾回收器注意 到,就会被回收。和其他引用种类不同, 阅读全文

posted @ 2014-01-25 22:51 yuanpeng 阅读(177) 评论(0) 推荐(0) 编辑

2014年1月23日

backbone.js 学习笔记

摘要: Backbone.Model 模型。相当于表定义,定义一个表当中有的列 defaults:设置属性的默认值 initialize():初始化函数 get(key):获取属性值 set(data):设置属性值 toJSON():返回对应的json attributes:返回模型的直接引用,不过失去了属性监听 validate():验证函数,函数的参数为attributes。函数的返回值如果是字符串,则抛出异常 on():监听事件 change:监听所有属性值变更 change:attr:监听特定属性值变更 ... 阅读全文

posted @ 2014-01-23 09:25 yuanpeng 阅读(167) 评论(0) 推荐(0) 编辑

导航