2Guy's Blog

cookie:必知必会

Author:
by: sliuqin
Date:
5. September 2009 22:24
Tagged in:
,
Comments:
3
在研究前端性能优化的时候,熊猫遇到了cookie的问题,这篇文章就讲讲用JavaScript来操作cookie。 学习目标 当前版本的UIElement.cn在评论的时候,没有将评论人的name,email,website这些信息记住,导致在评论时需重复输入信息,体验很不好。现在的目标是使用cookie来做这个提升着部分的用户体验。 概述 cookie允许将信息存储在用户的本地文件中,并且可以在一定的时间内从该文件中提取数据,使用cookie是一种很好的在无序的页面中保持用户状态的方法。例如用户的登录名,最近访问的页面,购物篮中的商品以及他们在何时进行了什么操作等等。 写入cooki...
[More]

使用高效的css选择器

Author:
by: linkto
Date:
5. September 2009 08:56
Tagged in:
,
Comments:
0
原文:Use efficient CSS selectors 概述 避免使用大量元素匹配低效的关键选择器能加快页面的渲染速度。 详情 浏览器解析HTML时,会构造一个文档树来显示那些需要展示的所有元素。然后匹配元素到各个样式表指定的样式,根据标准样式乘积、继承和排序规则。对于Mozilla(或许其它厂商也是这样),对于每个元素,样式引擎搜寻所有的样式规则来找寻匹配的元素。样式引擎从右到左渲染每一条规则,从最右边的选择器(叫做关键字)开始,逐步筛选每一个选择器,直到找到匹配或无用的规则。(这个选择器指的是这个规则说指向的文档元素。) 根据这个系统可以看出,规则越少样式引擎评估的越好。当...
[More]

使用 fieldset 和 legend 元素给HTML表单控件分组

Author:
by: sliuqin
Date:
3. September 2009 07:34
Tagged in:
Comments:
0
[原文]:Use the fieldset and legend elements to group HTML form controls 总是被成对使用的fieldset 和 legend 元素,允许你创建并命名归类HTML表单中关联的input字段。这样可以帮助用户理解这些input字段是如何关联在一起的。 分组信息怎样传递给用户,主要取决于用户能否看的到。大多数图形浏览器给fieldset元素画一个边框并将legend元素渲染到这个边框的顶部,然而屏幕阅读器可能会在每一个fieldset前(或是每一个在fieldset中的表单控件前)就读出legend中的文本。 因为一些屏幕阅...
[More]

css float 示例

Author:
by: sliuqin
Date:
2. September 2009 21:30
Tagged in:
Comments:
0
css float是css中一个比较重要的概念,All About Floats 【中文翻译:关于浮动的前世今生】很好的介绍了这个概念,根据文章做了下面的示例,在线demo
[More]

与世无争的setTimeout

Author:
by: sliuqin
Date:
2. September 2009 13:29
Tagged in:
,
Comments:
1
岁月如歌 的 google.com 首页代码分析 中有关于 “延迟加载” 的分析,熊猫发出了大大的问号,这里做一个例子来说明一下我的理解。 demo,下面是代码片段: JS <script type="text/javascript"> var div; //一个创建1000个div的方法。 function createDiv() { ...
[More]