yiyu
- 浏览: 186534 次
- 性别:
- 来自: 北京
-
最新评论
-
di1984HIT：
记录一下。嘿嘿
eclipse中关闭js报错的方法 -
di1984HIT：
谢谢，学习了
jdk输出带缩进格式xml的方法 -
雪狐狼：
为何，每次查询需要 构建datatable?
YUI DataTable 服务器端翻页与排序 -
lijunwyf41：
nd:"nd", // 表示已经发送请求的 ...
jqGrid <-- json --> spring,hibernate之服务器端分页，排序 -
yiyu：
最近不看YUI了，发现一个国产的前端框架，是金蝶出的，叫Ope ...
YUI 3 学习笔记（5）- Attribute类
文章列表
最近用selenium做了一个自动测试程序，写了两个批处理，分别在firefox和ie上跑这组测
试，都没问题，然后在任务计划中建了两个任务，每天定时跑，结果发现firefox没问题，
ie那个却总是失败，总是报告以下错误：
java.lang.RuntimeException: Could not start Selenium session: Failed to start new browser session: Error while launching browser
最后发现是selenium现存的一个问题，就是使用windows任务计划(scheduled task)自动执行
测 ...
Attribute类用于向一个类添加属性，它给类增加了set和get函数用于操作属性值，同时还
支持change事件以便监视属性的变化，此外，还可以自定义属性的setter、getter和校验
方法，可以定义属性为只读或者一次写（write-once）
1. 要使用Attribute，首先要引入YUI3的种子文件：
<script src="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js"></script>
然后加载相应模块：
YUI().use('attribute', f ...
Base是一个基础类，通过继承Base可以以一种统一的方式创建自己的具有新的属性、并可作为事件目的(Event target)的类。
1. 要使用Base，首先要引入YUI3的种子文件：
<script src="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js"></script>
然后加载相应模块：
YUI().use('base', function(Y) {
});
2. 继承Base
以下是继承Base的示例代码：
YUI().use("base& ...
YUI的Event包可以用来操纵DOM事件，也可以自定义事件。
1. 要使用Event，首先要引入YUI3的种子文件：
<script src="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js"></script>
然后加载相应模块：
YUI().use('event', function(Y) {
...
Node是用来操作DOM node的工具，实际上每一个Node实例都代表着一个DOM node，每一
个NodeList都代表着一组DOM node.
从YUI2.x到YUI3.0相关的api发生了一些变化，具体可以参见本文的最后部分。
1. 要使用Node，首先要引入YUI3的种子文件：
<script src="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js"></script>
然后加载相应模块：
YUI().use('node', function(Y) {
});
...
YUI3模块已经发布，配套的工具及部件虽然现在还不全，但也计划于2010
年全部推出，本人感觉YUI功能比较全面，而且有比较详细的文档，所以
一直比较关注，这是本人学习YUI文档的一系列笔记。
YUI模块是YUI3中的单一核心，所有需要使用YUI3的页面都必须包含该
模块，该模块提供加载功能，可以使用该功能动态加载指定模块，其依
赖模块会被自动加载，所以YUI模块可以看成YUI的一个种子。
YUI模块创建了一个全局对象：YUI，一个页面可以共享一个YUI实例，也
可以使用多个实例。
1 要使用YUI全局对象，只需添加如下引用：
<script src="http://y ...
canvas是html5中新增加的元素，可以用来在html中通过javascript绘制图形，处理图像。
虽然现在html5还没有正式发布，但firefox 3+，chrome 2.0+，safari 4等都已经支持，
ie也可以通过扩展支持该功能
关于canvas的简单介绍可以参看这里，其中有很多很好的链接：
http://en.wikipedia.org/wiki/Canvas_element
html5草稿版中对canvas的定义可以参看这里：
http://www.w3.org/TR/2009/WD-html5-20090825/the-canvas-element.html
Mo ...
1. Cairngorm简介
Cairngorm是一个Flex程序开发框架，基于MVC设计模式。
使用Cairngorm进行开发时我们一般涉及以下几个部件的开发：
ModelLocator：定义Model。ActionScript类，一般采用singleton模式实现，必须
是Bindable的
ServiceLocator：定义与之进行通讯的服务器端的服务。MXML Component
Event：继承CairngormEvent
Command：处理Event的逻辑。实现ICommand接口
Controller：注册Event与Command之间的对应关系。 ...
在我的“flex+blazeDS+java示例”http://yiyu.iteye.com/admin/blogs/549728中，调用后台服务是在mxml文件中定义<mx:RemoteObject>实现的，后来发现其实可以不使用<mx:RemoteObject>，而是在ActionScript代码中使用mx.rpc.remoting.RemoteObject实现。
以下就是相关的代码：
package test.client.model
{
import mx.messaging.ChannelSet;
import mx.messaging.chan ...
最近碰到一个奇怪的问题，记录一下。
处理过程是这样的，画面的onload事件中，通过ajax去后台读取数据，在ajax的响应函数中将数据写入一个div的innerHTML，然后卷动这个div一定的距离。
示意代码如下（body中onload="init()"）：
function init() {
...
//request是XMLHttpRequest
request.onreadystatechange=function() {
if(request.readyState==4) {
if(request.stat ...
这两天因工作需要做了一个网页分割条，期间碰到不少问题，好在最后都解决了，最后
版本在ie8和firefox3.5上都能流畅运行，现总结一下：
1. 拖动分割条的一个问题是要把鼠标的移动和释放事件不间断地捕获到并进行处理，当
鼠标快速移动时，要保证即使鼠标移出了分割条，进入页面其他元素的范围内，这些事
件也能被捕获到并进行相应的处理。在ie中，这需要使用setCapture()方法，拖动动作
完成后还要用releaseCapture()方法释放。但firefox不支持该方法，网上有的说可以
用window.captureEvents方法，但我在firefox中试过也不行，找了找资料据说这是
ne ...
今天发现使用 position:fixed 的页面在firefox下没有问题，在IE8下却不能正常显示，在网上找了找，有不少相关文章，但是不是不起作用就是太复杂，后来终于发现一个简单的解决办法，就是在html的开头加上
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
就可以了，后来搜了搜，发现
HTML 4.0 Transitional 和 XHTML 1.0 Transitional 的布局确实有不少差异，可以参见这里：
http://www.cnblogs.com/flashel ...
今天找到一段检测浏览器支持的javascript版本的代码，感觉还有点用，保留一下。
<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=utf8'>
<TITLE>检测浏览器支持的javascript版本</TITLE>
</HEAD>
<BODY >
<script type="text/javascript">
var jsver = 1.0;
</ ...
开发环境：
1. eclispe 3.5
2. Flex builder 3.0(eclipse plugin)
3. BlazeDS 3.2
4. Tomcat6.0
操作步骤
1. 从BlazeDS.war建立项目
选择菜单File->import,指定类型为web/war file.下一步选择BlazeDS.war,项目名称为test-server，target-runtime指定为tomcat6，按Finish结束。
2. 建立java类，代码如下：
package remoting;
public class EchoService {
public Str ...
testNG可以设置为并发执行测试用例。selenium grid可以通过grid hub将测试用例分别转发给不同的remote control/浏览器对，而且这些remote control/浏览器对可以位于不同的机器上，这样两者结合就可以实现可伸缩的自动web测试。
1. testNG并 ...