2008 年 5月随笔档案 - analyzer

AS3 API汇总

摘要：AS3 API汇总（基本上都有原代码下载）原文地址：http://www.flexstudio.cn/blog/?p=14 Adobe APIs corelib, mappr, flickr, youtube and more. http://labs.adobe.com/wiki/index.php/ActionScript_3:resources:apis:libraries APE... 阅读全文

posted @ 2008-05-20 11:22 analyzer 阅读(1994) 评论(0) 推荐(1) 编辑

CSS Sprites

摘要：CSS Sprites技术不新鲜，早在2005年 CSS Zengarden 的园主 Dave Shea就在ALA发表对该技术的详细阐述。原先只在CSS玩家之间作为一种制作方法流传，后来出来个14 Rules for Faster-Loading Web Sites, 技术人员之间竞相传阅，其中第一条规则Make Fewer HTTP Requests就提到CSS Sprites。于是这个小妖精就... 阅读全文

posted @ 2008-05-20 11:09 analyzer 阅读(249) 评论(0) 推荐(0) 编辑

全国哀悼日网站灰黑色CSS滤镜代码

摘要：根据国务院文件，5.19-5.21为全国哀悼日，在此期间，全国和各驻外机构下半旗志哀，停止公共娱乐活动，外交部和我国驻外使领馆设立吊唁簿。5月19日14时28分起，全国人民默哀3分钟，届时汽车、火车、舰船鸣笛，防空警报鸣响。很多草根网站都将整站换成素装。并建议中国所有站点更换为素装。国务院决定5月19日至21日为全国哀悼日 —————... 阅读全文

posted @ 2008-05-20 10:31 analyzer 阅读(283) 评论(0) 推荐(0) 编辑

注释在IE中造成文字溢出的研究

摘要：在蓝色论坛看到这样一篇帖子《IE中发现新BUG “重影”》，觉得很有意思。于是在想到底是什么原因造成的呢？便做了以下测试：实验代码如下: 多了一只猪 ↓这就是多出来的那只猪 1、在 IE、Firefox 中测试，只在 IE 出现文字溢出现象。说明：注释造成文字溢出是 IE 的 BUG 。 2、去除中的“float:left;”，你会发现多出来的“猪”字不见了，页面正... 阅读全文

posted @ 2008-05-20 10:21 analyzer 阅读(313) 评论(0) 推荐(0) 编辑

Online CSS Style Editor

摘要：Website：http://www.qrone.org/cssdesigner.html 作者是一位日本人，该CSS在线编辑有实时预览功能，并提供了写成类和直接定义两种代码。能编辑文字，背景，边框，高宽，边距，布局等相关的一些简单效果，对于初学者会很有帮助。首次需要加载的数据很多，网络慢需要耐心等待。阅读全文

posted @ 2008-05-20 10:20 analyzer 阅读(240) 评论(0) 推荐(0) 编辑

IE7 下hack的方法

摘要：“*+html”是 css 的中的选择符，被 IE7 与 IE5.01 所使用，而区分 IE7 与 IE5.01 又有很简单的方法,便是 important，这样把 important 写在前面，就形成了单独针对 IE7 hack 的方法了。 *+html div.IE7 { display:block !important; display:none; } 还有另外一个方法《The IE7 ... 阅读全文

posted @ 2008-05-20 10:20 analyzer 阅读(318) 评论(0) 推荐(0) 编辑

CSS定义通用透明效果

