腾讯ISD招聘页面重构工程师（代朋友发）
作者:李军 日期:2010-01-11
web前端职业的渗透
作者:李军 日期:2009-12-27
在大部分人眼里，可能做web前端仅仅是将设计稿实现成demo，然后实现demo以后的事情可能他们就不怎么过问了。这个demo可能仅仅是静态的html加填充数据和CSS组成，当然还有可能有页面动态效果的JS组成。当然这个demo在绝大多数情况下都能还原设计稿，甚至能多些设计稿上不能表现出来的行为。
这些前端工程师都很厉害，具备很多方面的能力，他们不仅要用PS处理设计稿，还要实现浏览器兼容，有些还要处理行为层的交互。但是实际上一作为一个真正的开发者，这样的心态还是远远不够的.当然我们可能还需要一些其他方面知识的积累。
很多做web前端的看起来更像一个页面制作者，而不是页面开发者。页面制作者和页面开发者的区别在我看来可能是是否给页面赋予了新的生命。如果仅仅想到还原设计稿的话，也许你很难使自己有创造性思维。但作为一个开发者，还原设计稿仅仅是基础，如何组织页面的结构，如何提高页面的控制力（哪怕是页面中最细微的一个元素，你也能在日后不修改结构的情况下控制其表现和行为），如果页面需要经过下一位开发，你的页面是否方便他处理，如果页面在你这里是开发的终点，你是否考虑过页面上出现的各种可能性以及页面的出入口是否合理等等。
这些前端工程师都很厉害，具备很多方面的能力，他们不仅要用PS处理设计稿，还要实现浏览器兼容，有些还要处理行为层的交互。但是实际上一作为一个真正的开发者，这样的心态还是远远不够的.当然我们可能还需要一些其他方面知识的积累。
很多做web前端的看起来更像一个页面制作者，而不是页面开发者。页面制作者和页面开发者的区别在我看来可能是是否给页面赋予了新的生命。如果仅仅想到还原设计稿的话，也许你很难使自己有创造性思维。但作为一个开发者，还原设计稿仅仅是基础，如何组织页面的结构，如何提高页面的控制力（哪怕是页面中最细微的一个元素，你也能在日后不修改结构的情况下控制其表现和行为），如果页面需要经过下一位开发，你的页面是否方便他处理，如果页面在你这里是开发的终点，你是否考虑过页面上出现的各种可能性以及页面的出入口是否合理等等。
QQ宠物产品组招聘web前端开发工程师
作者:李军 日期:2009-12-19
CSS的常见误区释疑
作者:李军 日期:2009-11-14
经常在群里或者论坛上看到有些同学会说CSS用这个属性不行，用那个属性不行，会存在这样或那样的问题等等。现就这些常见的问题来进行分析，也希望很多同学能从问题的本质上去分析问题，
常见误区1：margin属性不能随便用，会有不兼容的问题出现
分析：margin属性存在不兼容的情况其实都大部分都跟浮动有关系。还有个特殊情况就是对margin塌陷的解释，这个已经很耳熟能详了，这里就不多叙述了。
跟浮动有关的margin不兼容问题最为大家熟知的就是IE6浮动元素的左右双倍边距bug。这个问题不难解决，大部分人也知道怎么解决，每次使用margin的时候在脑海中过下这个bug，并随手解决之。
另外两个出现margin兼容性的点就很有意思了，这个出现在纵向margin上。
常见误区1：margin属性不能随便用，会有不兼容的问题出现
分析：margin属性存在不兼容的情况其实都大部分都跟浮动有关系。还有个特殊情况就是对margin塌陷的解释，这个已经很耳熟能详了，这里就不多叙述了。
跟浮动有关的margin不兼容问题最为大家熟知的就是IE6浮动元素的左右双倍边距bug。这个问题不难解决，大部分人也知道怎么解决，每次使用margin的时候在脑海中过下这个bug，并随手解决之。
另外两个出现margin兼容性的点就很有意思了，这个出现在纵向margin上。
SNS合作项目前端开发思路整理
作者:李军 日期:2009-10-01
IE中使用滤镜所及可能引起的内存泄漏
作者:李军 日期:2009-09-20
以前写过的一篇alert框美化的日志，在这个alert框美化的过程中发现了很多问题，最近抽出时间来整理了下。
用JS来模拟alert框，肯定会需要到一个不透明的遮罩层。对这个遮罩层使用滤镜的时候无意中发现一个问题。
调用sAlert函数
创建一个遮罩层，用滤镜渲染这个遮罩层，IE占用内存nk
关闭弹出窗口，移除遮罩层（使用滤镜渲染的内存仍然存在）
再次调用弹出框
再次创建一个遮罩层，用滤镜渲染这个遮罩层，IE增加占用内存nk
关闭弹出窗口，移除遮罩层（使用滤镜渲染的内存仍然存在）
用JS来模拟alert框，肯定会需要到一个不透明的遮罩层。对这个遮罩层使用滤镜的时候无意中发现一个问题。
复制内容到剪贴板
程序代码
程序代码调用sAlert函数
创建一个遮罩层，用滤镜渲染这个遮罩层，IE占用内存nk
关闭弹出窗口，移除遮罩层（使用滤镜渲染的内存仍然存在）
再次调用弹出框
再次创建一个遮罩层，用滤镜渲染这个遮罩层，IE增加占用内存nk
关闭弹出窗口，移除遮罩层（使用滤镜渲染的内存仍然存在）
由html语意化产生的联想
作者:李军 日期:2009-07-12
w3c将在2009年底停止xhtml2工作组，并将大量资源用到html5，以加快html5的进程。
相信这条消息使很多人都很振奋，振奋之后，很多人将目光转移到IE6的消失问题上了。不错，IE是的却给web重构人员带来了很多困惑和麻烦，但从用户角度来看，这是一款启动速度快，容错性好的浏览器。IE6在CSS的表现和支持上确实存在很多差强人意的地方，但就现阶段针对xhtml语意化这个命题来说，应该是可以脱离浏览器来讨论的.
html5相对于html4增加了大量有语意的标签，很多常用格式的内容都有其自身合适的标签，免去了很多是为了用dl还是ul之类的争论。当然，我还关心其对盒模型的解释是否与xhtml一致，以及部分富有争议的标签的嵌套规则及应用，这些都是比较遥远的事情。
相信这条消息使很多人都很振奋，振奋之后，很多人将目光转移到IE6的消失问题上了。不错，IE是的却给web重构人员带来了很多困惑和麻烦，但从用户角度来看，这是一款启动速度快，容错性好的浏览器。IE6在CSS的表现和支持上确实存在很多差强人意的地方，但就现阶段针对xhtml语意化这个命题来说，应该是可以脱离浏览器来讨论的.
html5相对于html4增加了大量有语意的标签，很多常用格式的内容都有其自身合适的标签，免去了很多是为了用dl还是ul之类的争论。当然，我还关心其对盒模型的解释是否与xhtml一致，以及部分富有争议的标签的嵌套规则及应用，这些都是比较遥远的事情。
提升框架iframe加载的用户体验
作者:李军 日期:2009-07-11
iframe标签近年来被越来越多的ajax应用所代替，但不可否认的是iframe有他的不可替代性，很多应用iframe有他独到的优势，就不一一列举了。
使用iframe标签的时候，当iframe里的内容刷新的时候会在IE6中有一段空白背景时间，如果你页面的整体是白色还好，如果是其他颜色就iframe页面载入的这段时间就会产生一种很突兀的感觉，用户体验很不好。
这种情况你可能第一时间想到将iframe的引用页面的背景改成相关颜色或图片，再将主页面的iframe标签设置改成相关颜色或图片。如iframe{background:...}.
但很快发现定义iframe肯定是没有效果，因为iframe始终会被嵌入的页面背景所遮挡，而嵌入的页面在页面在载入之前背景也是不显示的，这种加载过程中这一段空白就是浏览器的主题的默认背景色，类似打开一个about：blank的情况。你可以在你浏览器中进行设置，但你不能保证你的用户也能为了你的这个页面进行设置。
使用iframe标签的时候，当iframe里的内容刷新的时候会在IE6中有一段空白背景时间，如果你页面的整体是白色还好，如果是其他颜色就iframe页面载入的这段时间就会产生一种很突兀的感觉，用户体验很不好。
这种情况你可能第一时间想到将iframe的引用页面的背景改成相关颜色或图片，再将主页面的iframe标签设置改成相关颜色或图片。如iframe{background:...}.
但很快发现定义iframe肯定是没有效果，因为iframe始终会被嵌入的页面背景所遮挡，而嵌入的页面在页面在载入之前背景也是不显示的，这种加载过程中这一段空白就是浏览器的主题的默认背景色，类似打开一个about：blank的情况。你可以在你浏览器中进行设置，但你不能保证你的用户也能为了你的这个页面进行设置。
