Archive for 五月, 2008

js操作select的常用方法

Posted by 机器人 on 26th 五月 2008 in php/javascript

复制代码

//添加
var Select1= document.getElementById("Select1");
1.Select1.options[0]=new Option('a','0');
或
2.Select1.options.add(new Option('a','0'));
其中1的options[0],0是索引,所以好一点
//获取当前的value值
var www=Select1.value;
//获取当前的text值
var w=Select1.options[Select1.selectedIndex].text;
//动态删除select中的所有options
Select1.options.length=0;
//动态删除select中的某一项option:
Select1.options.remove(indx);
//获取value
Select1.options[Select1.selectedIndex].value
//获取value
Select1.options[Select1.selectedIndex].text

 机器人 2008年5月26日 15:47 整理于 北京

框架是什么

Posted by 机器人 on 4th 五月 2008 in php/javascript

曾经不只一位朋友问过我这样的问题,当时由于时间问题,所以也就草草的问答了他们.

是啊,对于刚接触框架,或者刚听到框架的人来讲,都会有这样的疑问,当时我也是这样.那时还在学校时,同学小黑是最早接触框架的一个人,经常在我们面前大肆宣传框架的魅力,对于从来没有接触过框架的我来说,也只能听得一头雾水.

后来又进入了现在的公司,所以就接触了框架,慢慢的,做的项目多了,也就自然而然的感觉到框架的好处了.

在回答我们的主题之前,我们首先来讨论几件大家常发生的事情.

如果现在要开始一个新的项目,那么第一件事应该是去规划文件目录,应该设几个目录,什么样的文件应该放在A文件夹下等等这类的问题,或者就为这一问题,就要折腾老半天.又在写代码时,代码中的结构又怎么在目录中体会出来,这个我们可能又会想一阵子,这样一来,就会花大部分时间来想这样问题,就算把这些问题已经处理完毕.如果那一天,好好运行的系统出了问题,而这里你又不在,你的同事需要从修改你这个系统的bug,在他知道系统出什么样的问题的前提下,他很难第一反应就知道这样的错误在哪个文件里.

如果在公司内部,对于文件目录的建立有一套标准,类库应该放在什么文件中,模板应该放在什么目录中,数据处理和逻辑控制又应该放在什么目录中,我想这时候刚才修改系统那会同事应该会轻松很多.

如果现在要更多的事情确实下这样的规定,即怎么把一个抽象的业务分解到不同的目录中的不同的文件中去实现.如果这件事确定下来了,那位同事应该会更加轻松.

如果能把公司内部的代码风格,类之间的的联系方式建立起规范来,我想这对于各位同事来讲,是多么好啊.

如果定义一下约定如下:

所以的模板文件放template目录中,所以的数据处理程序放models中,所以的控制程序放controllers中.

那么当公司提出新用户在注册里,老是注册成功了,而登录则提示用户名不存在,对于这样的一个BUG,如果按照公司的目录结构,出现问题的文件应该放是controllers和models中的register文件,要么是controllers中的register中出现了逻辑错误,要么是models中的register在处理数据和库之间的关系时出现了问题,所以有了我们先前所定义的一套约定,可以很容易的把出现BUG的文件锁定到这两个文件,从而大大提高了我们的效率.

你可能这里会说,是啊,我平时也是这样的啊,这个和框架有什么关系吗?呵呵,其实啊,刚才我们一步一步的讨论的这个问题,就是一个框架雏形形成的过程,这里要是你在我面前,绝对是两眼瞪着我,一言不发——傻了(呵呵).

是的,这个约定就是我们的框架,我们的所有活动都必须要遵循它.框架就是一个我们必要遵循的标准,按照同一套标准出来的代码,绝对是给人一种统一规范的感觉.

那么框架有什么好处?

天呀,上面的我白写了啊,那我问你,

框架是什么?

框架是标准.

那么标准有什么好处?

标准的好处是….哦,就是提高维护性,增加可操作性,降低成本.

那现在你知道框架有什么好处了吗?

哦,知道了..

所以为了建立统一的标准,就出现了各种各样的框架,当该框架如果在全世界都在使用时,那就相当于标准全球化了,大家可想,一个全球化的标准,会给我们带来多少好处.

