2Guy's Blog

文档碎片

Author:
by: sliuqin
Date:
31. August 2009 20:58
Tagged in:
Comments:
0
在《JavaScript陋习》一文中,提到“不要在循环中创建DOM元素”,但文中并没有详细的说明,在翻译这篇文章的时候,也没有详细的测试,本篇当做一个补充。 当使用 dom.appendChild 时,页面会立即更新并反映出变化。这对于少量的更新是很好的,但是当向dom中添加大量的数据时,如果逐个添加这些变动,那么这个过程将十分缓慢。这个时候就可以使用文档碎片来解决问题:把所有新节点附加到文档碎片中,然后再讲文档碎片的内容一次性添加到document中。 JS var fragment = document.createDocumentFragmen...
[More]

firebug学习YUI的小心得

Author:
by: linkto
Date:
31. August 2009 11:15
Tagged in:
Comments:
0
YUI 是一套实用的工具和控件,它提供的工具集以方法为中心,通过静态方法来打造万物。YUI和传统的面向过程式编程中的库函数类似,很容易通过Firebug来学习。 下面来分享一下,通过Firebug学习YUI的一点心得。 总揽YUI 在Firebug 的Console面板中,输入 “YAHOO” 运行,可以打印出 YAHOO 对象中的所有属性和方法: 在这个图中,我们可以很容易的得到YUI的一些有用信息,比如我使用的这个版本的版本号是 “2.7.0”,BUTILD为“1796”。 在YAHOO对象中,还有几个比较重要的属性:env,lang和util,一个个点开就能看到下面...
[More]

学习Python:数据类型

Author:
by: sliuqin
Date:
30. August 2009 22:03
Tagged in:
Comments:
0
之前的几个月都是凌乱的学习了一些Python的知识,也体会了Django建一个小型网站的方便.是时候开始系统的学习了. Python对象 Python 支持一下五种内置对象类型: Number(数字) String(字符串) List(列表) Dictionary(字典) Tuple(元组)--不可修改的特殊列表类型 Python还支持一种基本的外部类型是文件,根据之前的那点Python经验,在Python里面操作文件是很简单的,后面还会深入的学习. Python的这些对象类型和JavaScript有很多相似的,List可以和Array对应,Dicti...
[More]

JavaScript陋习

Author:
by: sliuqin
Date:
28. August 2009 09:57
Tagged in:
,
Comments:
1
一篇很不错的文章:JavaScript: Bad Practices,对编码JavaScript时的一些常见问题做了总结,并提出了相应的最佳实践。特此奉上我的精简加强版(套用熊猫的。) 在我的编码生涯中,我已经看了很多古怪的(近乎恐怖的)代码,并且我必须说的是:它们中的一半是我写的。如果你不承认曾经写过垃圾代码,你要么在说谎,要么拥有超能力! 这里是我见过的一些JavaScript陋习的小部分收集,换句话说,那些写的真的很糟糕的JavaScript不在这个列表中!我知道,这是用一个相当负面的角度来思考的,但是这比写一篇最佳实践的文章要简单的多,加上它还给了我一个发泄的机会!它们中的许多...
[More]

内联图片实现css sprite

Author:
by: linkto
Date:
25. August 2009 10:12
Tagged in:
Comments:
0
一晃两个月没写博客了,捶胸、顿足、迷茫、大彻大悟。。。哎,太懒了。 大笨推荐了这篇CSS Sprites with Inline Images,非常的不错。特此奉上我的精简加强版: CSS Sprite是一种网页图片应用处理方式,允许我们将页面中的零星图片整合到一个大图中,使用background-image选择sprite图片,width、height设置图片显示的区域,background-position设置所需图片的坐标位置。通过CSS Sprite方法将多张图片组装成一张,不但有效减少http请求,还有降低了图片的尺寸。 这里我们仍然需要使用sprite来组装图片,只是使用的方...
[More]

一个简单的水平和垂直居中布局DIV的方法

Author:
by: sliuqin
Date:
12. August 2009 20:47
Tagged in:
,
Comments:
1
原文:The simplest way to horizontally and vertically center a DIV   我已经用过很多中方法来水平垂直居中布局DIV了。很多代码片段是通过将子DIV1放在父DIV2中,让DIV1居中的。他们能很好的工作,但是我发现了一种更简单的方法:通过CSS来居中一个单独的DIV。 我不确定是否所有人都知道了,但是我试验并想出了这段简单的CSS代码片段。 下面这种图片直观的现实了它是如何工作的: 这里是CSS代码片段,使得DIV能被居中,这个DIV是 100 × 100 px的(正如上图所示) CSS ...
[More]