BlogJava-Snowdream-随笔分类-Web

PHP + IIS 配置成功

ZelluX — Thu, 26 Jul 2007 03:27:00 GMT

先试着用Apache2.2 + PHP，但是由于上一次删除Apache时没删干净，然后我用注册表手动删除还是有残留，结果Apache就废掉了，装也装不上，卸也卸不掉-,-
正好以前捣鼓.NET时装了IIS，就干脆用这个好了。

复制php5ts.dll和 libmysql.dll到c:\windows\system32

打开IIS配置，默认网站->属性->主目录->配置->添加/编辑应用程序扩展名映射，设置可执行文件指向php5isapi.dll文件，扩展名输入.php，选中脚本引擎和检查文件是否存在。

在IIS网站目录下新建phpinfo.php，内容为

访问http://localhost/phpinfo.php ，查看是否正确。

ZelluX 2007-07-26 11:27 发表评论

zz网页的背景色参考

ZelluX — Mon, 11 Jun 2007 03:34:00 GMT

from http://gyq.czszg.net/items/rxk06/words-color.htm

对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景，但浏览一
下大型的商业网站，你会发现他们更多运用的是白色、蓝色、黄色等，使得网页显得典
雅，大方和温馨。更重要的是，这样可以大大加快浏览者打开网页的速度。

　　一般来说，网页的背景色应该柔和一些、素一些、淡一些，再配上深色的文字，使
人看起来自然、舒畅。而为了追求醒目的视觉效果，可以为标题使用较深的颜色。下面
是我做网页和浏览别人的网页时，对网页背景色和文字色彩搭配积累的经验，这些颜色
可以做正文的底色，也可以做标题的底色，再搭配不同的字体，一定会有不错的效果，
希望对大家在制作网页时有用。

　　 BgcolorΚ″＃F1FAFA″---做正文的背景色好，淡雅

　　 BgcolorΚ″＃E8FFE8″---做标题的背景色较好

　　 BgcolorΚ″＃E8E8FF″---做正文的背景色较好，文字颜色配黑色

BgcolorΚ″＃8080C0″---上配黄色白色文字较好
　　
BgcolorΚ″＃E8D098″---上配浅蓝色或蓝色文字较好

　　 BgcolorΚ″＃EFEFDA″---上配浅蓝色或红色文字较好

　　 BgcolorΚ″＃F2F1D7″---配黑色文字素雅，如果是红色则显得醒目

　　 BgcolorΚ″＃336699″---配白色文字好看些

　　 BgcolorΚ″＃6699CC″---配白色文字好看些，可以做标题

　　 BgcolorΚ″＃66CCCC″---配白色文字好看些，可以做标题

　　 BgcolorΚ″＃B45B3E″---配白色文字好看些，可以做标题

　　 BgcolorΚ″＃479AC7″---配白色文字好看些，可以做标题

　　 BgcolorΚ″＃00B271″---配白色文字好看些，可以做标题

　　 BgcolorΚ″＃FBFBEA″---配黑色文字比较好看，一般作为正文

　　 BgcolorΚ″＃D5F3F4″---配黑色文字比较好看，一般作为正文

　　 BgcolorΚ″＃D7FFF0″---配黑色文字比较好看，一般作为正文

　　 BgcolorΚ″＃F0DAD2″---配黑色文字比较好看，一般作为正文

　　 BgcolorΚ″＃DDF3FF″---配黑色文字比较好看，一般作为正文

　　浅绿色底配黑色文字，或白色底配蓝色文字都很醒目，但前者突出背景，后者突出
文字。红色底配白色文字，比较深的底色配黄色文字显得非常有效果。

ZelluX 2007-06-11 11:34 发表评论

CSS Hacks

ZelluX — Mon, 14 May 2007 03:17:00 GMT

CSS hack是指我们为了兼容各浏览器，而使用的特别的css定义技巧。

例如
          #example {} /* Firefox */
* html #example {} /* IE6     */
*+html #example {} /* IE7     */
这段代码能够让不同的浏览器使用不同的样式

ZelluX 2007-05-14 11:17 发表评论

JavaScript 学习 - Inheritance

ZelluX — Sat, 05 May 2007 10:57:00 GMT

1. Javascript中的继承要自己模拟实现。一些常用方法：
a) Object masquerading

通过调用ClassA的生成方法，ClassB继承了ClassA的属性和方法，同时newMethod所占用的空间也被释放。

另外，Object masquerading还支持多重继承，方法类似。

b) 使用call()方法
感觉这个方法类似于Java反射机制中的invoke方法，第一个参数是个调用的对象主体，后面是被调用方法的参数。

function ClassB(sColor, sName) {
    ClassA.call(this, sColor);
    this.name = sName;
    this.sayName = function () {
        alert(this.name);
    };
}

ClassB通过调用ClassA的生成方法完成了初始化。

c) 使用apply()方法
和call()方法很相似，不同的是apply方法只有两个参数，一个是调用对象主体，一个是参数数组。
因此只要被上例的call语句改成ClassA.apply(this, new Array(sColor));即可