机器人 2008-5-4 22:29 于 北京 (今天是青年节,公司好不容易给放了半天假,回家经过学院路,遇上了堵车,所以差不多3/1的时间都给献上了,哎! 北京的交通)

转载:CSS Framework,让你事半功倍

Posted by 机器人 on 2nd 五月 2008 in php/javascript

近两年来,程序员有一句话很流行,“不要重复制造轮子”,所以出现了许许多多让我们非常受用的各种框架。Framework在开发的各个领域给我们减少了很多工作量。而对于网页设计师来说,一直以来,缺少这样的Framework来帮助设计师们减轻工作量。

 今天给大家推荐一些不错的CSS Framework:

首先是本文的主角:

logo1.png

这是一个非常轻量级而且很少侵入性的框架(这话怎么看都不是网页设计师能熟悉的,:-) ),换句话来说,这是一个很底层的CSS Framework,并没有替你实现任何布局,也没有提供很多好看的模板。它只是帮你把一些最基本的事情做掉了,剩下的交给自己来了。非常适合那些具有一 定开发经验的网页设计师使用。我做了一些中文化修改,大家如果发现问题,可以联系我。

reset.css

html, body, div, span,applet,

object, iframe,h1, h2, h3, h4, h5, h6,

p, blockquote, pre,a, abbr, acronym,

address, big, cite, code,del, dfn, em,

font, img, ins, kbd, q, s, samp,small, strike,

strong, sub, sup, tt, var,dd, dl, dt,

li, ol, ul,fieldset, form, label, legend,

table, caption, tbody, tfoot, thead,

tr, th, td {

  margin: 0;padding: 0;border: 0;

  font-weight: inherit;font-style: inherit;

  font-size: 100%;line-height: 1;

  font-family: inherit;

  text-align: left;vertical-align: baseline;

}

a img, :link img, :visited img {border: 0;}

table {border-collapse: collapse;border-spacing: 0;}

ol, ul {list-style: none;}

q:before, q:after,blockquote:before, blockquote:after {content: “”;}

首先是将绝大部分元素的样式清零,免得经常会遇到各种各样的问题。来自于Eric 的一篇文章

 global.css

body{background-color:#FFFFFF;}

body, p, td, th, li

{

 font-family: “宋体”,verdana,helvetica,sans-serif;

 font-size:0.875em;

 line-height:1.5em;

 color:#000000;

}

注意两点,这里定义了背景色和前景色,这是标准要求的,是网页可用性的一个基本方面,大家可以执行修改。

第二点,就是font-size的问题,为了让网页更好的支持网页缩放功能,应该使用em来替换px,这样会让ie6等上古浏览器也能良好的支持网 页缩放。浏览器的默认字体高都是16px,所以未经调整的浏览器在显示1em=16px。换算过来的话也就是说1px=0.0625em,也就是12px =0.75em, 10px=0.625em,通过1px=0.0625em大家可以在CSS编写时通过px转换成em。

  

/* Standard Definitions

—————————————-*/

.left {float:left;}

.right {float:right;}

.clearIt {clear:both;}

/* =10px */

.small {font-size:.625em;}

/* =14px */

.large {font-size:0.875em;}

/* =16px */

.larger {font-size:1em;}

.soft {color:#D3D3D3;}

.hide {display:none;}

p.last {margin-bottom:0px;}

提供了一些比较实用的预定义类。

print.css

感谢Hartija Css Print  Framework提供,这里面有个非常好的idea,我们来看一下,大大提高了打印效果:

/*hide various parts from the site

#header, #footer, #navigation, #rightSideBar, #leftSideBar

{display:none;}

*/

对于网页打印来说,我们更需要的是正文内容,这样可以将那些美丽的元素暂时藏掉。

打包下载:element_css_framework_modify.rar

//———————————————————————

下面介绍些其他出色的框架:

blueprint-300x70.png

y3.gif

eswat.gif

960.gif

更多请参看:http://webtecker.com/2008/04/17/list-of-css-frameworks/

 

本文来源:http://www.1x3x.net/blog/web-design/2008/04/css-framework.html

机器人 2008-05-02 17:29 于 北京