摘要: 服务端配置
cas是个好东西，很灵活很好用，但是配置起来很麻烦，网上资料比较零碎。不弄个三五天根本不知道其中的原理，终于在多天的奋斗中配置成功，现在将配置的一些过程记录下来供大家参考。
cas官方网站
http://www.jasig.org/cas
下载最新的服务端 CAS Server 3.3.3 Final
解压后将modules下面的cas-server-webapp-3.3...
阅读全文
posted @
2009-10-20 18:21 流腥鱼 阅读(20425) |
评论 (13) |
编辑 收藏
eclipse 中使用 svn 插件，原本正常，未作任何更改，突然有一天， eclipse 中查看文件时，文件后面的 版本号 、 文件的状态图标 等等都不见了。
检查插件都在，更新，提交等操作都能正常使用，唯独看不到状态了。
经过一番查找，找到问题解决办法。
打开 ： windows ->preferences->General->Appearance->Lable Decorations 勾选其中的 SVN 项即可。
同时，还可以打开 windows ->preferences->Team -> SVN 中做相关设置。
posted @
2009-05-21 12:19 流腥鱼 阅读(1461) |
评论 (3) |
编辑 收藏之前看到很多人一直都问这个问题，不过当时我没当一回事，因为在 CSS 中要垂直居中，多数是在有高度的情况下，或者容器高度不定的情况下才用，看上去比较舒服，而且实现的方法也不少，不一定要拘泥于和 table 布局一样。不过最近有人问了几个例子，看来对此的需求还不少。现在就把我经验拿出来分享一下，希望大家鼓鼓掌。
首先，要有一个概念：凡是 table 布局可以实现的，CSS 一定可以实现。CSS 可以实现的，table 未必能做到。
现在来几个例子：
一、单行内容的居中
只考虑单行是最简单的，无论是否给容器固定高度，只要给容器设置 line-height 和 height，并使两值相等，再加上 over-flow: hidden 就可以了
.middle-demo-1{
height: 4em;
line-height: 4em;
overflow: hidden;
}
优点：
1. 同时支持块级和内联极元素
2. 支持所有浏览器
缺点：
1. 只能显示一行
2. IE中不支持<img>等的居中
要注意的是：
1. 使用相对高度定义你的 height 和 line-height
2. 不想毁了你的布局的话，overflow: hidden 一定要
为什么？
请比较以下两个例子：
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
上一个高度是用的绝对单位px，并且没有隐藏溢出，下一个高度用的单位是相对单位em，并且隐藏了溢出。如果你的浏览器支持放大字体，那么尽情地放大字体，看看会出现什么效果。
二、多行内容居中，且容器高度可变
也很简单，给出一致的 padding-bottom 和 padding-top 就行
.middle-demo-2{
padding-top: 24px;
padding-bottom: 24px;
}
优点：
1. 同时支持块级和内联极元素
2. 支持非文本内容
3. 支持所有浏览器
缺点：
容器不能固定高度
三、把容器当作表格单元
CSS 提供一系列diplay属性值，包括 display: table, display: table-row, display: table-cell 等，能把元素当作表格单元来显示。这是再加上 vertical-align: middle, 就和表格中的 valign="middle" 一样了。
.middle-demo-3{
display: table-cell;
height: 300px;
vertical-align: middle;
}
可惜IE不支持这些属性，不过在其他浏览器上显示效果非常完美。
要注意的是：和一个合法的<td>元素必须在<table>里一样，display: table-cell 元素必须作为 display: table 的元素的子孙出现。
优点：
不用说了吧，就是表格，效果和表格一模一样
缺点：
IE下无效
四、以毒攻毒！用 IE 的 bug 解决 IE 中的绝对居中
先不得不说一句，IE 真的是个很烂的浏览器，CSS1中的定义都不支持，害得要我们转个大圈子来造居中。不过就像我说的，凡是 table 布局可以实现的，CSS 一定可以实现，即使在 IE 里也不例外。我研究 IE layout 模式多年，还是找出了一个可以在 IE 中绝对居中的方法。这个方法就是基于 IE layout 的 bug，也可以算以毒攻毒。至于原理，不要问我，这是独门秘学，何况三言两语也讲不清楚，只要好用就行
.middle-demo-4{
height: 300px;
position: relative;
}
.middle-demo-4 div{
position: absolute;
top: 50%;
left: 0;
}
.middle-demo-4 div div{
position: relative;
top: -50%;
left: 0;
}
五、整合三和四，写出支持所有浏览器的垂直居中容器！
思路是利用 IE 和 非IE 浏览器的 CSS hack, 整合三和四的CSS，写出兼容主流浏览器的垂直居中容器。具体代码就不给出了，大家权当作练习练习。例子可以在下面的附录中找到。
最终实测支持的浏览器：IE6+, Mozilla 1.7, Netscape Navigator 8, Opera 8.0+, Firefox 1.0+ 和 Safari 1.0+IE5 下需要加上对合适模型的补正。
推测支持的浏览器：Mozilla 1.5+, Netscape Navigator 7+, Opera 7+
未测试浏览器：Konqueror
最后附上自己写的，所有居中布局的范例网页，大家不明白可以参考。
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
posted @
2009-04-17 19:59 流腥鱼 阅读(450) |
评论 (0) |
编辑 收藏现阶段我们在开发报表的时候，是使用jdbc链接数据库的，为提高报表的运行效率和稳定性，使用连接池进行管理。比较简便和低耦合的解决办法，使用jndi连接池。
jdbc和jndi的区别
JDBC -最基本的连接数据库的方式， 每次对数据库打交道的时候 ，连接数据库是需要实例下你实现连接数据库的方法或者类。
JNDI DataSource 英文全称是:Java Naming and Directory Interface java 命明接口，当服务启动时 事先把连接数据库的已经连好多条，具体多少条你可以设置，存放在tomcat容器里，用的时候可以直接使用， 不用再实例化得到连接， 相对与jdbc效率要快点
在eclipse设计报表的时候，我们使用jdbc链接数据库做测试，当到了tomcat运行环境中切换到jndi连接池，这是比较方便的开发方法。
实现步骤：
1.tomcat配置jndi连接池
在 {tomcat目录}\webapps\{项目名}\META-INF 中新增context.xml文件，配置代码如下
<?xml version="1.0" encoding="UTF-8"?>
<Context>
<Resource
auth="Container"
name="jdbc/travel_agency"
type="javax.sql.DataSource"
maxIdle="5"
maxWait="-1"
driverClassName="com.mysql.jdbc.Driver"
username="itravel"
password="709394"
url="jdbc:mysql://192.168.1.100/travel_agency?useUnicode=true&characterEncoding=UTF-8"
maxActive="10"/>
</Context>2.在web.xml中加入配置
<resource-ref>
<description>Database Source</description>
<res-ref-name>jdbc/travel_agency</res-ref-name>
<res-type>javax.sql.DataSource</res-type>
<res-auth>Container</res-auth>
</resource-ref>
3.实例报表中数据源代码
1 <data-sources>
2 <oda-data-source extensionID="org.eclipse.birt.report.data.oda.jdbc" name="数据源" id="227">
3 <property name="odaDriverClass">com.mysql.jdbc.Driver</property>
4 <property name="odaURL">jdbc:mysql://192.168.1.100/travel_agency</property>
5 <property name="odaUser">itravel</property>
6 <encrypted-property name="odaPassword" encryptionID="base64">NzA5Mzk0</encrypted-property>
7 <property name="odaJndiName">java:comp/env/jdbc/travel_agency</property>
8 </oda-data-source>
9 </data-sources>
除了第7行 <property name="odaJndiName">java:comp/env/jdbc/travel_agency</property>，其余是我们的之前的配置。用了第7行的代码，表示该报表支持jndi数据源，birt在运行报表的时候，会先用jndi去连接，如果失败了再用jdbc链接，这样做的好处就是，我们在开发报表的时候，没有放到web环境中，可以使用jdbc，当放到tomcat中，因为有了第7行的配置。默认采用jdni连接。
posted @
2009-03-19 10:46 流腥鱼 阅读(3624) |
评论 (2) |
编辑 收藏从论坛的一篇文章（http://www.javaeye.com/topic/335078）得知，在BIRT VIEWER SERVLET内部也有认证接口代码，只是简单的返回了true，没有做处理。BIRT VIEWER SERVLET是报表处理的入口，该接口如果返回flase，那么报表将不会显示，目标就是在该接口加入我们自己的逻辑实现，本阶段先实现简单的安全认证，即在没有登录的情况下无法访问报表。
处理步骤：
1.把birt viewer项目和现有项目整合在一起（为了让birt viewer项目能获取到现有项目的session）
2.修改BIRT VIEWER SERVLET类，该类源码在org.eclipse.birt.report.servlet.BirtEngineServlet下面，找到函数经行修改，红色为新增部分
/**
* Local authentication.
*
* @param request
* incoming http request
* @param response
* http response
* @return
*/
protected boolean __authenticate( HttpServletRequest request,
HttpServletResponse response )
{
//报表权限，没有登录访问不了
if(request.getSession().getAttribute("user")==null)
{
return false;
}
return true;
}
3.将该类编译后放进BIRT包里面。
posted @
2009-03-19 10:42 流腥鱼 阅读(2016) |
评论 (2) |
编辑 收藏
http://www.overset.com/2008/05/12/multiday-calendar-datepicker-jquery-plugin/
posted @
2009-02-17 00:26 流腥鱼 阅读(1762) |
评论 (1) |
编辑 收藏1.组织机构的完善
工作流中的权限设置往往是比较复杂的，如审批中经常需要某部门的主管审批，或者某个人的上级领导审批等等。
为了满足需求的多样化，在原来的组织机构基础上引入岗位的模型，每个员工都对应一个部门和一个岗位。部门中设置主管的岗位。有个这个关系，这样可以比较清楚地查找某个人的上级领导，或者是某个部门的主管。
2.工作流节点中设置执行者方案
6种方式定义执行者
1.指定人
通过在组织结构树中点选具体的某些人。
2.指定岗位
在岗位树中指定执行的岗位。
3.指定部门
在组织机构树中指定执行的部门
4.指定角色
角色是某些逻辑上相识的一个组定义。选择某个角色。
5.相对执行人
在流程还没有开启之前，执行者是谁是未知的，所以这里的指定是相对的，当流程开启的时候才能确定，这里可以设置相对执行人的部门主管、相对执行人的上级主管、相对执行人的所在部门、执行人自己这4个情况。
6.表单确定
有些流程不在定义的时候确定，是由上一节点执行者确定的。
前五种方式可以混合，只要登录者复合定义制定人的并集，就有权限在待办任务中看到等待处理任务并有权限执行。
posted @
2009-02-12 17:27 流腥鱼 阅读(1861) |
评论 (1) |
编辑 收藏
ps -ef |grep tomcat
kill -9 端口
posted @
2009-01-09 18:28 流腥鱼 阅读(990) |
评论 (0) |
编辑 收藏前段时间有个JSP网站要在服务器上部署，由于服务器上根本没配置过jsp环境，于是装了Jdk和Tomcat，过程还算顺利，很快就安装好了，但是Tomcat的默认端口是8080，访问网站也带个端口多么不爽，因为服务器上有很多ASP站点，又不能不用IIS，于是第一个想到的便是跟IIS6.0整合，baidu google了大半天，搜出来文章倒是很多，也不知是由于我安装的是最新的JDK和Tomcat，的原因还是权限原因（为了安全，更改过多处权限），总之就是不成功，换了两台服务器也没配置成功，到最后不是不能正确运行，就是提示函数不正确，到网上搜，很多人问之类的问题，但几乎没有人正了把经回答的，有些“热心”的倒还说两句“重装一下看看?”“再从头到尾检查一遍试试”。。。算了还是自己搞吧。
继续搞啊搞，还是不行，最后干脆不搞了，心想即使弄好了，性能还不知怎么样呢。于是想另外的解决方法，因为服务器所在的网络有空闲的ip，便想何不让IIS用一个ip，Tomcat用一个ip，都使用80端口？问了几个人都说不行，两个软件用同一个端口那不冲突么，也有的说两个ip那得需要两块网卡啊。服务器上倒是有两块网卡，但就插了一根网线，另一个闲着。我就是要用一块网卡，两个ip，因为在TCP/ip协议属性-》高级中，一块网卡是可以添加多个ip地址的，iis与Tomcat分别监听不同ip的80端口，OK，开始吧。
我们知道IIS默认情况下是监听所有ip地址的80端口的，也就是说，在网站属性中只要选择“全部未分配”，则该网站就可以使用所有本机可用的ip地址。显然这个不符合我们现在的要求，我们首先将IIS所有站点当中全部改为指定IIS要监听的IP地址，包括默认站点，例如全部改为61.156.31.1。再在网卡中加一个ip，也就是在TCP/ip高级属性中再加一个可用的ip，这样一块网卡就可以使用两个或更多个ip了，看似很简单的操作可能有很多人不知道，认为一块网卡只能设一个ip，呵呵。
接下来最关键的一步开始了，便是禁用IIS的套接字池(如果这一步没调好，便不会成功)，在微软官方网站上有解释：
http://support.microsoft.com/kb/238131/zh-cn
概要
在下列情况下，您可能需要禁用套接字池：
1、承载的站点数目不多。
2、有特殊的安全考虑。
3、另一个应用程序或服务器需要某个 IP 地址上的端口 80。
更多信息
套接字池会导致“Internet 信息服务”(IIS) 侦听所有 IP 地址，这样，可能会对具有多个网络的安全域造成安全隐患。另外，带宽调节和性能调整会应用于所有针对同一端口（例如，端口 80）进行配置的 Web 站点。如果基于每个站点进行带宽调节或性能调整，则必须禁用套接字池。
由于 DisableSocketPooling 在 IIS 6.0 元数据库架构 (MBSchema.xml) 中被定义为有效属性，所以，您仍然可以使用 Adsutil.vbs 设置该属性，但这种设置不起作用。IIS 6.0 中的功能是新增的核心级别驱动程序HTTP.sys 的一部分。要配置 HTTP.sys，您必须使用Httpcfg.exe。 有关如何在 IIS 6.0 中禁用套接字池的其他信息，请单击下面的文章编号，以查看 Microsoft 知识库中相应的文章：
813368 (http://support.microsoft.com/kb/813368/) IIS 6.0：设置配置数据库数据 DisableSocketPooling 没有作用
要禁用套接字池，请执行下列步骤：
1. 打开命令提示符并确保您位于 X:\Inetpub\Adminscripts 文件夹（其中 X 是 IIS 安装驱动器）中。为此，请在命令提示符下键入以下
行：
X:
CD\Inetpub\Adminscripts
2. 打开 Adminscripts 文件夹后，请在命令提示符下键入以下行：
cscript adsutil.vbs set w3svc/disablesocketpooling true
3. 该命令反馈如下：
disablesocketpooling :(BOOLEAN) True
4. 停止 IIS Admin 服务，然后再启动它。
5. 重新启动 WWW 服务。
好了，接下来设置IIS要监听的ip地址。到2003的CD下的 support/tools/Support.cab。解压出httpcfg.exe文件，COPY到
windows/system32/目录下，用法自己看帮助
命令行：
绑定到某IP： httpcfg set iplisten -i 61.156.31.1
即命令使用IIS的只监听指定的IP及端口
查看绑定： httpcfg query iplisten
删除绑定： httpcfg delete iplisten -i 61.156.31.1
IIS部分到此就设置好了，接下来设置Tomcat，当然或者你用Apache，Resin等也都可以，在Tomcat的配置文件Server.xml里找到
<Connector port="80" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443"/>
<Connector port="80" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" address="61.156.31.2"/>
在后面添加上需要Tomcat监听的ip地址即可，例如：address="61.156.31.2" Apache，Resin或者其他WEB服务器软件都应该有相应的设置的，自己找一下即可。
好了接下来重启IIS，重启Tomcat或Apache，怎么？启动失败？提示端口占用？是啊，我也遇到这种情况，捣鼓了大半天要是再不成功我就要放弃了。实在无奈之下重启了一下服务器，哇，好啦。测试一下61.156.31.1访问的是IIS，61.156.31.2访问的是Tomcat可爱的大猫。
实际上，实现IIS和Apache或Tomcat公用80的方法还很多，例如IIS设置8080，Apache设置80，利用Apache反向代理IIS的8080，当然也可以用NT下面的squid。或者在IIS中安装IIS的Isapi Rewrite，利用IIS的反向代理代理Apache，当然如果IIS站点少，Apache站点多就用第一种方法，IIS站点多，Apache站点少就用第二种方法，但这两种方法在性能上都不是很好，Apache在Windows下的反向代理也有BUG，经常出现Proxy Error的提示，至于IIS的反向代理没用过，因为IIS的ISAPI带反向代理功能的是要收费的。http://www.xpb.cn/blog/623.html
posted @
2008-12-26 18:36 流腥鱼 阅读(3551) |
评论 (1) |
编辑 收藏
eclipse 中使用 svn 插件，原本正常，未作任何更改，突然有一天， eclipse 中查看文件时，文件后面的 版本号 、 文件的状态图标 等等都不见了。
检查插件都在，更新，提交等操作都能正常使用，唯独看不到状态了。
经过一番查找，找到问题解决办法。
打开 ： windows ->preferences->General->Appearance->Lable Decorations 勾选其中的 SVN 项即可。
posted @
2008-12-16 16:34 流腥鱼 阅读(1049) |
评论 (1) |
编辑 收藏
Axis框架来自 Apache 开放源代码组织，它是基于JAVA语言的最新的 SOAP 规范（SOAP 1.2）和 SOAP with Attachments 规范（来自 Apache Group ）的开放源代码实现。下面是它的核心引擎的体系结构图：
下面以
http://www.webxml.com.cn/webservices/DomesticAirline.asmx?Wsdl 航班查询服务为例来分析开发客户端的步骤。
1.首先从
http://ws.apache.org/axis/index.html上下载axis的程序包。
2.运行cmd，进入下载包解压后的目录，运行 Java -Djava.ext.dirs=lib org.apache.axis.wsdl.WSDL2Java -p client
http://www.webxml.com.cn/webservices/DomesticAirline.asmx?Wsdl
（其中-p是生成代码的包名，根据需要设置）
然后把生成的代码拷贝到项目里面。
3.拷贝axis里面的包到工程里面。
4.客户端代码。
public List<TicketInfo> getDomesticAirlinesTime(String startCity, String lastCity, String theDate) throws RemoteException, ServiceException 
{
DomesticAirline service = new DomesticAirlineLocator();
GetDomesticAirlinesTimeResponseGetDomesticAirlinesTimeResult airlines;
airlines = service.getDomesticAirlineSoap12().getDomesticAirlinesTime(startCity, lastCity,theDate, null);
MessageElement[] FOCElement = airlines.get_any();
List FOCElementHead = FOCElement[0].getChildren();//消息头,DataSet对象
List FOCElementBody = FOCElement[1].getChildren();//消息体信息,DataSet对象
String nn = FOCElementBody.get(0).toString();//消息体的字符串形式
SAXReader reader = new SAXReader();
Document document = null;
try {
document = document = DocumentHelper.parseText(nn);
} catch (Exception e) {
// TODO Auto-generated catch block
System.out.println(e.toString());
}
Element root = (Element)document.getRootElement(); // 得到根元素
List<TicketInfo> ticketInfoList = new ArrayList<TicketInfo>();
for (Object e : root.elements())
{
TicketInfo ticketInfo = new TicketInfo();
Element element = (Element) e;
ticketInfo.setAirlineCompany(element.elementText("Company"));
ticketInfo.setFlightNumber(element.elementText("AirlineCode"));
ticketInfo.setStartAirport(element.elementText("StartDrome"));
ticketInfo.setEndAirport(element.elementText("ArriveDrome"));
ticketInfo.setAirCraftType(element.elementText("Mode"));
SimpleDateFormat myFmt=new SimpleDateFormat("HH:mm");
try {
ticketInfo.setStartTime(myFmt.parse(element.elementText("StartTime")));
ticketInfo.setEndTime(myFmt.parse(element.elementText("ArriveTime")));
} catch (ParseException e1) {
// TODO Auto-generated catch block
e1.printStackTrace();
}
ticketInfoList.add(ticketInfo);
}
return ticketInfoList;
}
}
本来客户端代码应该是比较简单的，但是这个例子的webservice服务端是用.net写的，查询后返回DataSet类型，java没有对应的类型，所以只能把返回后的结果用xml来解析，然后在放入java的数据对象里面。
posted @
2008-12-04 10:04 流腥鱼 阅读(2857) |
评论 (0) |
编辑 收藏
1.连接数据库 conn system/password@//192.168.1.100:1521/dbcms
2.创建用户 create user newuser identified by password;
3.授权 GRANT CREATE USER,DROP USER,ALTER USER ,CREATE ANY VIEW ,DROP ANY VIEW,EXP_FULL_DATABASE,IMP_FULL_DATABASE,DBA,CONNECT,RESOURCE,CREATE SESSION to newuser
导出命令，任选其一：
1 将数据库TEST完全导出,用户名system 密码manager 导出到D:\daochu.dmp中
exp system/manager@TEST file=d:\daochu.dmp full=y
2 将数据库中system用户与sys用户的表导出
exp system/manager@TEST file=d:\daochu.dmp owner=(system,sys)
3 将数据库中的表inner_notify、notify_staff_relat导出
exp aichannel/aichannel@TESTDB2 file= d:\data\newsmgnt.dmp tables=(inner_notify,notify_staff_relat)
4 将数据库中的表table1中的字段filed1以"00"打头的数据导出
exp system/manager@TEST file=d:\daochu.dmp tables=(table1) query=\" where filed1 like '00%'\"
导入命令，任选其一：
1 将D:\daochu.dmp 中的数据导入 TEST数据库中。
imp system/manager@TEST file=d:\daochu.dmp
imp aichannel/aichannel@HUST full=y file=file= d:\data\newsmgnt.dmp ignore=y
上面可能有点问题，因为有的表已经存在，然后它就报错，对该表就不进行导入。
在后面加上 ignore=y 就可以了。
2 将d:\daochu.dmp中的表table1 导入
imp system/manager@TEST file=d:\daochu.dmp tables=(table1)
posted @
2008-11-18 14:30 流腥鱼 阅读(264) |
评论 (0) |
编辑 收藏
摘要:
l FreeMarker是一个模板引擎，一个基于模板生成文本输出的通用工具，使用纯Java编写
l FreeMarker被设计用来生成HTML Web页面，特别是基于MVC模式的应用程序
...
阅读全文
posted @
2008-09-24 15:17 流腥鱼 阅读(633) |
评论 (0) |
编辑 收藏在Firefox2中某些情况下输入框虽然可以输入，但在获取焦点时没有文本输入光标的显示，这个是非常恶心的bug，非常容易让表单使用者有一种不能输入的错觉，即使后来尝试知道可以输入，但也无法判断光标定位在哪儿。虽然庆幸的是Firefox3中解决了这个bug，但Firefox3还在beta阶段，取代Firefox2还是需要一些时间的，下面就来仔细说一下这个问题：
一、样式为{position:absolute;}的容器中的表单输入框在样式为类似{overflow:auto;}的容器区域中失去光标
可以通过 例一到例六 来了解最常见的情况。
如果想整个body都出现失去光标，可以设置html和body两个容器，请看 示例 。包括举例的overflow:auto在内能引起该Bug的overflow属性共有：
overflow:auto
overflow-x:auto;
overflow-y:auto;
overflow:scroll;
overflow-x:scroll;
overflow-y:scroll;
overflow-x:hidden;
overflow-y:hidden;
除了避免使用overflow属性的其他解决方案：
- 利用overflow:hidden代替产生bug的oveflow属性
- 在具有上述overflow属性的容器中加入position:relative，请看 实例 。
- 在positon:absolute的容器上加入同样的oveflow属性，同时注意在页面出现的顺序，见 例四
- 为使用能产生bug的oveflow属性的容器选择合适的标签，比如fieldset，见 例六。
二、样式为{position:absolute;}的容器中的表单输入框在iframe容器区域中失去光标
可以通过 例七 来了解这个情况。IE6中为了解决下拉列表级别过高问题，往往需要用iframe来遮盖它，偶尔疏忽忘记做浏览器限定就有可能导致上面的问题。
现在看来Firefox2对iframe的处理bug还真不少，比如以前就发现了Firefox返回时Iframe的显示Bug。
posted @
2008-06-25 16:34 流腥鱼 阅读(304) |
评论 (1) |
编辑 收藏 JS 对象介绍 1.document.formName.item("itemName") 问题
说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["elementName"].
解决方法:统一使用document.formName.elements["elementName"].
2.集合类对象问题
说明:IE下,可以使用()或[]获取集合类对象;Firefox下,只能使用[]获取集合类对象.
解决方法:统一使用[]获取集合类对象.
3.自定义属性问题
说明:IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute()获取自定义属性;Firefox下,只能使用getAttribute()获取自定义属性.
解决方法:统一通过getAttribute()获取自定义属性.
4.eval("idName")问题
说明:IE下,,可以使用eval("idName")或getElementById("idName")来取得id为idName的HTML对象;Firefox下只能使用getElementById("idName")来取得id为idName的HTML对象.
解决方法:统一用getElementById("idName")来取得id为idName的HTML对象.
5.变量名与某HTML对象ID相同的问题
说明:IE下,HTML对象的ID可以作为document的下属对象变量名直接使用;Firefox下则不能.Firefox下,可以使用与HTML对象ID相同的变量名;IE下则不能。
解决方法:使用document.getElementById("idName")代替document.idName.最好不要取HTML对象ID相同的变量名,以减少错误;在声明变量时,一律加上var,以避免歧义.
7.input.type属性问题
说明:IE下input.type属性为只读;但是Firefox下input.type属性为读写.
9.event.x与event.y问题
说明:IE下,even对象有x,y属性,但是没有pageX,pageY属性;Firefox下,even对象有pageX,pageY属性,但是没有x,y属性.
解决方法:使用mX(mX = event.x ? event.x : event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX.
10.event.srcElement问题
说明:IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event对象有target属性,但是没有srcElement属性.
解决方法:使用obj(obj = event.srcElement ? event.srcElement : event.target;)来代替IE下的event.srcElement或者Firefox下的event.target.
13.frame问题
以下面的frame为例：
<frame src="xxx.html" id="frameId" name="frameName" />
(1)访问frame对象:
IE:使用window.frameId或者window.frameName来访问这个frame对象.
Firefox:只能使用window.frameName来访问这个frame对象.
另外，在IE和Firefox中都可以使用window.document.getElementById("frameId")来访问这个frame对象.
(2)切换frame内容:
在IE和Firefox中都可以使用window.document.getElementById("testFrame").src = "xxx.html"或window.frameName.location = "xxx.html"来切换frame的内容.
如果需要将frame中的参数传回父窗口，可以在frme中使用parent来访问父窗口。例如：parent.document.form1.filename.value="Aqing";
14.body问题
Firefox的body在body标签没有被浏览器完全读入之前就存在；而IE的body则必须在body标签被浏览器完全读入之后才存在.
例如：
Firefox：
<body>
<script type="text/javascript">
document.body.onclick = function(evt){
evt = evt || window.event;
alert(evt);
}
</script>
</body>
IE&Firefox：
<body>
</body>
<script type="text/javascript">
document.body.onclick = function(evt){
evt = evt || window.event;
alert(evt);
} </script>
15. 事件委托方法
IE：document.body.onload = inject; //Function inject()在这之前已被实现
Firefox：document.body.onload = inject();
有人说标准是：
document.body.onload=new Function('inject()');
16. firefox与IE(parentElement)的父元素的区别
IE：obj.parentElement
firefox：obj.parentNode
解决方法: 因为firefox与IE都支持DOM,因此使用obj.parentNode是不错选择.
17.innerText在IE中能正常工作，但是innerText在FireFox中却不行.
解决方法:
if(navigator.appName.indexOf("Explorer") > -1){
document.getElementById('element').innerText = "my text";
} else{
document.getElementById('element').textContent = "my text";
}
18. FireFox中类似 obj.style.height = imgObj.height 的语句无效
解决方法：
obj.style.height = imgObj.height + 'px';
19. ie,firefox以及其它浏览器对于 table 标签的操作都各不相同，在ie中不允许对table和tr的innerHTML赋值，使用js增加一个tr时，使用appendChile方法也不管用。
解决方法：
//向table追加一个空行：
var row = otable.insertRow(-1);
var cell = document.createElement("td");
cell.innerHTML = " ";
cell.className = "XXXX";
row.appendChild(cell);
20. padding 问题
padding 5px 4px 3px 1px FireFox无法解释简写,
必须改成 padding-top:5px; padding-right:4px; padding-bottom:3px; padding-left:1px;
21. 消除ul、ol等列表的缩进时
样式应写成:list-style:none;margin:0px;padding:0px;
其中margin属性对IE有效，padding属性对FireFox有效
22. CSS透明
IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
FF：opacity:0.6。
23. CSS圆角
IE：不支持圆角。
FF： -moz-border-radius:4px，或者-moz-border-radius-topleft:4px;-moz-border- radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius- bottomright:4px;。
24. CSS双线凹凸边框
IE：border:2px outset;。
FF： -moz-border-top-colors: #d4d0c8 white;-moz-border-left-colors: #d4d0c8 white;-moz-border-right-colors:#404040 #808080;-moz-border-bottom-colors:#404040 #808080;
25．ie支持document.all 而firefox 不支持
改用下面三个tag的其中一个来代替document.all
getElementsByTagName("tagName") 可以得到得到所有标签元素的集合
getElementById("idName") 可以按id得到某一元素
getElementsByName("Name") 可以得到按name属性得到某一元素
26、firefox 中使用innerHTML 的方法
<div id="online"></div>
document.all.online.innerHTML; //这种方法在IE中可以使用，但不是标准方法
document.getElementById("online").innerHTML; //这样firefox就能使用innerHTML了
27、eval()与window.execScript()执行脚本
IE、firerox均支持eval()，firefox不支持window.execScript()
解决：统一使用eval()
28、对事件处理函数的重写
解决：（例）:如对document的onclick()重写，统一使用document.onclick = function(){…}
posted @
2008-06-20 15:55 流腥鱼 阅读(652) |
评论 (0) |
编辑 收藏 现在的系统为了得到更好的用户体验，都加入了ajax的特效，只要用到了ajax的代码，就会引来一大堆js代码，这些代码其实也挺占用带宽的，为了使网页加载得更快，决定在项目中才用网上流行的js压缩器来压缩代码。压缩后的代码基本可以抽掉40%左右的脂肪。
找到几个压缩器，发现很多压缩器压缩后的js代码都出现这样或那样的问题
ESC 1.14 http://www.saltstorm.net/depo/esc/?pod=js 压缩后有些中文会出现问号（我的js代码是用utf-8格式）
jsmin http://www.crockford.com/javascript/jsmin.html 压缩后有些中文会出现问号
dean edwards的packer http://dean.edwards.name/packer/ 压缩后的js代码会出现部分分号或大括号丢失，导致语法错误
最后找到了yuicompressor-2.3.4 http://developer.yahoo.com/yui/compressor/ 感觉很好用，压缩后无损代码，而且连css也可以压缩，压缩的时候很多参数可以设置，可以制定js代码的编码格式等，java运行，本人写了一个bat批处理遍历制定文件夹里面的所有js和css文件进行压缩。
项目中用到网上流行的ext2 js库，所以项目中有很多js代码，于是写的bat遍历文件压缩代码
(dir %1 /aa /b /s | findstr /e /c:"js") >tmp.txt
for /f %%i in (tmp.txt) do java -jar yuicompressor-2.3.4.jar --type js --charset utf-8 -o %%i.tmp %%i & copy %%i".tmp" %%i & del %%i".tmp"
(dir %1 /aa /b /s | findstr /e /c:"css") >tmp.txt
for /f %%i in (tmp.txt) do java -jar yuicompressor-2.3.4.jar --type css --charset utf-8 -o %%i.tmp %%i & copy %%i".tmp" %%i & del %%i".tmp"
保存为 jscompressor.bat 运行的时候在输入 jscompressor <path> (<path>是我们指定的路径) 就可以批量进行压缩，压缩后替换压缩前的代码。
下面是一些参数的说明。
==============================================================================
YUI Compressor
==============================================================================
NAME
YUI Compressor - The Yahoo! JavaScript and CSS Compressor
SYNOPSIS
Usage: java -jar yuicompressor-x.y.z.jar [options] [input file]
Global Options
-h, --help Displays this information
--type <js|css> Specifies the type of the input file
--charset <charset> Read the input file using <charset>
--line-break <column> Insert a line break after the specified column number
-v, --verbose Display informational messages and warnings
-o <file> Place the output into <file>. Defaults to stdout.
JavaScript Options
--nomunge Minify only, do not obfuscate
--preserve-semi Preserve all semicolons
--disable-optimizations Disable all micro optimizations
DESCRIPTION
The YUI Compressor is a JavaScript compressor which, in addition to removing
comments and white-spaces, obfuscates local variables using the smallest
possible variable name. This obfuscation is safe, even when using constructs
such as 'eval' or 'with' (although the compression is not optimal is those
cases) Compared to jsmin, the average savings is around 20%.
The YUI Compressor is also able to safely compress CSS files. The decision
on which compressor is being used is made on the file extension (js or css)
GLOBAL OPTIONS
-h, --help
Prints help on how to use the YUI Compressor
--line-break
Some source control tools don't like files containing lines longer than,
say 8000 characters. The linebreak option is used in that case to split
long lines after a specific column. It can also be used to make the code
more readable, easier to debug (especially with the MS Script Debugger)
Specify 0 to get a line break after each semi-colon in JavaScript, and
after each rule in CSS.
--type js|css
The type of compressor (JavaScript or CSS) is chosen based on the
extension of the input file name (.js or .css) This option is required
if no input file has been specified. Otherwise, this option is only
required if the input file extension is neither 'js' nor 'css'.
--charset character-set
If a supported character set is specified, the YUI Compressor will use it
to read the input file. Otherwise, it will assume that the platform's
default character set is being used. The output file is encoded using
the same character set.
-o outfile
Place output in file outfile. If not specified, the YUI Compressor will
default to the standard output, which you can redirect to a file.
-v, --verbose
Display informational messages and warnings.
JAVASCRIPT ONLY OPTIONS
--nomunge
Minify only. Do not obfuscate local symbols.
--preserve-semi
Preserve unnecessary semicolons (such as right before a '}') This option
is useful when compressed code has to be run through JSLint (which is the
case of YUI for example)
--disable-optimizations
Disable all the built-in micro optimizations.
posted @
2008-06-19 00:45 流腥鱼 阅读(1979) |
评论 (4) |
编辑 收藏