`
ayue222
  • 浏览: 49469 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论
文章列表
很惭愧。。。YUI3出来这么久了,一直都没有机会正式使用。。这2天没事,终于静下心来细细体验了下他的彪悍之处。实例中的一些code引用的taobao赤拔的成果,请赤拔大神表追究俺滴版权~ >_< <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" con ...
select files: uploading:    不知不觉,混在YAHOO F2E Team(BeiJing)近一年了。从开始接触YUI到熟悉并成为开发的基础,深深感受到了YUI的彪悍~当然,他的彪悍没体现在代码的简洁和优雅性(eg. jquery),也没体现在他的简单易用性(eg. prototype),更没有深刻体现软件模式中高内聚和低耦合的特性(eg.mootools)。。。重设计轻开发是YUI的重要核心之一,他不仅仅是js框架,而是js+css+规范的集合,一套成熟、严谨的约束会大大降低团队开发中的成本。所以,如果你想作门户、想作sns、想作大型电子商务网站,你可能只有一个 ...
功能效果图如下:                               PS:2009.11.19 新增鍵盤上、下、回車、退格按鍵的事件                         新增對已選擇好友的重複過濾和好友面板的預選擇                         對之前的一些小BUG進行了修復      2009.12.4   修復了一些朋友提出的BUG                         新增了數據輸出功能     Demo演示地址:http://justname.whleer.com/selectfriend. ...
如何在html中操作SVG对象的问题,对于嵌入式<embed name="id1" id='svgId' type='image/svg+xml' src="./test.svg" height="200" width="500"></embed>的可以通过document.getElementById('svgId'). getSVGDocument();的方法得到SVG Doc对象,但此方法存在两个问题:一是opera不支持getSVGDocument方法,二是对于动态创建的embed对象 ...
YUI3:事件 YUI的事件功能为响应DOM事件提供一个简单的接口,让在浏览器中创建事件驱动的应用更容易了。YUI的事件功能包包含自定义事件对象(Custom Event object),自定义事件让你可以在代码中发布(publish)某一个瞬间或某一个事件,以便页面上其他的组件能订阅(subscribe)这些事件然后响应这些事件。 YUI的事件功能包有以下功能:     DOM事件处理     自动延迟解析(deferral)赋给不可用元素的处理器     自动调整函数执行环境(scope),可选择地指定函数执行环境     将浏览器差异规范化的event facade     自动清除 ...
function runCode(pTargetId){ var newWin=window.open('',"_blank",''); newWin.document.open('text/html','replace'); newWin.opener=null; var testCode=document.getElementById(pTargetId).value; newWin.document.write(testCode); newWin.document.close(); } function saveCode(pTargetId){ v ...
JS的正则表达式 //校验是否全由数字组成 代码 var patrn=/^[0-9]{1,20}$/;   if (!patrn.exec(s)) return false //校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串 代码 function isRegisterUserName(s)   var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;   if (!patrn.exec(s)) return false //校验用户姓名:只能输入1-30个以字母开头的字串 代码 var patrn=/ ...
什么是事件代理(Event Delegation)? 如果不太了解的朋友,可详细阅读:《Event delegation in JavaScript》,这里不再累述。 首先让我们一起来回顾一些常识: 通常支持事件冒泡(Event Bubbling)的事件类型为鼠标事件和键盘事件,例如:mouseover, mouseout, click, keydown, keypress。 接口事件则通常不支持事件冒泡(Event Bubbling),例如:load, change, submit, focus, blur。 很明显:focus 和 blur 都属于不支持冒泡的接口事件。既然都不支持 ...
在“按需加载”的需求中,我们经常会判断当脚本加载完成时,返回一个回调函数,那如何去判断脚本的加载完成呢? 我们可以对加载的 JS 对象使用 onload 来判断(js.onload),此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ 浏览器都能很好的支持,但 IE6、IE7 却不支持。曲线救国 —— IE6、IE7 我们可以使用 js.onreadystatechange 来跟踪每个状态变化的情况(一般为 loading 、loaded、interactive、complete),当返回状态为 loaded 或 complete 时,则表示加载完成,返回回调 ...
平时我们获取事件对象一般写法如下: function getEvent(event) { return event || window.event // IE:window.event } 如果没有参数,也可写成(非IE :事件对象会自动传递给对应的事件处理函数,且为第一个参数): function getEvent() { return arguments[0] || window.event // IE:window.event } 这样的写法在除 Firefox(测试版本:3.0.12,下同) 外的浏览器上运行都不会有问题,但 Firefox 为什么例外呢? ...
var iframe = document.createElement("iframe"); iframe.src = "http://www.planabc.net"; if (iframe.attachEvent){ iframe.attachEvent("onload", function(){ alert("Local iframe is now loaded."); }); } else { ...
一:XHTML MP的语法规则 我们知道,我们通常用电脑访问的网站的网页是用html构建的。类似的,现在WAP 2.0网站是用XHTML MP 构建,以供手持设备的访问,如手机、PDA等。 XHTML MP是XHTML的子集,因此继承了它的语法。 XHTML是更严格和简洁的HTML版本。现在来看看XHTML MP的语法规则: 1:标签必须正确闭合! <p>XHTML MP 教程 段落 1</p> <p>XHTML MP tutorial paragraph 2</p> <p>XHTML MP tutorial paragraph 3 ...
function formatNumber(num){ if(!/^(\+|-)?(\d+)(\.\d+)?$/.test(num)){return num;} var a = RegExp.$1, b = RegExp.$2, c = RegExp.$3; var re = new RegExp().compile("(\\d)(\\d{3})(,|$)"); while(re.test(b)) b = b.replace(re," ...
2.2版更新: 1、增加了迷你游戏-破罐者,一共有15关,难度逐渐增加。: j3 m; P! P0 `( P5 O  S1 x 2、上一个版本将放置植物的方式由拖动改为点击两次,部分人反映操作不习惯,过于繁琐,这个版本改为兼容两种操作方式,直接拖出或者点击两次先种阴影后种植物的方式都可以。 3、增加了一种植物,棘草。6 ~4 g, T) e9 q- D9 B0 z$ R; l 4、修改了植物阻挡僵尸的范围,临时种下的植物在僵尸通过该格一半之前也会起到阻挡作用。 5、增加了僵尸受到打击时的伤害效果。 6、应论坛上朋友的要求,修改了30关以后僵尸产生的数量,不会再增加那么快了。, q) t# ?4 ...
<!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> <meta http-equiv='Content-Type' content='text/html; charset=UTF-8' /> ...
Global site tag (gtag.js) - Google Analytics