我的百科全书

摘要： width和height原理类似。这里全部使用height举例注意：如果产生滚动条。滚动条将出现在border与padding之间，消耗的是内容区的大小。margin、border、padding不受影响获取尺寸：根据目的不同通常有一下几种方法获取heightoffsetHeight： 获取包括可见内容区、滚动条、内边距、边界之和的高度，这个值与getBoundingClientRect()返回对象中的height相同。scrollHeight: 获取显示全部内容需要的高度加上上下padding，也就是css中height为auto时产生的高度加上上下paddingclientHeight：. 阅读全文

摘要： http://microformats.org/wiki/hcardhCard格式用于在html中标记人、公司、组织的信息，如name，address等hCard基于vCard， 通过在html标签中添加符合规则的class属性来达到标记信息的目的。vcard 作为根类名，表明hCard信息所在fn 必须元素，标记namen 标记structured name用于以下元素的容器honorific-prefix： 如：Ms， Mr， Drgiven-name： given nameadditional-name： other/middle namefamily-name： famil... 阅读全文

摘要： placeholder伪元素（有的浏览器版本把它当做伪类）可以用来对form中input等控件应用样式 1 2 3 4 5 6 7 8 9 Template Index10 11 25 26 27 28 29 30 31 32 33 效果如下由于这个方法没有标准型，所以导致各种不同浏览器支持不一样，可能会变动很大，如需在获得焦点时改变样式:focus::-moz-placeholder {}目前支持的样式属性：fontcolorbackgroundword-spacingletter-spacingtext-decor... 阅读全文

摘要： 刚开始这么写的：1 function hasClass(element, cls) {2 var regexp = new RegExp("\\b" + cls + "\\b");3 return element.className.search(regexp) !== -1;4 } // end hasClass()用\b匹配word boundary，这样可以有效处理"aaa", "aaa bbb"的匹配，但是忘记了word boundary的明确定义Before the first character in 阅读全文

摘要： 自己弄的一个小javascript库放在github，平时练习想使用这个库，从repository中得到链接如下https://github.com/qiu-deqing/dome/blob/master/src/dome.js直接用在html中引用，github返回的MIME类型为text/html浏览器不识别。需要适当修改：1.使用rawgithub.com替代github.com2.去掉blob/得到结果以后就可以用自己在建中的仓库做cdn了。遇到想要的功能随时添加到仓库。 阅读全文

摘要： \b 表示word boundary，匹配非字符，匹配的字符界限不包括在最终的匹配结果中，如：/\bm/ 匹配moon中的m/oo\b/ 不匹配moon中的oo，因为oo后的n是一个word character/oon\b/ 匹配moon中的oon\B 与\b相反，匹配任何non-word boundary[\b] 匹配退格符backspace，需注意 阅读全文

摘要： Block Element Modify使用类，不使用id选择器不使用元素选择器特殊的一些用法不依赖于block可直接命名如：.sr-only {}.block__element--modify {} Home About虽然有点难看。写起来也麻烦，不过语义清晰，好处多多 阅读全文

摘要： 添加的图标会显示在标题左边，收藏页面时也会存在方法：在内添加link标签。设置rel为icon。href指定图片url，type指定icon类型如，与html同目录下有img文件夹，里面包含了google-icon.png1 http://www.w3.org/2005/10/howto-favicon 阅读全文

摘要： JPEG/JPG Joint Photographic Experts Group的首字母缩写。JPEG图片以24为颜色存储单个光栅图像。JPEG是与平台无关的格式，支持最高级别的压缩，不过这种压缩是有损耗的。可以提高或降低JPEG文件压缩的级别。但是，文件大小是以图像质量为代价的。文件压缩比可以高达100:1.（JPEG格式可以在10:1到20:1的比例下轻松压缩文件而图片质量不会下降）JPEG压缩可以很好地处理写实摄影作品。但是对于颜色较少、对比级别强烈、实心边框或纯色区域大的简单的作品，JPEG压缩无法提供理想的结果。有时压缩比会低到5:1，严重损失了图片的完整性。这一损失产生的原因是. 阅读全文

摘要： new Function([arg1 [, arg2 [, ... argN]],] functionBody)每次调用都会创建一个新函数：arg1, arg2, ... argN 为新函数形参名functionBody， 函数体新函数在创建时执行解析，比平时函数声明效率低下，通过Function构造函数创建的函数不会创建闭包。相当于定义全局函数。即在函数运行时只能访问函数自己本地变量以及全局变量。Function不包含任何属性和方法，它创建的实例，或者平时我们声明的函数，通过Function.prototype继承属性和方法：Function.prototype.apply(): 以第... 阅读全文