我的职业生涯(前端开发)

/*
* Default rule; only Safari, Webkit, and Opera handle it without hacks.
*/
.goog-inline-block {
position: relative;
display: -moz-inline-box; /* Ignored by FF3 and later. */
display: inline-block;
}

/*
* Pre-IE7 IE hack. On IE, “display: inline-block” only gives the element
* layout, but doesn’t give it inline behavior. Subsequently setting display
* to inline does the trick.
*/
* html .goog-inline-block {
display: inline;
}

/*
* IE7-only hack. On IE, “display: inline-block” only gives the element
* layout, but doesn’t give it inline behavior. Subsequently setting display
* to inline does the trick.
*/
*:first-child+html .goog-inline-block {
display: inline;
}

没去考证，记录之。

项目中的弹出层无意中被检测到这样一个IE6 BUG…

关闭弹出层后，页面上所有的input失去焦点，单击事件可以响应，但无法输入，Tab可以使其获得到焦点。

目前碰到2种情况：

1. table嵌套iframe  http://www.cnblogs.com/random/archive/2009/05/13/1456038.html
2. 多个iframe，包含iframe的panel被前后remove掉

解决方案网上搜寻了下，一共3种：

1. 设置iframe的src=""
2. 一层一层的remove，即先remove掉iframe
3. remove包含iframe的panel之前，innerHTML=""

原因不明，还望高人指点。

A级浏览器A-Grade browsers是YUI对浏览器的一个等级划分。

英文“A-Grade”的，看这里 http://developer.yahoo.com/yui/articles/gbs/index.html 。

• A级浏览器是完整支持并测试过的，所有的Yahoo应用程序都要保证能在这些浏览器上工作。
• X浏览器是Yahoo已知的A级浏览器，但尚未有能力对其充分测试，或一个以前未曾出现过的新浏览器。给X级浏览器提供的内容是和A级一样的，希望他们能处理好这些比较高级(复杂)的内容。
• C浏览器通常称作”不好”的浏览器，他们不支持哪些运行Yahoo应用程序必须的特性，给这些浏览器提供的功能性应用程序内容应该不包含JavaScript，因为Yahoo的应用程序都是完全分离的(即在不含JavaScript的情形下仍能工作)。

上次 前端开发分工安排 中引用了adang对前端开发流程的一些想法，但生产环境呢？来看看我们的流程：

A: 前端开发 B: 设计师 C: 产品经理 D: 部门经理 E: 老总

1。 B设计的页面直接发给A，由于此流程直接被毙N次，A认为这样操作不可行，应该找C来确定页面

2。 A喊C过来，连同B一起确认页面，C提出修改意见

3。 B按照C的想法，不折不扣的进行第一次修改完成

4。 B再次将页面发给A，A按照页面效果，出前端代码

5。 A出代码的过程中，D围观，又提出了自己的想法，随即喊C过来探讨

6。 C战败，于是再次与B沟通，第二次调整设计稿，完成后，再次发A制作

7。 A出代码收尾，E围观，又提出自己的想法，便喊D,C,B过来一起探讨

8。 D,C,B战败，B按照E的想法第三次修改

9。 由于B吃不消一再的修改，设计稿已经被悲剧了，随便应付下，发给A

10。于是A按照悲剧的设计稿，出前端代码

11。E每1小时追问A进度

12。第二天，E兴趣高涨，提出新的需求，于是重复1-10

这其中还不包括C,D,E3个人干仗时，一会一个变化的修改和版本追溯。

A想了个办法，每次接到设计稿，都要拖至少半天才进行工作，但总还是敌不多各领导的需求变更。

在这样的工作流程下，效率，标准全部败下阵来，怎么快怎么来，只能这样。

写在前面

帮同事调一个弹出层的样式，症状为IE下，弹出的层会忽略滚动条的高度，debug后发现使用的jquery插件代码中利用$(document).scrollTop()取得滚动条的高度，但在IE下值总为0。

早就对scrollTop问题有所耳闻，从来没有过多的关注，刚好有空便整理下。

二种情况：

存在DOCTYPE的情况

document.documentElement.scrollTop 方法来获取滚动条高度

不存在DOCTYPE的情况

document.body.scrollTop 方法来获取滚动条高度

写在后面

经过测试： [FF3.6, Opera10.6, IE6+, Chrome7, Safari5 其他版本浏览器未测试]
$(document).ready()里能够直接取到值的浏览器有：FF3.6, Opera10.6
IE6+, Chrome7, Safari5只能够通过事件触发取到值，貌似是因为这些浏览器在加载页面的时候会先将scrollTop设为0，等document完成后才去更改scrollTop的值，而这个操作会在$(document).ready()之后。这也就是网上为什么有人会说，如果写在$(document).ready()里面只要提前alert()下，然后就能取到值的原因。

实例

var scrollPos;
if (typeof window.pageYOffset != ‘undefined’) {
    scrollPos = window.pageYOffset; //NS专用属性, 考虑到NS的市场份额完全可以忽略…
}
else if (typeof document.compatMode != ‘undefined’ && document.compatMode != ‘BackCompat’) {
    scrollPos = document.documentElement.scrollTop; //没有声明,BackCompat
}
else if (typeof document.body != ‘undefined’) {
    scrollPos = document.body.scrollTop;
}