存档在 ‘前端开发’ 分类

跨域获取json数据

2010年7月19日 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Test Jsonp</title>
	<script type="text/javascript">
        	function jsonpCallback(result)
        	{
			alert(result.msg);
        	}
    	</script>
	<script type="text/javascript" src="http://crossdomain.com/jsonServerResponse?jsonp=jsonpCallback"></script>
</head>
<body>
</body>
</html>

没有评论 »

发表在PHP, 前端开发

我预见的RIA未来

2010年3月12日

像我看齐，起一个幽默一点的标题吧。

下面是我用Google Trends搜索到的Flex和Extjs两项RIA技术的关注度对比。可以看出，Flex在全世界关注程度远超Extjs啊。。这两门RIA技术分别代表了两个阵营——以flex、sliverlight为代表的基于runtime的表示层技术和以javascript为代表的浏览器脚本技术。

flex extjs

据我所知，Extjs目前还没有一个完善的可视化编辑器，所有的页面呈现必须自己编写代码，这是比较蛮烦的。。而Flex有一个相对比较完善的可视化编辑器，基于flash技术的UI组件也比extjs要丰富和完善，（毕竟Adobe是大公司 实力雄厚哇），世界上95%以上的PC机上装有flash插件，而flex正是基于flash。

无论还是js还是flash，都是这个世界的浏览器中支持得最广泛的技术。Extjs的代码显然更易学一点（基于javascript）,但UI构建上比较欠缺；反观Flex，有一个趋于完善的开发环境，但其mxml和actionscript脚本显然学习成本较高。所以他们是各有所长吧。但就google趋势上来看，Adobe的拥趸者明显多一些，所以学习资料自然多一些——这一点我已经到学校图书馆考证过了。。

那么再看一下最近颇为火爆、被称为RIA杀手的HTML5与前面两项技术的对比吧：

flex extjs html5

但是HTML5怎么可能成为RIA杀手呢，仅因为几个<video>、<canvas>之类的标签吗？大家都知道，flash、sliverlight和JavaFx和浏览器的关系，一直都是插件和平台的关系（Extjs是例外）——HTML5显然还没有强大到可以集成那么多的UI组件，比如DataGrid、List、Tree等。可见啊。HTML5和RIA是会共存下去的。那么至于Flex和js究竟哪一个才会成为RIA开发的真正主流呢，市场会说明一切的。我看好Flex。

4 条评论 »

发表在Web开发, 前端开发

Tags:

jQuery Tips – 自己做的浮动提示

2010年2月22日

知道173123.cn为什么有那么多丰富的ajax特效吗，这自然离不开jQuery的功劳哇。比如下面这段代码，用于提示“支持成功”、“反对成功”..

function showtip(msg){
    tooltip = "
<div class="tooltip">"+msg+"</div>
";
    $("body").append(tooltip);
    $("div.tooltip").css({
        'top':y+3+'px',
        'left':x+3+'px',
        'position':'absolute',
        'border':'1px solid #2D2B28',
        'padding':'5px 10px',
        'background':'#6882B9',
        'opacity':'0.8'
    }).show("fast");
    setTimeout(removeTip,1000);
    function removeTip(){
        $("div.tooltip").fadeOut();
    }
}

2 条评论 »

发表在前端开发

Tags: