½áºÏcanvas½øÐÐjavascriptÐÔÄܲâÊÔ
ÔÚ¶Ô³ÌÐò½øÐÐÐÔÄܲâÊÔʱÐèÒª¿¼Âǵ½²»Í¬¹æÄ£ÒÔ¼°²»Í¬Ëã·¨µÄЧÂʵIJ»Í¬
ÏÂÃæµÄÍøÒ³ÊÇÒ»¸ö¶ÔÅÅÐòËã·¨µÄÐÔÄܲâÊÔ£¬¹æÄ£¾ÍÊÇÊý×éµÄ³¤¶È£¬¶ø²âÊÔµÄÁ½¸öº¯Êý·Ö±ðÊÇÊÖ¶¯ÊµÏֵĿìËÙÅÅÐòËã·¨ºÍjavascriptÄÚÖõÄÅÅÐòº¯Êý¡£
<!DOCTYPE window PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head>
<title>Performance</title>
<mce:script type="text/javascript"><!--
var $ = function(id) {
return document.getElementById(id);
};
$.extend = function(target, object) {
for (var i in object) {
target[i] = object[i];
}
return target;
};
// --></mce:script>
<mce:script type="text/javascript" src="performance.js" mce_src="performance.js"></mce:script>
<mce:script type="text/javascript"><!--
var a;
function qsort(l, u) {
if (l >= u) {
return undefined;
}
var i = l, j = u - 1, v = a[u], t;
while (1) {
while (a[i] < v) { i += 1; }
while (a[j] > v) { j -= 1; }
if (i >= j) {
break;
}
t = a[i];
a[i] = a[j];
a[j] = t;
i += 1;
j -= 1;
}
t = a[i];
a[i] = v;
a[u] = t;
qsort(l, j);
qsort(i + 1, u);
};
performance({
// resetº¯ÊýÔÚÿ´Î¸Ä±ä¹æÄ£Ê±±»µ÷Ó㬲ÎÊýxÊǹæÄ£
// Éú³ÉÒ»¸ö³¤¶ÈΪxµÄËæ»úÊý×é
reset: function(x) {
a = [];
while (x--) {
a[x] = ~~(Math.random() * x);
}
},
func: [
function quicksort(x) {
qsort(0, x);
},
function nativesort(x) {
a.sort();
}
],
dimensionStart: 1,
dimensionEnd: 1000,
dimensionIncrement: 1,
});
// --></mce:script>
</head>
<body>
<canvas id="canvas" width="1400" height="800"></canvas>
</body>
performance.js°üº¬Ö÷ÒªµÄ½øÐвâÊԵĴúÂë¡£ÔÚ¿ØÖÆÌ¨ÖÐÊäÈëperformance.start()¿ªÊ¼½øÐвâÊÔ£¬¿ÉÒÔ¿´µ½canvasÉÏ´Ó×óµ½ÓÒ³öÏÖºÚÉ«ÓëºìÉ«µÄµã£¬ºÚÉ«´ú±íquicksort£¬¶øºìÉ«´ú±ínativesort
¿ÉÒÔËæÊ±performance.end()ÖÕÖ¹²âÊÔ
ͼÏñÖеĺáÖá±íʾ¹æÄ££¬¶ø×ÝÖá±íʾÔËÐеÄ
Ïà¹ØÎĵµ£º
ÎÒÃÇÖªµÀ£¬javascriptÔÚÖ´ÐÐÆÚʱÊÇÓÉÄÚµ½ÍâÖ´Ðнű¾µÄ£¬ÄÇôÀëÎÒÃǵĽű¾×îÔ¶µÄÈ«¾Ö¶ÔÏ󣬺ܿÉÄÜÒª¿çÔ½¼¸²ã×÷ÓÃÓò¶ÔÄÜ·ÃÎʵ½Ëü¡£²»¹ýÔÚIEÖУ¬´Ó×îÄڲ㵽×îÍâ²ãÒª»¨µÄʱ¼ä±ÈÆäËû¶à³öºÜ¶à¡£¼ÓÖ®£¬javascriptÊÇÒ»ÖÖ½ºË®ÓïÑÔ£¬Ëü±ØÐëÒªµ÷ÓÃDOM¶ÔÄÜÍê³ÉÎÒÃÇ´ó¶àÊýÑ¡Ôñ¡£×îÖøÃûµÄ¾ÍÊÇÑ¡ÔñÔªËØ£¨document.getElementById,documen ......
JavaScript½Ì³ÌÓïÑԸſö
Internetʱ´ú£¬Ôì¾ÍÁËÎÒÃÇÐµĹ¤×÷ºÍÉú»î·½Ê½£¬Æä»¥ÁªÐÔ¡¢¿ª·ÅÐԺ͹²ÏíÐÅÏ¢µÄģʽ£¬´òÆÆÁË´«Í³ÐÅÏ¢
´«²¥·½Ê½µÄÖØÖØ±ÚÀÝ£¬ÎªÎÒÃÇ´øÀ´ÁËеĻúÓö¡£Ëæ×żÆËã»úºÍÐÅϢʱ´úµÄµ½À´£¬ÈËÀàÉç»áǰ½øµÄ½Å²½ÔÚÖ𽥼ӿ죬ÿһÌì¶¼ÓÐеÄÊÂÇé·¢Éú£¬Ã¿Ò»Ìì¶¼ÔÚ´´Ôì×ÅÆæ
¼£¡£Ëæ×ÅInternet¼¼ÊõµÄÍ»·ÉÃͽø£¬¸÷Ðи÷ ......
ҪʵÏÖ¶¯Ì¬½»»¥£¬±ØÐëÕÆÎÕÓйش°Ìå¶ÔÏó(Form)ºÍ¿ò¼Ü¶ÔÏó(Frames)¸üΪ¸´ÔÓµÄ֪ʶ¡£
Ò»¡¢
´°Ìå»ù´¡ÖªÊ¶
¡¡¡¡´°Ìå¶ÔÏó¿ÉÒÔʹÉè¼ÆÈËÔ±ÄÜÓô°ÌåÖв»Í¬µÄÔªËØÓë¿Í»§»úÓû§Ïཻ»¥£¬¶øÓò»×ÅÔÚ֮ǰÊ×ÏȽøÐÐÊý¾ÝÊäÈ룬¾Í¿ÉÒÔʵÏÖ¶¯Ì¬¸Ä±ä
WebÎĵµµÄÐÐΪ¡£
£±¡¢Ê²Ã´ÊÇ´°Ìå¶ÔÏó
´°Ì壨Form£©:Ëü¹¹³ÉÁË
WebÒ³ÃæµÄ»ù±¾ÔªËØ¡£Í¨³£Ò ......
1.Ê×ÏÈÏÂÔØSyntaxHighlighter.
2.½âѹµ½SyntaxHighlighterĿ¼ÖÐ.
3.½¨Á¢HTMLÎļþ:
<pre name="code" class="Ruby">
...Ruby´úÂë...
</pre>
¿ÉÒÔÓ¦ÓÃÔÚpreºÍtextareaÁ½ÖÖHTML±êÇ©ÄÚ,nameΪcode,classΪҪ×ÅÉ«µÄÓïÑÔ,ÏÖÔÚÖ§³ÖC, C#, CSS, Delphi, Java, JScript, Php, Pyth ......
ͻȻ¼äÏëÈ¥ÏÂÊ×fire in the holeµÄÁåÉù£¬ÓÚÊÇÓÃsosoÕÒÁËһϣ¬½øÈëÁËÊÖ»úÀÖÔ° £¨http://download.shouji.com.cn/do/wave?html=&inputname=wave&wname=Fire+in+the+hole+&thsubmit=%E6%90%9C%E7%B4%A2£©£¬Ñ¡Ôñfire in the hole£¬µ¯³ö¸ö´°¿Ú£¬ÌáʾÈÃÊäÈëÊÖ»úºÅÂë¡£ÔÎËÀ£¬²»¾ÍÏÂÊ׸èÂ»¹²»ÈÃÖ±½ÓÏ¡£ºÇºÇ£¬·¢ÏÖÍ ......