第127天:团队中的耐心与默契(& Ryan),解决点击空链接时的“页面抖动(串动)”

星期三 阵雨转多云 23~33℃

团队中的耐心与默契 ( & Ryan )

昨天和 Ryan 交流一个功能扩展问题,到今天早上才发觉,走了很大的一个弯路。其实只需要一个判断就行了,结果弄出了三个判断。这里面,有一个突出问题在于我对 Ryan 的思维误导,因为“逻辑思维”本不是我的强项,而功能扩展体现的就是逻辑思维。其中还有一个细节,双方都误解了彼此的语意,最后才知道,原来双方所表达的观点是相同的。

此番交流曝出一个问题,团队配合尚需加强默契。有耐心还不够,还需要默契,这是提升团队效率的关键。

团队的默契问题,尤其体现在远程配合上。因为不是直接的话语交流,文字本身就是一种效率较低的交流介质,再加之表达上的不畅,间或还出现错别字之类的因素,使得默契问题更加突出。

在团队中,“耐心”是基本要素,“默契”则是品质要素。之所以说耐心是基本要素,是因为任何一支团队都要经历一个不默契的阶段,在这个阶段,需要足够的耐心,否则,还没走到默契的阶段,团队就因彼此缺乏耐心而解体了。


友吧加入“最新分享”滚动列表

位置在首页 banner 下方,原放在这里的“文章搜索”下移至“吧友互动”下方。

去掉了“吧友互动”下方的 AdSense 广告。

附滚动代码,网上找来后整理的。

CSS:

.foundTxt { position:absolute; margin-top:11px; margin-left:42px; line-height:20px; color:#666666 }
.foundTxt UL { margin:0; padding:0; overflow:hidden; height:20px; line-height:20px; }

JS:

function scrollUlByControl(ul) {
try {
slideLine(ul, 2000, 20, 20); //三个数分别对应:滚动间隔时间,滚动速度,单行滚动的高度
}catch (e) {}
}

function slideLine(ul, delay, speed, lh) {
var slideBox = (typeof ul == "string") ? document.getElementById(ul):ul;
var delay = delay, speed=speed, lh = lh;
var tid = null, pause = false;
var start = function () {
tid = setInterval(slide, speed);
}
var slide = function () {
if (pause) return;
var i;
slideBox.scrollTop += 1;
if (slideBox.scrollTop % lh == 0) {
clearInterval(tid);
for (i = 0; i<1; i ++) {
slideBox.appendChild(slideBox.getElementsByTagName("li")[0]);
}
setTimeout(start, delay);
slideBox.scrollTop = 0;
}
}
slideBox.onmouseover = function () {pause = true;}
slideBox.onmouseout = function () {pause = false;}
setTimeout(start, delay);}

html:

<div class="foundTxt">
<ul id="newFoundOut">
<li>。。。</li>
<li>。。。</li>
<li>。。。</li>
</ul>
<script language="javascript">scrollUlByControl(document.getElementById("newFoundOut"));</script>
</div>


解决点击空链接时的“页面抖动”(页面串动)

今天从 Ryan 那里学到一个新知识。

  1. <a href="#">test1</a>
  2. <a href="#@">test2</a>
  3. <a href="javascript:;"></a>

第一种链接点击时会出现页面抖动,第二种和第三种不会。

什么是“页面抖动”(页面串动)?

当页面出现滚动条时,点击第一种链接,滚动条会自动向上,页面会自动“置顶”。而第二种和第三种不会。

以前我习惯用“#”来代替空链接,从现在开始要改成“#@”或者“javascript:;”了。

第三种相对于第二种的优势在于不会在地址栏出现“#@”。

2011-12-13 更新:

新增两个不会使页面发生串动的方法。注意,上面的第三种和下面的第二种(javascript),有时会导致 ie 的地址转向失效,请改为其他几种。

  1. <a href="###">test2</a>
  2. <a href="javascript:void(0)"></a>

The Talkative Turtle
from http://www.storyarts.org/library/nutshell/stories/talkative.html

A Tale from India

A talkative turtle overheard two hunters say that they were planning to catch turtles the very next day. When the hunters left, the turtle asked two cranes to help him escape. "Beautiful white birds," he said, "if you hold a long stick between your beaks, I’ll close my mouth tightly in the middle of it, and then you can fly up and carry me to safety."

"Good idea," said the cranes. "But, for the plan to succeed, you will have to keep your mouth closed tightly on the stick and you must not say a word!" The turtle agreed and biting on the middle of a stick held in the beaks of two birds, off he was carried.

When the birds were high in the air with the turtle dangling down from the stick, some people on the ground looked up at the strange sight in the sky and said, "What clever birds! They figured out how to carry a turtle!"

The proud, talkative turtle cried out, "It was my idea!" and fell tumbling down to earth.

RSS

上一篇:

下一篇:

Comments (2)

  1. 好久没来朱哥这里了,不知道你的站近况何如哇?

    回复:近况都写在每天的日志里了:)

  2. 你的js我用了,哈哈,thanks!!!

    回复:后台编辑不方便,JS比较乱,可以用 DW 的操作:“命令”菜单 -> 应用源格式。
    可能你已经知道了的:)

堂本静进行回复 取消回复

电子邮件地址不会被公开。 必填项已用*标注