记事本 -- IT技术博客大学习 -- 共学习共进步！

• 让IE6支持min-width

最近和同事在搞一个自适应布局的页面改版，样式里用到了一些min-width，这个CSS属性在IE6里不被支持。要解决这个问题，网上大多数都是用IE的expression去解决的(不了解expression的同学看下http://msdn.microsoft.com/en-us/library/ms537634%28v=vs.85%29.aspx)。expression有个特点就是，当元素reflow/repaint的时候，它都会重复运算一次。虽说可以解决min-width的兼容问题，但是性能损耗太大了，而且页面上用的min-width越多，这个性能损耗会随之变大。

• 本地存储的兼容解决方案

IE浏览器用userData，主流浏览器用LocalStorage来解决本地存储的需求。userData存储的数据对于同一目录下的地址是可见的，如/1/foo.html可以访问到/1/bar.html存的数据。而LocalStorage存储的数据对相同域名下的所有页面都是可见的。

• Google+中URL的渐进增强

在高级浏览器下点击Google+的一些链接，并不是直接从服务器返回完整的页面，而是通过AJAX刷新页面的局部，并且更新地址栏中完整的URL。其中对URL的操作是靠HTML5中的history.pushState来实现的。

• 对大量子节点DOM操作的最佳实践方式

有时要处理一个DOM节点下面的大量子节点，比如对一个ul一次性插入几百个li，或者清空一个ul下面的所有li，或者是替换掉ul下面的所有内容。本文记录一下最佳的实践方式。

• 用JavaScript判断IE版本号

一段用JavaScript判断IE版本号的代码。

• 快速清除多选框的已选中状态

工作中碰到一个变态的性能问题。CMS中有个页面，上面有个多选框，其中有14000个选项。页面中提供给用户一个按钮，点击这个按钮时要清除已选中状态。本文介绍如何快速的完成清除工作。

• 使用minify合并YUI请求

记录如何使用minify合并YUI请求。

• 解决Chrome最小字体限制

默认情况下，Chrome下面的最小字体为12px，想要突破这个限制只要在css里面加入-webkit-text-size-adjust: none就好了。

• Nodejs和MongoDB初体验

学习了一下Nodejs和MongoDB，写了个示例程序，读取数据库中产品的列表。

• 新浪操作textarea的工具函数

从新浪的库上copy下来的操作textarea的工具函数，用做学习研究目的。

• 新浪微博OAuth认证流程分析

对新浪微博OAuth认证的一点备忘，不求别人能看明白，只希望自己以后还能看懂……

• JavaScript解析QueryString

JavaScript解析QueryString，记录一下。

• 弹出窗口的兼容方案

记录一下弹出窗口的兼容方案

• Inline Form Labels（2）

很多网站在填写表单的时候，都可以看到这样一种UI，input[type=text]里面有提示的文字，当鼠标点进去之后提示文字就消失了。本文介绍用HTML 5中input的placeholder特性来实现这个效果，以及兼容方案。

• 判断元素包含关系的一些方法

在很多场景下，要判断一个元素是不是包含另一个元素，本文记录了一些方法。

• 白话Block Formatting Context

当涉及到可视化布局的时候，Block Formatting Context提供了一个环境，HTML元素在这个环境中按照一定规则进行布局。一个环境中的元素不会影响到其它环境中的布局。

• 触发hasLayout引起的BUG

在IE6下面，很多显示的BUG都可以用触发hasLayout的方式去解决。但有种情况正好相反，触发hasLayout之后会产生显示的BUG。

• jQuery实例为什么在firebug下表现出数组的特征

一个对象有length属性，数字的下标，和一个splice方法，在firebug下用console.debug()方法就会输出一个数组。

• 底部浮动条的一种兼容方案

底部浮动条的一种兼容方案。

• 让IE支持RGBa的背景色

老版本的IE不支持RGBa的背景色，不过我们可以用滤镜实现同样的效果。