d) prototype链

function ClassA() {
}
ClassA.prototype.color = “red”;
ClassA.prototype.sayColor = function () {
alert(this.color);
};
function ClassB() {
}
ClassB.prototype = new ClassA();

注意被继承的类ClassA构造方法里没有任何参数。
ClassB新的属性要在prototype被赋值后再添加，否则就会被删除。
这种方法的好处在于，使用instanceof判断子类对象和父类的关系的结果是true，和面向对象的思想一致。

e) 混合
Object masquerading的缺点在于性能不好，而prototype链又只能用无参构造器。因此要把两者结合起来。

要求ClassA在创建的时候也使用了prototype和constructor方法。

f) 动态创建的类的继承

注意prototype继承这一语句是在最后执行的，也不能被封装进构造器中。

2. zInherit库
简略的看了下，基本功能Prototype框架都提供。

3.xbObjects
同样是个库，略

ZelluX 2007-05-05 18:57 发表评论

Firebug Lite for IE, Safari, Opera...

ZelluX — Sat, 05 May 2007 04:26:00 GMT

看到Firebug升级到1.0.5了，就去官网看了下
更新内容没什么，不过发现一个不错的脚本插件Firebug lite，适用于其他浏览器。
http://www.getfirebug.com/releases/firebuglite1.0-b1.zip
http://www.blogjava.net/Files/zellux/firebug.rar
使用方法很简单，解压到要测试的网页目录下（包括目录）
在html中加入

然后在html标签中声明

就可以在网页中使用Ctrl+Shift+F12打开Firebug的控制栏进行调试了。

ZelluX 2007-05-05 12:26 发表评论

JavaScript 学习 - Object Basics

ZelluX — Fri, 04 May 2007 15:06:00 GMT

摘要: 1. 面向对象语言的四个要素：封装、聚合(Aggregation)、继承、多态。ps. Aggragation - the capability to store one object inside of another object（貌似这本书并没有区分Object-based和Object-oriented）2. 创建对象基本和Java一样，但对于无参构造器，也可以使用类似Delphi的没有括... 阅读全文

ZelluX 2007-05-04 23:06 发表评论

JavaScript 学习 - Functions

ZelluX — Fri, 04 May 2007 14:20:00 GMT

越来越发现JavaScript其实是一门很强大、很精深的语言，要好好学习下。
以下例子都摘自于Professional JavaScript for Web Developers

1. JavaScript中函数不能重载。

2. 每个函数有一个对应的arguments[]数组，包含所有的参数，且数量不需固定。

function howManyArgs() {
alert(arguments.length);
}

3. 函数也是一个对象，使用Function类创建函数的方法是：
var function_name = new Function(argument1, argument2,..,argumentN, function_body);
这里所有的参数都必须是字符串。

var sayHi = new Function("sName", Message", "alert(\"Hello \" + sName + \", \" + sMessage + \”);”);

从这个角度看，不支持函数重载的原因也很简单。

doAdd = new Function("iNum", "alert(iNum + 100)");
doAdd = new Function("iNum", "alert(iNum + 10)");
doAdd(10);

可以推出的几个结论：
a) 第二次函数声明使得doAdd指向了另一个对象，自然不可能实现重载。
b) 函数可以通过句柄很容易的复制。
c) 函数能作为参数传递给另一个函数。
d) func.toString()可以得到函数的具体内容。

4. 闭包 Closure
简单的定义就是使用了函数体之外的引用。

var sMessage = “Hello World!”;
function sayHelloWorld() {
alert(sMessage);
}
sayHelloWorld();

var iBaseNum = 10;
function addNumbers(iNum1, iNum2) {
    function doAddition() {
        return iNum1 + iNum2 + iBaseNum;
    }
    return doAddition();
}

例二中的内嵌方法doAddition()使用了外部方法的参数。

ZelluX 2007-05-04 22:20 发表评论

jQuery框架和Interface插件

ZelluX — Thu, 03 May 2007 06:09:00 GMT

jQuery1.1 API 英文版：http://jquery.org.cn/visual/
jQuery1.1 API 英文版：http://jquery.org.cn/visual/cn/index.xml

Interface 插件：http://interface.eyecon.ro/

Google到了这两个好东东，写Javascript方便不少，试着把Project2重写了一下。

1. 隐藏窗口只要简单地
$("a.closeButton").parent().parent().parent().fadeOut("slow");
就可以了，而且还有其他移出、缩小等效果可以选择。

2. 拖动
$("div.miniframe").Draggable({
snapDistance: 10,
frameClass: "frameClass",
});
在CSS中定义.frameClass为被拖动状态时的miniframe样式。

3. 获取输入框文本
var str = $("input[@id=idnumber]").val();
获取列表选中项
$("select[@id=bornyear]").val()

4. 修改文本属性
$("#author").text("游客");

ZelluX 2007-05-03 14:09 发表评论

小结下 Web应用课 Project 2

ZelluX — Wed, 25 Apr 2007 10:25:00 GMT

