小繁的Blog » 学习笔记

抓狂的nextSibling

under java script- 学习笔记 2008-11-5 pm

做一个使用DOM脚本设置样式信息的时候发现nextSibling属性在firefox2中无法被正确执行,仔细回忆关于对nextSibling的解释nextSibling——–下一个兄弟元素.又核对了脚本结构是没错的.还是使用alert(h2.nextsibling.nodeType)语句再判断其返回的下一个兄弟元素是何.在ff中的返回值是3一个textnode,不同与ie中的值!莫非??于是把h1与p之间的换行删掉.果然脚本被顺利的执行.想不到在在火狐中将换行符作为了nextSibling的下一个兄弟元素.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>nextsibling</title>
<script type="text/javascript">
window.onload=test;
function test(){
var headers = document.getElementsByTagName("h2");
for(i=0;i<headers.length;i++){
[...]

Continue to Read

getAttribute在ie中的问题

under java script- 学习笔记 2008-10-26 pm

在BI看到一个求助帖关于DOM 方法 setAttribute 在ie中的问题,本来是个简单的onclick事件程序,但是在IE中总是无法被执行,后来把事件的条件语句改成了IF语句,在事件中添加了两个alert,发现在ie中 setAttribute 被正确的执行了而 getAttribute(“src”) 方法的返回值和FF中却不同,在IE中返回了绝对路径.经仔细查原来IE getAttribute(属性,参数) 参数有 0,1,2三个. getAttribute(属性) 将得到的是默认值,就是参数为0;
1为区分属性的大小写；2 为取出源代码中的原字符串值.
搞了半天原来问题并不在 setAttribute 方法上.

Continue to Read

10步创建成功的Web2.0公司

under 学习笔记 2008-10-16 pm

Web2.0无论在国内外的IT界都是热门话题，我都没想到前几天的那篇“谁是中国未来十年的Web2.0英雄”会是那么hot的一篇文章，估计我今天这个惹眼的blog标题也会让这篇blog很火热:)。国内很多对Web2.0的讨论都是在理论层面上的，而今天看到的这篇blog则是从操作层面上阐述如何创建一个成功的Web2.0网站，其中谈论的一些手法值得国内的Web2.0公司去借鉴。
1、为用户解决一个“小”问题，并清楚地知道你要解决的是什么问题。我的理解就是从一个小处着眼，而这个小处恰恰是用户需求没有得到满足的地方。比如文章中举的Google的例子，Google开始只是为解决大家资料搜索的困难（不过Google算Web2.0网站吗？呵呵），比如 Flickr就是为了解决大家图片的存储与共享的困难，从这样针对性的“小处”开始，能够一针见血地吸引到用户来使用你的服务。
2、找到负责任而且积极参与讨论的用户。拥有这些投入的用户是你最大的财富，他们会不停地提出各种改进建议，让你的服务变得更加完美。
3、尽早推出。不要等到服务“完美”了之后再推出，而是让你的用户去帮助你完善服务，通过用户的完善才是真正尊重用户体验与用户需求的完善，比你闭门造车的结果要好得多。而且持续有新的功能推出反而会更加吸引到你的用户继续使用。而在服务推出后，则要不断地完善，就如keso在blog中提到的永远的测试版的概念。
4、让用户可随处使用你的服务。不要让你的用户只有在你的网站上才能享受到你的服务，而要让你的用户在任何地点都可以有使用你的服务的方式，就如del.icio.us的Linkroll功能，Flickr的blog发布功能，豆瓣的在自己blog上发布的功能，365key的昨日新闻功能等等。
5、不要违背用户的意愿。如果用户想离开，就大大方方地为他们的离开提供可行的方式，将重点放在提升网站的服务与用户的体验，让用户自己愿意回来，而不是让他们不得不继续使用你的服务。
6、简单就是美。为用户提供最简单但能够满足他们需求的方式。
7、用免费的服务吸引与挽留用户，不要急于收费。
8、不要在市场推广上浪费金钱。互联网与blog的普及已经让口耳相传的成本变得很低，只要你的服务能够让用户满意，他们就会主动替你在blog上宣传，为你带来病毒营销的力量。
9、不要过度融资。资金不足当然是个问题，但过度融资可能会让你的目标膨胀，业务多元化，放弃了自己最核心的产品和竞争力。
10、没有人一无是处。你需要认真地研究和对待每一个竞争者，借鉴他们的优势和强项，没有任何竞争者是一无是处不值得你学习的。

Continue to Read

SEO:阻止robots内容索引

under 学习笔记 2008-10-1 am

对内容是否被索引简单的方法就是设置meta标签的name属性.
<meta name=”Robots” contect= “all|none|index|noindex|follow|nofollow”>
如果从索引中移出网页的小部分内容,yahoo在去年提出一个他自己的”选择性隐藏标准”,似乎到现在这个标准仍没有被其他搜索引擎接受.设置的方法只需在标签中添加类class=”robots-nocontent”到需要隐藏内容的标签中.
<div class=”robots-nocontent”>content</div>
对于rel=”nofollow”的解释
rel=”nofollow”属性被用在链接上搜索引擎是否会索引带有该属性的目标网页,说法仍然不确定,但它阻止了搜索引擎按照站内链接分配网页排名的情况.同时也不会对目标网站给予权重.
rel=”nofollow”属性对于避讳那些由用户产生的低质量content而影响搜索引擎排名还是好的办法.

Continue to Read

文档标记—引用

under web standards- 学习笔记 2008-07-29 am

在HTML Mastery中介绍了HTML两种不同的引用标记
一种是块级引用标记<blockquote>,另一种是内联引用标记<q>.
块引用<blockquote>,它会对文本进行缩进,现在常被人们用来做缩排文本,而非是做为有实际意义的引用容器,
<blockquote>中的cite属性通常用来设置URL形式的推荐引用的来源.在firefox中右键选择属性可以在弹出的窗口
中看到引用信息.在其他浏览器中这种信息被忽略了.
对于内联引用<q>因为各浏览器对<q>特性的支持不一直没有推荐使用.

Continue to Read

javascript的初始化

under java script- 学习笔记 2008-07-10 am

在我们使用XHTML时,<script>标签内容需定义成CDATA,以告诉XML/HTML解释器不要解析这些内容,而是直接把他们交给脚本引擎去处理.
如:<script type=”text/javascript”>
//<![CDATA[
alert("Hello xiaofan!");
//]]>
</script>
使用javascript注释//将CDATA的定义字符串在javascript解释器前隐藏.

当我们在页面中同时引入了多个脚本时(两个脚本应该是相互独立而又不相互影响的)

如:
<script type=”text/javascript” src=”first.js”></script>
<script type=”text/javascript” src=”second.js”></script>

所有的脚本都会被注册为HTML页面中的全局对象;如果同时存在相同变量名的变量,在不同的脚本中后定义的那个优先本例中引用的将是second.js中定义的值.

<head>
<script type=”text/javascript” src=”test.js”></script>
</head>
//test.js
alert(“hello.xiaofan!”);
这里要说的是当浏览器解析遇到<script>标签时,它将发送一个HTTP请求,去获取脚本文件.此时对HTML页面的渲染将暂停,直到脚本被完全的加载完毕或者在一段时间之后停止加载.

Continue to Read