当前文章被分类为:JAVASCRIPT

YUI中国本地版

去年yahoo提供了公开的yui主机,这样即便自己没有server也可以直接使用yui的便利。但是由于主机在国外,访问速度不是很理想。现在终于有了本地版的yui hosting,访问速度有大的飞跃。
2008年1月14日雅虎中国正式发布本地版的YUI 2.4.1,今后将与YUI保持同步更新。这对国内的YUI使用者来说绝对是一个好消息,本地版的YUI采用了本地CDN部署,对于国内用户来说访问速度更快(图一),比较访问国际YUI主机的速度(图二)快了至少5倍以上。
使用firebug查看载入速度

原文:YUI Blog China

评论 (2)

YUI 2.3.0的Rich Text Editor

YUI 2.3.0正式发布了。这个版本新增了一些新的组件,其中最大的亮点是它的Rich Text Editor (beta),样式见下图:

YUI Rich Text Editor的特点
标识为A级的浏览器支持良好,跨浏览器也有很好的表现
扩充方便,可以添加你自己的button
从图片上看,这个编辑器还支持直接从flickr抓取图片——可惜flickr在国内已经被和谐…

YUI 2.3.0另外新增的5个组件
Base CSS
YUILoader Utility (beta)
ImageLoader Utility (experimental)
Color Picker Control (beta)
YUI Test Utility (beta)

评论 (2)

javascript在ie和firefox下的一些差异

javascript在ie和firefox下,运行结果有一些差异。下面把最近碰到的情况做个记录,以后也会不断补充以备忘。

object操作
firefox:可支持
PLAIN TEXT
CODE:

var obj = { 'key' : 'aaa', }

ie:不支持
PLAIN TEXT
CODE:

var obj = { 'key' : 'aaa', }

会报javascript错误,最后的","必须去掉
javascript对select元素的option操作
firefox:可直接设置
PLAIN TEXT
CODE:

option.text = 'foooooooo';

ie:只能设置
PLAIN TEXT
CODE:

option.innerHTML = 'fooooooo';

删除一个select的option
firefox:可以
PLAIN TEXT
CODE:

select.options.remove(selectedIndex);

ie7:可以用
PLAIN TEXT
CODE:

select.options[i] = null;

ie6:需要写
PLAIN TEXT
CODE:

select.options[i].outerHTML = null;

真是万恶的浏览器。

评论 (4)

可以用button代替input type=”submit”吗

在ie下,<button>标记恐怕还存在几个不大不小的问题。

在一个表单里,如果有一个以上"submit"类型的<button>标签存在,在表单被提交时,不管你点击哪个<button>,所有<button>的值都会被post/get。
<button>的缺省type属性被设置为"button",但是在A级别浏览器下,应该设置为"submit"才对
如果你用javascript去访问<button>的value属性,IE却返回了<button>的innerHTML属性,很让人恼火。 (可以使用"getAttributeNode"方法来避免.)

例如,一段HTML:
PLAIN TEXT
CODE:

<form>

<button type="submit" value="1" name="action-1">text 1</button>

<button type="submit" value="2" name="action-2">text 2</button>

</form>

在IE下,上面两个button的数据都会被提交。并且ie会提交这两个button的innerText而不是value。而其它浏览器仅仅提交你点击的那个button。
以上,应该尽量避免使用button标记。

评论 (9)

Ajax+PHP+YUI手工制作rss阅读器

上次俺的简陋练习作品Ajax+json小有心得,这次继续尝试利用Ajax+PHP+YUI手工制作rss阅读器。
写一点html来展示RSS的内容
PLAIN TEXT
CODE:

<body>

<h1>RSS阅读器</h1>

<div id="rss_bd">内容待填补</div>

</body>

评论 (4)

jquery和greasemonkey齐上阵

jquery写起来真的很简单,连我这刚接触jquery不久的新人都能很快用它码出大段的javascript。唯一的坏处是代码里充斥了大量的$。既然写javascript如此简单,那么用jquery+greasemonkey插件同时干活怎么样呢?
这里是一段提醒jquery已经载入的脚本,为了避免和页面上原有的代码冲突,得运行$.noConflict().
PLAIN TEXT
CODE:

// All your GM code must be inside this function

function letsJQuery() {

//make sure there is no conflict between jQuery and other libraries

$.noConflict()

//notify that jQuery is running...

  $('<div>jQuery is running!</div>')

    .css({padding: '10px', background: '#ffc', position: 'absolute',top: '0', width: '100%'})

    .prependTo('body')

    .fadeIn('fast')

    .animate({opacity: 1.0}, 300)

    .fadeOut('fast', function() {

      $(this).remove();

    [...]

评论 (4)

过滤掉起点可恶的广告

有时候会跑到起点上去看书,打发无聊时光。但是起点的文章页不是太厚道,有一块狗皮膏药广告非常碍眼,牢牢的占据了屏幕右下方一块比较大的面积,这部分的字是看也看不到,很让人难受。
这时候祭出greasemonkey来教训它,写一点javascript就可以了:
document.getElementById("ifPage").style.display = "none";
上面的代码能把广告所在的div隐藏~~
greasemonkey脚本下载
CmfuReader.user.js

评论 (2)