摘要：分别定义各种浏览器的透明效果： .transparent{ filter:alpha(opacity=12); -moz-opacity:0.12; opacity:0.12; background-color:#000; } filter:alpha(opacity=12); 支持 IE 浏览器 -moz-opacity:0.12; 支持 FireFox 浏览器 op... 阅读全文

posted @ 2008-05-20 10:19 analyzer 阅读(200) 评论(0) 推荐(0) 编辑

The Underscore Hack

摘要：下划线“_”在 CSS2.1 规范中是被承认的 CSS 标识。浏览器会忽略未知的 CSS 属性。 MSIE5+（Windows）会忽略 CSS 属性名前的 “_”。因此，这个 CSS 的分析是，例如： _color:red。首页，正确的，对于 CSS2.1 规范来说是被允许的（即使软件验证，只支持 CSS2.0 老版本，说它是一个 Bug ：他们是错误的，但它... 阅读全文

posted @ 2008-05-20 10:19 analyzer 阅读(162) 评论(0) 推荐(0) 编辑

CSS解决未知高度垂直居中

摘要：尽管有 CSS 的 vertical-align 特性，但是并不能有效解决未知高度的垂直居中问题（在一个 DIV 标签里有未知高度的文本或图片的情况下）。标准浏览器如 Mozilla, Opera, Safari 等.，可将父级元素显示方式设定为 TABLE(display: table;) ，内部子元素定为 table-cell (display: table-cell)，通过 verti... 阅读全文

posted @ 2008-05-20 10:19 analyzer 阅读(411) 评论(0) 推荐(0) 编辑

IE6下图片下方有空隙的解决方法

摘要：方法一：改变 html 的排版例如：改为：方法二：设置 img 为 display:block 方法三：设置 vertical-align 属性为 top | bottom |middle |text-bottom 阅读全文

posted @ 2008-05-20 10:18 analyzer 阅读(277) 评论(0) 推荐(0) 编辑

网站重构的流程

摘要：经常有人问网站重构的流程是先写 DIV 还是先写 CSS ，对于这个问题本人的理解如下：先结构，后表现，再行为。通俗点就是先 HTML 构架，再 CSS 渲染，最后写入 Javascript。在 Ajaxian 上看到的一个Gif 动画正好简单阐述了网站从结构到表现的过程。阅读全文

posted @ 2008-05-20 10:18 analyzer 阅读(537) 评论(1) 推荐(2) 编辑

@import的最优写法

摘要：@import的写法一般有下列几种： @import ’style.css’ //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别 @import “style.css” // Windows IE4/ NS4, Macintosh IE4/NS4不识别 @import url(style.css) // Windows NS4, ... 阅读全文

posted @ 2008-05-20 10:17 analyzer 阅读(365) 评论(0) 推荐(0) 编辑

三角的一个特殊做法

摘要：三角的一个特殊做法： CSS部分： em { display:block; font:0/0 "宋体"; border:6px solid; border-color:#fff #fff #fff #000 ; } XHTML部分：代码简单，还可以利用border的颜色轻松做出各个方向的三角！阅读全文

posted @ 2008-05-20 10:16 analyzer 阅读(201) 评论(0) 推荐(0) 编辑

checkbox的完美用户体验

摘要：最常见的 checkbox 的使用：点击这里没有任何效果因为 checkbox 在高分辨率下，小方块会很小，很不容易点，这难免在用户体验上大打折扣。下面看看我们的解决方法： 1、给 checkbox 配个 label “老婆”（老婆的特点：必要的）：点击这里就可以选中label for属性功能：表示 lable 标签要绑定的 HTML 元素，点击这个标签的时候，所绑定的元素将获取焦点。... 阅读全文

posted @ 2008-05-20 10:15 analyzer 阅读(479) 评论(0) 推荐(0) 编辑

PNG透明背景图片的无界应用

摘要：PNG 图片在网站设计中是不可或缺的部分，最大的特点应该在于 PNG 可以无损压缩，而且还可以设置透明，对于增强网站的图片色彩效果有重要的作用。但为什么 PNG 图片却没有 GIF 和 JPG 图片的使用来得广泛呢，这个祸因应归属于微软的 IE 浏览器（Firefox 和 Opera 对 PNG 支持的比较好，而现在浏览器的主流IE6 却无法很好的支持）。不过微软在最近也开始改过自新了，新出的... 阅读全文

posted @ 2008-05-20 10:14 analyzer 阅读(2515) 评论(0) 推荐(0) 编辑

简单form标准化实例（一）：整体布局

摘要：form 无论是在网站的制作中，还是在网站的重构中，我们都会频繁地“碰面”，当“碰面”的次数多了，反而觉得他更让人迷茫，有种熟悉的“陌生”，越来越把握不了他。下面我们将带大家走进 form 的世界，一起来熟悉、探讨、掌握他的“脾性”。对于简单 form 的设计图（如图，yahoo 注册页面的一部分），我们如何来做整体的布局呢？大体我们可以选用以下 3 种方式来做布局： 1、使用 table... 阅读全文

posted @ 2008-05-20 10:14 analyzer 阅读(789) 评论(0) 推荐(0) 编辑

简单form标准化实例（二）：语义结构

摘要：1、使用 fieldset 和 legend标签在 form 中，我们经常会对 form 中的信息进行分组，比如注册 form ，我们可能会将注册信息分组成基本信息（一般为必填），详细信息（一般为可选），那我们如何更好的来实现呢？我们可考虑在 form 中加入下面两个标签： fieldset：对表单进行分组，一个表单可以有多个fieldset legend：说明每组的内容... 阅读全文

posted @ 2008-05-20 10:13 analyzer 阅读(280) 评论(0) 推荐(0) 编辑

Default style sheet for HTML 4

摘要：html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre { display: block } li { display: list-ite... 阅读全文

posted @ 2008-05-20 10:13 analyzer 阅读(171) 评论(0) 推荐(0) 编辑

各浏览器里默认的表单控件（form controls）

摘要：浏览器环境： Camino Firefox 1.0 PR Mac Firefox 1.0 PR Win IE 5 Mac IE 6 Win Opera 7.53 Mac Opera 7.53 Win Safari 表单控件： Buttons Submit buttons Select boxes, s... 阅读全文

posted @ 2008-05-20 10:12 analyzer 阅读(454) 评论(0) 推荐(0) 编辑

100%点击区的滑动门

摘要：学习标准的朋友，一般都会在学习的过程中接触到CSS滑动门技术，或许大家也都看过这篇文章《CSS中的滑动门技术》，如果你还没接触过或还没看过上文或有点忘记内容，也没关系，可以点击上面的文章链接，先了解或温习一遍。在《CSS中的滑动门技术》一文中的滑动门例子，大家仔细实验，或许已经发现，链接区有9像素的盲点无法点击，而且在IE下，只能点击文字部分大小，不能点击整个按钮区块。而我们或许期望的是整个按... 阅读全文

posted @ 2008-05-20 10:12 analyzer 阅读(326) 评论(3) 推荐(0) 编辑

IE中伪类:hover的使用及BUG

摘要：:hover 是我们在 CSS 设计中最常运用的伪类之一，许多绚丽效果的实现离不开伪类 :hover，比如我们常见的纯 CSS 菜单、相册效果等等。或许用了这么久的伪类 :hover，还有部分朋友还不完全了解 hover 的规则：在 CSS1 中此伪类仅可用于 a 对象。且对于无 href 属性（特性）的 a 对象，此伪类不发生作用。在 CSS2 中此伪类可以应用于任何对象。但目前 ... 阅读全文

posted @ 2008-05-20 10:12 analyzer 阅读(509) 评论(0) 推荐(0) 编辑

裁切BUG（Guillotine Bug）的触发条件

摘要：裁切 BUG（Guillotine Bug）现象：浮动元素内某些连接 hover 时，该元素的底部会被砍掉。详细介绍：http://www.positioniseverything.net/explorer/guillotine.html 触发条件：一个容器元素；在容器内有一个没有被清楚浮动的浮动元素；非浮动的内容在浮动元素之后，并且容器内包含链接；那... 阅读全文

posted @ 2008-05-20 10:11 analyzer 阅读(221) 评论(0) 推荐(0) 编辑

DOCTYPE和namespace

摘要：有朋友问：不明白为什么有了 DOCTYPE 还要 namespace，他俩不是一个作用么？其实不然，先让我们看看网上对它们的定义：什么是 DOCTYPE？ DOCTYPE 是 document type (文档类型)的简写，用来说明你用的 XHTML 或者 HTML 是什么版本。其中的 DTD 叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的 DTD 来解释你页面的标识，并展现出来... 阅读全文

posted @ 2008-05-20 10:11 analyzer 阅读(186) 评论(0) 推荐(0) 编辑

IE “+” CSS Hack研究

摘要：表达方式：+property:value 测试环境：IE5，IE6 ，IE7，FF1.5，FF2.0，Opera 9，Safari 2 测试结果：IE5，IE6 ，IE7浏览器识别；FF2.0，Opera 9，Safari 2浏览器不识别。结论：我们可以用”+”来实现只有 IE 识别的 CSS Hack。比如我们要实现在 IE 中 480px 的宽度，而在其他浏览器 500px 的宽度，就可... 阅读全文

posted @ 2008-05-20 10:10 analyzer 阅读(265) 评论(0) 推荐(0) 编辑

display:inline-block的深入理解

摘要：在使用 CSS 实现表现的时候，会经常接触到 display:inline-block 这一属性，无论是初接触 Web 标准还是接触标准已久的朋友，大都会对这一属性感觉很迷惑和模糊。 display:inline-block 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。但对于这个属性不是所有浏览器都识别。支持的浏览器有：Opera、Safa... 阅读全文

posted @ 2008-05-20 10:10 analyzer 阅读(244) 评论(0) 推荐(0) 编辑

由浅入深漫谈margin属性

摘要：margin 在中文中我们翻译成外边距或者外补白（本文中引用外边距）。他是元素盒模型（box model）的基础属性。一、margin的基本特性 margin 属性包括 margin-top, margin-right, margin-bottom, margin-left, margin，可以用来设置 box 的 margin area。属性 margin 可以用来同时设置 box 的... 阅读全文

posted @ 2008-05-20 10:09 analyzer 阅读(219) 评论(0) 推荐(0) 编辑

关于cellspacing和cellpadding

摘要：表格的 cellpadding 和 cellpadding 我们经常会用如下的方式来清除默认样式：很多朋友会说表现在结构中，这样不符合标准，那如何将这个表现拿出来，有些朋友或许很迷惑。我们可以用 table 的 border-collapse: collapse; 属性来代替cellspacing=”0″，用 th,td 的 padding: 0; 属性来代替 cellpadding=”0... 阅读全文

posted @ 2008-05-20 10:09 analyzer 阅读(677) 评论(0) 推荐(0) 编辑

XSL 属性模板的运用

摘要：XML中 http://www.planabc.net 如果我们在 XSL 中要调用 home节点的值作为 a 标签的 href 属性值，该如何应对呢？我们可以通过给 a 标签添加一个属性，具体语法： http://www.planabc.net name 属性表示要添加属性的名字，标记包含的内容为要添加属性的值。根据上面的介绍我们在 XSL 中可以写成这样： Index 或者： ... 阅读全文

posted @ 2008-05-20 10:09 analyzer 阅读(346) 评论(0) 推荐(0) 编辑

XSL中如何将CDATA输出为HTML

摘要：最近几天在学习、练习、研究 XML 和 XSL ，今天在练习的时候碰到如何将 XML 中的 CDATA 注释部分内容按照 HTML 的格式输出，下面提供两种方法（其实是两种浏览器中的方法）： 1、使用disable-output-escaping=”yes”，不过FF不支持。 2、使用脚本可以实现 Firefox 下的显示）。 // JavaScript Document by aoao var... 阅读全文

posted @ 2008-05-20 10:08 analyzer 阅读(608) 评论(1) 推荐(0) 编辑

z-index在IE中的迷惑（一）

摘要：z-index 属性简介 z-index : auto | number auto: 默认值。 number: 无单位的整数值，可为负数。 z-index 值较大的元素将叠加在 z-index 值较小的元素之上。对于未指定此属性的定位对象，z-index 值为正数的对象会在其之上，而 z-index 值为负数的对象在其之下。注意：这个属性不会作用于窗口控件，如 select 对象。在IE... 阅读全文

posted @ 2008-05-20 10:07 analyzer 阅读(301) 评论(0) 推荐(0) 编辑

z-index在IE中的迷惑（二）

摘要：IE中z-index BUG 首先先来看一个演示例子的代码部分。 XHTML 部分：这个box应该在上面这个box应该在下面，IE浏览器会对定位元素产生一个新的stacking context ，甚至当元素 z-index的为“auto”。 CSS 部分： #container { position: relative; } #box1 { position: absolute; top... 阅读全文

posted @ 2008-05-20 10:07 analyzer 阅读(616) 评论(0) 推荐(0) 编辑

相同结构的40种CSS布局

摘要：对于相同的结构，我们可以通过CSS来创造出40种不同的布局，可以从中学到布局的很多知识，也可以体验出CSS的强大和标准的便捷。 http://blog.html.it/layoutgala/ 阅读全文

posted @ 2008-05-20 10:06 analyzer 阅读(247) 评论(0) 推荐(0) 编辑

The W3C Technology Stack

摘要：The Web is an application built on top of the Internet原文地址：《The W3C Technology Stack》翻译地址：《w3c技术架构介绍》一种发展，一种趋势，一份把握，一份机遇！阅读全文

posted @ 2008-05-20 10:06 analyzer 阅读(210) 评论(0) 推荐(0) 编辑

最简单的清除浮动的方法

摘要：最简单的清除浮动的方法 2007-7-2 上午 - HTML/CSS/XML/XSL - float - 清除浮动 div.container { border: 1px solid #000000; } div.left { width: 45%; float: left; } div.right { width: 45%; float: right; } 层套关系：contain... 阅读全文

posted @ 2008-05-20 10:05 analyzer 阅读(277) 评论(0) 推荐(0) 编辑

无内容div占据空间的触发条件和解决方法

摘要：当在 div 标签内无任何内容时：如果给 div 元素设置了宽度时，比如 width:100% ，此时 div 在 IE 中（IE6，IE7）将占据物理空间，而在FF中不占据物理空间（正确理解）。为了表述直观，将样式直接写在元素标签内：此时在 IE 中到底是什么在影响着最终的显示，又是如何解析的呢？可能的影响因素：字体大小（font-size），字体行高（line-height），高度... 阅读全文

posted @ 2008-05-20 10:05 analyzer 阅读(361) 评论(0) 推荐(0) 编辑

CSS的命名规则的偏好调查

摘要：很早在蓝色论坛做过一个调查《你使用的CSS命名规则 (单选) 》，调查结果如下（参与投票人数为83人）： helloworld 2 (2.41%) hello-world 9 (10.84%) hello_world 52 (62.65%) helloWorld 19 (22.89%) HelloWorld 1 (1.20%) 其他 0 (0... 阅读全文

posted @ 2008-05-20 10:04 analyzer 阅读(213) 评论(0) 推荐(0) 编辑

如果用JS得到字符串中出现次数最多的字母

摘要：网上有这样一道题目：一个字符串String=“adadfdfseffserfefsefseetsdg”，找出里面出现次数最多的字母和出现的次数。经典的解答思路为：取出字符串的第一个字符（首字母），利用的字符串的 replace 方法将符合正则表达式（第一个字符）替代为空，此字母出现的次数为原始的字符串长度减去替代后的字符串长度。循环迭代找出长度最长的字母。补充： eval("str = ... 阅读全文

posted @ 2008-05-20 10:03 analyzer 阅读(596) 评论(0) 推荐(0) 编辑

来自经典论坛的javascript小小考题

摘要：请尽量不执行，试着直接给出结果并给出理由。这道题可以帮你温习很多内容（对象、类、原型、作用域、优先级等等），同时部分朋友也能学到很多知识。更多请看：javascript的小小考题阅读全文

posted @ 2008-05-20 10:02 analyzer 阅读(269) 评论(0) 推荐(0) 编辑

如何去除点击链接时出现的虚线框

摘要：有时候在一个页面用到收放功能的时候时，总有一个虚线框在触发收放的功能按钮上，显得特别刺眼，那如何去除这个虚线框呢？虽然从可用性的角度，隐藏虚线框的做法会让键盘偏执狂不满。但从视觉上，有时候虚线框确实影响美观。方法一：IE 下可使用其私有的html属性：hideFoucs，在标签的结构中加入 hidefocus=”true” 属性。即：<a href="http://w... 阅读全文

posted @ 2008-05-20 10:01 analyzer 阅读(353) 评论(0) 推荐(0) 编辑

text-indent 隐藏文字时出现的 outline 问题

摘要：链接用图片做背景，text-indent:-9999px; 隐藏文字，此效果在 IE 中是正常的，但在 Firefox 里，鼠标点击该链接时，虚线框却会包住被缩进的文字，结果显示为虚线框 N 长。（BTW: 因为平时是用 overflow:hidden; 属性的，所以一直也没有注意到这个问题的存在。）虚线框，其实就是 CSS 中的 outline 属性，这也说明 IE 和 Firefox 对于 ... 阅读全文

posted @ 2008-05-20 10:00 analyzer 阅读(273) 评论(0) 推荐(0) 编辑

CSS 小贴士

摘要：1、连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行。解决方法：《css之自动换行》。连续的标点符号也不会转行，用属性 word-break:break-all; 无法达到效果，可以选用属性 word-wrap: break-word; 来解决！ 2、有序列表的 li 在 IE 中，定了宽后，序号就变为1；定了浮动后，就没有了序号，Firefox 却不同。IE 认为：列表本来就不把序... 阅读全文

posted @ 2008-05-20 09:59 analyzer 阅读(239) 评论(0) 推荐(0) 编辑

JavaScript入门学习书籍的阶段选择

摘要：对于许多想学习 JavaScript 的朋友来说，无疑如何选择入门的书籍是他们最头疼的问题，或许也是他们一直畏惧，甚至放弃学习 JavaScript 的理由。在 JavaScript 方面，自己不是什么专家，也不是什么高手，但自己一路走来，JavaScript 从迷茫到认识，对于 JavaScript 书籍的认识或许还有些借鉴价值。入门推荐首选书籍：《JavaScript DOM 编程艺术 ... 阅读全文

posted @ 2008-05-20 09:58 analyzer 阅读(363) 评论(0) 推荐(0) 编辑

详解new function(){}和function(){}()

摘要：情景一： var yx01 = new function() {return "圆心"}; alert(yx01); 我们运行情景一代码，将返回显示“[object object] ”，此时该代码等价于： function 匿名类(){ return "圆心"; } var yx01 = new 匿名类(); alert(yx01); 我们对情景一的代码进行下面改造： var yx01 = n... 阅读全文

posted @ 2008-05-20 09:58 analyzer 阅读(306) 评论(0) 推荐(0) 编辑

函数般调用正则

摘要：Firefox 包含了一个非标准的 JavaScript 扩展，使正则像函数一样可调用。这为调用正则的 exec 方法提供了便捷。例如，在 Firefox中，regex(”string”) 等同于 regex.exec(”string”)。曾经 ECMAScript 4 建议指出这个功能将会增加到 ES4 规范中，但后来的在 ES4-discuss mailing list 的讨论中，这个建议可... 阅读全文

posted @ 2008-05-20 09:57 analyzer 阅读(258) 评论(0) 推荐(0) 编辑

通过 Dom 方法提高 innerHTML 性能

摘要：function replaceHtml(el, html) { var oldEl = typeof el === "string" ? document.getElementById(el) : el; /*@cc_on // 原始的 innerHTML 在 IE 中的性能好一点 oldEl.innerHTML = html; return oldEl; @*/ var newEl = ol... 阅读全文

posted @ 2008-05-20 09:57 analyzer 阅读(247) 评论(0) 推荐(0) 编辑

背投广告代码的完善

摘要：对于背投广告的原理来说并没有什么难度，无非打开的窗口失去焦点（blur），而原来页面得到焦点（focus）。但对于流行的浏览器来说，如果非用户行为的弹出窗口（即 onload 时，直接window.open ），会被浏览器默认拦截。背投广告，既然被称为广告，那如何才能让广告主的钱花得实在，花得乐意呢？我们可以增加判断，如果该弹出窗口被浏览器拦截，则只要用户点击页面就触发 window.ope... 阅读全文

posted @ 2008-05-20 09:56 analyzer 阅读(806) 评论(0) 推荐(0) 编辑

IE8 beta1 中的 CSS 属性

摘要：IE8 (下文中的 IE8 暂时仅代表IE8 beta1) 中增加了 CSS3 中的子串匹配的属性选择器（substring matching attribute selectors），具体规则与正则中的匹配很相似： E[att^=’val’] //子串以’val’ 开始 E[att$=’val’] //子串以’val’ 结束 E[att*=’val’] //子串中包... 阅读全文

posted @ 2008-05-20 09:55 analyzer 阅读(239) 评论(0) 推荐(0) 编辑

link 和 style 元素在 HTML 文档中的位置

摘要：对于 link 元素和 style 元素我相信大家都比较了解，但对于他们的出现位置可能有误解。在淘宝的所有频道中出现这样一个问题：频道头部文件由于是统一支配的（为什么？历史原因！），所以我们无法在每个频道的 head 元素中以 link 或 style 方式加入各自的样式。最后选取了折中的方式，在主体内容中直接写入 style 元素，也就是说 style 元素置于了 body 元素中。... 阅读全文

posted @ 2008-05-20 09:55 analyzer 阅读(626) 评论(0) 推荐(0) 编辑

HTML5中 b 和 i 标签将语义化

摘要：b 和 i 标签在现在的 Web 标准潜规则中是不推荐使用，甚至是反对使用的，因为认为他们只是“表现”粗体和斜体，而没有任何“语义”。更多的用 strong 和 em 标签代替。而在新的 HTML5 工作草案中对于 b 和 i 标签是这样定义的： The b element now represents a span of text to be stylistically offset f... 阅读全文

posted @ 2008-05-20 09:54 analyzer 阅读(391) 评论(0) 推荐(0) 编辑

URL 优化的一个技巧

摘要：When generating hyperlinks, always include a trailing slash if possible. For instance, navigating to http://msdn.microsoft.com/ie takes one more roundtrip than http://msdn.microsoft.com/ie/. When the... 阅读全文

posted @ 2008-05-20 09:53 analyzer 阅读(251) 评论(0) 推荐(0) 编辑

YUI: Effects Widgets

摘要：YAHOO.widget.Effects 基于 YUI 实现的 Effects 库，记录一下。http://blog.davglass.com/files/yui/effects/用这个库可以很好的改善网站某些视觉效果，当然使用适当为上，画龙点睛即可。阅读全文

posted @ 2008-05-20 09:50 analyzer 阅读(287) 评论(0) 推荐(0) 编辑

提高Web页面的性能（二）

摘要：最近 Yahoo! Exceptional Performance 在《优化网站性能的 14 条规则》的基础上又增加了 20 条新的规则。 1. 尽早清除缓冲区 [server] 2. AJAX 请求使用“GET”方法 [server] 3. 延迟加载组件 [content] 4. 预加载组件 [content] 5. 减少 DOM 元素的数量 [content] 6. ... 阅读全文

posted @ 2008-05-20 09:49 analyzer 阅读(219) 评论(0) 推荐(0) 编辑

提高Web页面的性能（一）

摘要：优化网站性能的14条规则（更新） 1. 尽可能的减少 HTTP 的请求数 [content] 2. 使用 CDN（Content Delivery Network） [server] 3. 添加 Expires 头(或者 Cache-control ) [server] 4. Gzip 组件 [server] 5. 将 CSS 样式放在页面的上方 [css] 6. 将脚本移动到底部（包括内联的） ... 阅读全文

posted @ 2008-05-20 09:49 analyzer 阅读(260) 评论(0) 推荐(0) 编辑

页面中 CSS 加载方式的优化

摘要：1、应该将 CSS 放置于结构的上方（一般放置于 head 元素内）。CSS 是解释型语言，Firefox 和 IE 在等待 CSS 传输完成之前不会渲染任何东西。只有将 CSS 前置，才可在浏览器解析结构时，对页面进行渲染。This causes the blank white screen problem. The page is totally blank until the stylesh... 阅读全文

posted @ 2008-05-20 09:48 analyzer 阅读(269) 评论(0) 推荐(0) 编辑

IE5 到 IE8 的 CSS 兼容列表

摘要：IE 官方提供的 IE5 到 IE8 的 CSS 兼容列表：《CSS Compatibility and Internet Explorer》很好的参考资料，可以方便帮助大家了解和熟悉各 IE 浏览器之间 CSS 的兼容情况。个人最近一直对 MS 另眼相看，从 IE 8 Beta 1 发布的第一天起，至少我们看到 MS 的态度，积极开放，结果虽不太如人意，但至少 MS 跨出了重要的一步，放下了一向... 阅读全文

posted @ 2008-05-20 09:47 analyzer 阅读(376) 评论(0) 推荐(0) 编辑

比较文档位置

摘要：一个很棒的 blog 文章，是 PPK 两年前写的，文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。从那起，我已经对这些方法做了大量的研究，并且已经在很多场合使用他们。在很多任务中，他们被证明是非常有用的（特别关于结构的抽象 DOM 选择器）。1、DOMElement.contains(DOMNode)这个方法起先用在 IE... 阅读全文

posted @ 2008-05-20 09:46 analyzer 阅读(234) 评论(0) 推荐(0) 编辑

模拟兼容性的 inline-block 属性

摘要：一年前网上还找不到关于 inline-block 属性的文章，为了方便大家更好的理解该属性，当时总结整理了篇《display:inline-block的深入理解》。而现在对于 inline-block 属性运用的需求也越来越多，可惜依旧只有 Firefox3 beta、IE8 beta、Opera、Safari 支持 inline-block 属性（注：原来只有 Opera、Safari 支持... 阅读全文

posted @ 2008-05-20 09:46 analyzer 阅读(259) 评论(0) 推荐(0) 编辑

background-clip 与 background-origin 的一则运用

摘要：background-clip 和 background-origin 是 CSS3 中新加的 background module 属性，用来确定背景的定位。background-clip 用来判断 background 是否包含 border 区域。而 background-origin 用来决定 background-position 计算的参考位置。语法为： background-clip:... 阅读全文

posted @ 2008-05-20 09:45 analyzer 阅读(362) 评论(0) 推荐(0) 编辑

前端开发 IE 中的常用调试工具

摘要：第二届 D2 上，小马提到的一些 IE 常用调试工具： Microsoft Script Debugger —— Companion.JS need to install this Companion.JS —— Javascript debugger for IE , like Console API feature IE Developer To... 阅读全文

posted @ 2008-05-20 09:44 analyzer 阅读(355) 评论(0) 推荐(0) 编辑

IETester

摘要：Multiple IE（支持 XP下IE3 到IE6多版本共存）相信很多朋友都用过，但其不支持 Vista，最大的问题是该软件已经很久未更新，集成的 IE 版本都过老，不适应现在浏览器测试的需求。长江后浪推前浪：IETester 。IETester 支持 Vista 和 XP 下IE8 beta 1, IE7，IE 6 和IE5.5 版本共存。最新版本：v0.2.1 下载中文包 (加入Lang... 阅读全文

posted @ 2008-05-20 09:43 analyzer 阅读(244) 评论(0) 推荐(0) 编辑

YUI Grids CSS 解读

摘要：YUI 中的 Grids CSS 主要有三个部分值得大家关注和学习： 1、布局的思想：使用 “负 margin（Negative Margins）” 技术详细可参阅：《Creating Liquid Layouts with Negative Margins》 2、使用 em ：当用户改变字体大小时，宽度同时改变。技巧：用 13 像素来平分宽度（保留小数到千分位），而 IE 浏览器用 13.... 阅读全文

posted @ 2008-05-20 09:42 analyzer 阅读(439) 评论(0) 推荐(1) 编辑

密码强度规则（仿 google）

摘要：一、密码长度: 5 分: 小于等于 4 个字符 10 分: 5 到 7 字符 25 分: 大于等于 8 个字符二、字母: 0 分: 没有字母 10 分: 全都是小（大）写字母 20 分: 大小写混合字母三、数字: 0 分: 没有数字 10 分: 1 个数字 20 分: 大于等于 3 个数字四、符号: 0 分: 没有符号 10 分: 1 个符号 25 分: 大于 1 个符号五、奖励: 2 分... 阅读全文

posted @ 2008-05-20 09:41 analyzer 阅读(263) 评论(0) 推荐(0) 编辑

web开发的浏览器(工具)插件

摘要：1、PowerBand PowerBand是一个IE的插件(同时也支持MyIE2/Maxthon)。提供了对HTML动态分析，跟踪，编辑的功能。能够方便快捷的分析HTML页面的结构，有助于网页设计人员/网站开发人员调试，分析晦涩的HTML代码。这是我最早使用的HTML开发辅助工具，现在是2.1版了，支持ASP.NET ViewState的解码，支持DebugView，类似于VC中的Watch，... 阅读全文

posted @ 2008-05-19 18:44 analyzer 阅读(398) 评论(0) 推荐(0) 编辑

DirectUI 界面技术

只有注册用户登录后才能阅读该文。

posted @ 2008-05-19 18:27 analyzer 阅读(143) 评论(0) 推荐(0) 编辑

Ajax 完整教程 (转)

摘要：Ajax 完整教程第 1 页 Ajax 简介Ajax 由 HTML、JavaScript™ 技术、DHTML 和 DOM 组成，这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。本文的作者是一位 Ajax 专家，他演示了这些技术如何协同工作 —— 从总体概述到细节的讨论 —— 使高效的 Web 开发成为现实。他还... 阅读全文

posted @ 2008-05-18 21:12 analyzer 阅读(876) 评论(1) 推荐(0) 编辑

高并发高流量网站架构

摘要：高并发高流量网站架构 Architecture of Website with High Page view and High concurrency 院系：信息科学学院专业：计算机科学与技术学号：03281077 姓名：唐福林指导教师：朱小明北京师范大学 2007年3月北京师范大学士学位论文（设计）原创性声明本人郑重声明：所呈交的学士学位论文（设计），是... 阅读全文

posted @ 2008-05-18 21:04 analyzer 阅读(692) 评论(0) 推荐(0) 编辑

b/s开发常用javaScript技术（转载）

摘要：在b/s开发中经常用到的javaScript技术一、验证类 1、数字验证内 1.1 整数 1.2 大于0的整数（用于传来的ID的验证) 1.3 负整数的验证 1.4 整数不能大于iMax 1.5 整数不能小于iMin 2、时间类 2.1 短时间，形如 (13:04:06) 2.2 短日期，形如 (2003-12-05) 2.3 长时间，形如 (2003-12-... 阅读全文

posted @ 2008-05-10 19:14 analyzer 阅读(264) 评论(0) 推荐(0) 编辑

Mnesia──一个用于电信应用系统的健壮的分布式DBMS

摘要：原文：http://www.erlang.se/publications/mnesia_overview.pdf摘要 Mnesia DBMS和拥有数据的应用系统运行在同一地址空间，然而应用系统不能销毁数据库的内容。Mnesia同时提供了快速存取的特性和很好的容错性，通常这两个需求是相互矛盾的。Mnesia的实现是基于Erlang编程语言的特性，Mnesia也内嵌到Erlang中了。1. 介绍电信... 阅读全文

posted @ 2008-05-10 10:51 analyzer 阅读(1063) 评论(0) 推荐(0) 编辑

酷毕了的javascript ,让你随意编辑网页

摘要：只要打开一个网站，然后在地址栏内打入：程序代码 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 回车，OK，你就可以随意编辑这个这个页面了。阅读全文

posted @ 2008-05-10 09:07 analyzer 阅读(331) 评论(1) 推荐(0) 编辑

公告

搜索

常用链接

最新随笔

随笔档案 (535)

文章分类 (1240)

文章档案 (1227)

RIA开发社区

其它

我的网站

05 2008 档案