尽管是两星期前完成的，不过还是养成好习惯，写下心得吧
1. 工具方面，Firebug真不错，大大提高了开发速度。IE的Developer Toolbar界面倒不错，不过好像稳定性不高，经常crash。
2. 在用js判断用户注册时，遇到验证成功后再次验证就会失败的问题。原因在于开启了正则表达式global选项，在第一次匹配后，检测指针会指向最后一个换行符，于是第二次检测就会失败。
3. CSS的级联特性很方便，只要把body的className属性改掉后，所有的级联子节点都会相应地改变样式，不像swing中需要一堆repaint() -,-
4. 要通过js修改网页的某处文字，一开始我通过修改someNode.firstChild.nodeValue，后来发现有textContent和innerHTML属性。不过貌似前者在IE中会出现问题，而后者IE和Firefox下表现也不完全一样，需要小改动。
4. js中可以很方便的动态创建网页标签，好像是createElement(elementType)方法（Project2的代码手头没有，只能凭记忆了），然后设置下newNode的属性，再通过父节点的addChild方法加入就行了。注意newNode的parentNode是只读的。
5. js访问cookie也不难，从一本电子书上复制粘贴了getCookie和setCookie两个方法，可以很方便地对cookie进行操作。

EyesOnMe.txt
完成模块：
1. 用户登录与注销
   1) FF下需允许JavaScript修改状态栏
   2) FF下还有个小bug，举例说明：
      输入test@aaa.com，登录成功
      修改文本框中的字符，比如修改成test@aa.com，再次登录，提示登录失败，此时根据要求文本框内容清空
      再次输入test@aa.com，登录成功
      有点诡异，不过要防止这个bug只要在登录后把onsubmit功能取消掉就行了。IE6下没有这个问题。

2. 用户注册
3. 界面模块
4. 选做1：实现组件在页面内的自由拖放
5. 飞行游戏模块及选做2
“增加星星”功能可以在运行时动态生成星星。

1) 在实现多个星星的控制的时候我使用了一个spacestar数组，发现访问该数组成员时，不能使用for each循环
     如果使用
     for (star in spacestar) {...}
     这样star只会是一个字符串，并不是指向各元素的句柄。
     但是使用
     for (i = 0; i     然后通过spacestar[i]来访问，可以得到各元素的句柄。

2) 新创建的星星div会自动排在原来div的后面，因此在设置top属性的时候作了相关修正：
     starY = Math.round(Math.random() * 130) - i * 30;
     不过好像星星一多还是会有越界的现象发生，IE6下更为严重。

3) 一开始发现IE6不支持飞行游戏模块，以为是IE6不支持createElement方法，后来才发现原来是某两个语句后面少打了分号，FF自动修复

了，IE6没修复，就无法执行了，如果浏览器脚本语言支持Python就好了 =_

6. 必做组件：便笺簿
觉得做为桌面Widget还是便笺比较有用，使用了cookie保存便笺内容，并支持动态生成、创建便笺的功能。
自认这个组件创意不咋的，不过技术含量还是挺高的 ^_^

7. 代码风格

思考：
1. 我觉得跨浏览器关键靠经验，刚开始学得每写一点代码就在不同浏览器中调试下，某些功能针对不同的浏览器使用不同的js方法。
   1) 在便笺簿模块中，生成新的便签的时候，链接文字使用
      oNoteSetter.contentText = " 读取";
      在FF下正常，在IE6下无效；后来google了下，改用
      oNoteSetter.innerHTML=" 读取";
      后FF和IE6下均通过。

2. 做这个project之前，我也不知道JavaScript居然有那么强大的功能，翻了Professional JavaScript for Web Developers和Making Use of

Javascript才知道原来可以动态生成元素、修改cookie。CSS的级联特性也很不错，要是用Java的Swing组件估计要痛苦地repaint()了。

ZelluX 2007-04-25 18:25 发表评论

CSS - Setting the Foundations

ZelluX — Sun, 22 Apr 2007 12:25:00 GMT

2007-03-24　22:17:50

继续保持记笔记的习惯。

CSS Mastery: Advanced Web Standards Solutions

1. 应该只在没有现有元素能够实现区域分割的情况下使用div元素。如
>div id="mainNav"<
>ul<
>li<1>/li<
...
>/ul<
>/div<
就应当使用
>ul id="mainNav"<
...
>/ul<
代替

2. 伪类(Pseudo-classes)
如a:link a:visited 称为链接伪类，只能用于锚(anchor)元素。
input:focus tr:hover a:active 称为动态伪类，理论上可以应用于任何元素。

3. 通用选择器(the universal selector)
* {
margin: 0px;
}
作用于所有元素。

4. 高级选择器
Firefox Safari 均支持，IE 6及更低版本不支持，因此在重要元素上要避免使用。
1)子选择器
如#nav < li仅作用于nav的第一层li，li中包含的列表项不受影响
2)属性选择器
abbr[title] {border-bottom: 1px dotted #999;}
abbr[title]:hover {cursor: help;}
修改了abbr的title属性，不过第一行貌似在IE7中也没有效果，Firefox下可以。

ZelluX 2007-04-22 20:25 发表评论