CSS未知高度文本垂直居中
作者:花满楼 日期:2008-12-19
标准浏览器如 firefox, Opera, Safari 等.,可将父级元素显示方式设定为 TABLE(display: table;) ,内部子元素定为 table-cell (display: table-cell),通过 vertical-align 特性使其垂直居中,但非标准浏览器是不支持的。
非标准浏览器如IE只能在子元素里设距顶部 50% ,里面再套个元素距顶部 -50% 来抵消。
<div class="blackBorder" style="display: table; height: 400px; *position: relative; overflow: hidden; width:100%;margin: 0 auto">
<div style=" *position: absolute; *top: 50%;display: table-cell; vertical-align: middle;">
<div class="blackBorder" style="width:200px;*position: relative; *top: -50%; margin: 0 auto">
CSS未知高度文本垂直居中<br />
CSS未知高度文本垂直居中<br />
CSS未知高度文本垂直居中<br />
CSS未知高度文本垂直居中<br />
</div>
</div>
</div>
Tags: CSS
共享一份Javascript 编程规范
作者:花满楼 日期:2008-12-19
前言
相当不错的 Javascript 编程风格规范,建议大家采用此规范编写 Javascript。原文链接: http://dojotoolkit.org/developer/StyleGuide 。
翻译(Translated by):feelinglucky{at}gmail.com,转载请注明出处、作者和翻译者,谢谢配合。
本文地址: http://code.google.com/p/grace/wiki/DojoStyle 。
序
Any violation to this guide is allowed if it enhances readability.
所有的代码都要变成可供他人容易阅读的。
快读参考
核心 API 请使用下面的风格:
| 结构 | 规则 | 注释 |
| 模块 | 小写 | 不要使用多重语义(Never multiple words) |
| 类 | 骆驼 | |
| 公有方法 | 混合 | 其他的外部调用也可以使用 lower_case(),这样的风格 |
| 公有变量 | 混合 | |
| 常量 | 骆驼 或 大写 |
Tags: javascript 规范
八款Js框架介绍及比较
作者:花满楼 日期:2008-12-10
目前来看,JS框架以及一些开发包和库类有如下几个,Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx
Dojo (JS library and UI component ):
Dojo是目前最为强大的j s框架,它在自己的Wiki上给自己下了一个定义,dojo是一个用JavaScript编写的开源的DHTML工具箱。dojo很想做一个“大一统”的 工具箱,不仅仅是浏览器层面的,野心还是很大的。Dojo包括ajax, browser, event, widget等跨浏览器API,包括了JS本身的语言扩展,以及各个方面的工具类库,和比较完善的UI组件库
国外10大收集Ajax/Javascript特效的站点
作者:花满楼 日期:2008-12-02
为了交互性也好,为了炫目的视觉特效也罢。Ajax 和Javascript 总能为网页凭添几份魅力。本文收集了国外10大Ajax/Javascript特效的站点, 这些站点都收集了许多Ajax 和Javascript 实例,并提供教程或演示。身为Web设计者的你,千万不要错过。
1. Ajax Rain
AjaxRain 收集网络上各种由 AJAX, CSS, DHTML 和 Javascript 实现的网页特效示例和DEMO,其中许多特效非常值得一看,即使你不是一个网页设计师或程序员。目前该站点已经收集了1127个特效示例,并且提供免费下载。
Tags: javascript ajax
IE7、IE6和火狐兼容性问题
作者:花满楼 日期:2008-11-19
一、CSS HACK
以下两种方法几乎能解决现今所有HACK。
1、!important
随着IE7对!important的支持,!important 方法现在只针对IE6的HACK。
(注意写法.记得该声明位置需要提前)
程序代码<style>
#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
}
</style>2、IE6/IE77对FireFox
*+html 与 *html 是IE特有的标签,firefox 暂不支持。
而*+html 又为 IE7特有标签。
程序代码<style>
#wrapper
{
#wrapper { width: 120px; } /* FireFox */
Tags: CSS
IIS 管理器 相关
作者:花满楼 日期:2008-11-09
IIS 管理器是一个用于配置应用程序池或网站、FTP 站点、SMTP 或 NNTP 站点的图形界面。利用 IIS 管理器,您可以配置 IIS 安全、性能和可靠性功能。可添加或删除站点;启动、停止和暂停站点;备份和还原服务器配置;创建虚拟目录以改善内容管理,这里只列出几个管理功能。在早期版本的 IIS 中,该工具名为 Internet 服务管理器。
要点 为了更好地预防恶意用户和攻击者的攻击,在默认情况下,没有将 IIS 安装到 Microsoft® Windows® Server 2003 家族的成员上。而且,当您最初安装 IIS 时,该服务在高度安全和“锁定”模式下安装。在默认情况下,IIS 只为静态内容提供服务 - 即,诸如 ASP、ASP.NET、在服务器端的包含文件、WebDAV 发布和 FrontPage® Server Extensions 功能只有在启用时才工作。如果您在安装 IIS 之后未启用该功能,则 IIS 返回一个 404 错误。您可以为动态内容提供服务,并通过 IIS 管理器中的 Web 服务扩展节点启用这些功能。同样,如果应用程序扩展未在 IIS 中进行映射,则 IIS 返回一个 404 错误。要映射扩展,请参阅设置应用程序映射。有关如何解决 404 错误(包括 404.2 和 404.3)、与 IIS 6.0 的新安装相关的问题或从低版本的 IIS 进行升级的详细信息,请参阅疑难解答。
启动 IIS 管理器
- 从“开始”菜单,指向“管理工具”,然后单击“Internet 信息服务 (IIS) 管理器”。
从“运行”对话框启动 IIS 管理器
- 从“开始”菜单,单击“运行”。
- 在“打开”框中,键入 inetmgr,然后单击“确定”。
Tags: iis
黑盒测试、白盒测试和灰盒测试的基本概念
作者:花满楼 日期:2008-11-05
1. 黑盒测试
黑盒测试也称功能测试或数据驱动测试,它是在已知产品所应具有的功能,通过测试来检测每个功能是否都能正常使用,在测试时,把程序看作一个不能打开的黑盆子,在完全不考虑程序内部结构和内部特性的情况下,测试者在程序接口进行测试,它只检查程序功能是否按照需求规格说明书的规定正常使用,程序是否能适当地接收输入数锯而产生正确的输出信息,并且保持外部信息(如数据库或文件)的完整性。
黑盒测试方法主要有等价类划分、边值分析、因—果图、错误推测等,主要用于软件确认测试。“黑盒”法着眼于程序外部结构、不考虑内部逻辑结构、针对软件界面和软件功能进行测试。“黑盒”法是穷举输入测试,只有把所有可能的输入都作为测试情况使用,才能以这种方法查出程序中所有的错误。实际上测试情况有无穷多个,人们不仅要测试所有合法的输入,而且还要对那些不合法但是可能的输入进行测试。
2. 白盒测试
白盒测试也称结构测试或逻辑驱动测试,它是知道产品内部工作过程,可通过测试来检测产品内部动作是否按照规格说明书的规定正常进行,按照程序内部的结构测试程序,检验程序中的每条通路是否都有能按预定要求正确工作,而不顾它的功能,白盒测试的主要方法有逻辑驱动、基路测试等,主要用于软件验证。
“白盒”法全面了解程序内部逻辑结构、对所有逻辑路径进行测试。“白盒”法是穷举路径测试。在使用这一方案时,测试者必须检查程序的内部结构,从检查程序的逻辑着手,得出测试数据。贯穿程序的独立路径数是天文数字。但即使每条路径都测试了仍然可能有错误。第一,穷举路径测试决不能查出程序违反了设计规范,即程序本身是个错误的程序。第二,穷举路径测试不可能查出程序中因遗漏路径而出错。第三,穷举路径测试可能发现不了一些与数据相关的错误。
Tags: 测试











