Javascript¶¯Ì¬Éú³É±í¸ñµÄÐÔÄܵ÷ÓÅ
¿Í»§¶Ë¶¯Ì¬Êä³ötableÊý¾Ý²¢Õ¹Ê¾±í¸ñ£¬ÊÇwebÓ¦ÓÃÖнÏΪ³£¼ûµÄ¹¤×÷¡£¶ÔÓÚÑ»·´òÓ¡Êä³ötr£¬td±¾ÉíÊÇÒ»¼þ·Ç³£½©Ó²ºÍ±©Á¦µÄ±à³Ì°ì·¨£¬ÔÙ¼ÓÉÏ×îºó°ó¶¨ÔªËØinnerHTML×Ö·ûÁ÷Êä³ö£¬
¡¡¡¡ÏµÍ³ËùÏûºÄµÄÐÔÄÜ´ú¼ÛÊǷdz£¸ß°ºµÄ£¬Èç¹ûÎÒÃÇÐèÒªÕ¹ÏÖµÄÊý¾Ý·Ç³£ÅÓ´óʱ£¬ÄÇô´ú¼ÛÒ²Êdzɱ¶µÄ¡£È»¶øÕâÖÖ¶¯Ì¬Êä³ö±í¸ñµÄ·½·¨ÊÇ´ó¶àÊý¿Í»§¶Ë³ÌÐòÔ±×î³£Óõķ½·¨¡£ÄÇô»ùÓÚ×î³£Óõķ½·¨£¬
¡¡¡¡ÈçºÎ²ÅÄܽµµÍÐÔÄܳɱ¾£¬¸ÄÉÆÓû§ÌåÑ飬¿ìËÙ°²È«µÄÏÔʾÎÒÃÇËùÐèÒªµÄÊý¾ÝÄØ£¿
¡¡¡¡ÎÒÈÏΪ´Ó¸ù±¾Éϵ÷ÓÅÐèÒª´ÓÁ½¸ö·½ÃæÈ¥¿¼ÂÇ¡£
¡¡¡¡1£ºserverµÄÊý¾ÝͳöºÍclientµÄÊý¾Ý½âÎö¡£ÕâÀïÉæ¼°µÄ֪ʶµã½Ï¶à£¬½ñºóÔÙ×öÏêϸµÄ˵Ã÷¡£µ«ÊǶÔÓÚ½ÏΪ¸´ÔÓµÄxmlµÄÊý¾Ý¸ñʽÀ´Ëµ£¬clientµÄ½âÎöÓ¦¸ÃÓÃxpathѰַºÍdomÄÚÖöÔÏóÏà½áºÏµÄ·½·¨£¬¸ßËÙ¶¨Î»¡£
¡¡¡¡2£ºDHTMLµÄÓÅ»¯¡£°üÀ¨dom£¬css£¬jsµÄÓÅ»¯£¬Ò²¾ÍÊÇMVC£¨model,
view, control£©µÄÓÅ»¯¡£
¡¡¡¡ÕâÀïÎÒÃÇÓÃjs¶¯Ì¬Éú³ÉÒ»¸ötable£¬ ¹¹½¨Ò»¸ö3000ÐУ¬8Áеıí¸ñ£¬´úÂë·Ö¶à¸ö°æ±¾£¬±ãÓÚÇåÎúµÄ±È½Ïÿ¸ö°æ±¾²»Í¬µÄÐÔÄÜÏûºÄ¡£
¡¡¡¡vision
0.1 ¡¾ºÄʱ14694ms¡¿
¡¡¡¡Ã²ËÆÒÔϵÄд·¨ÊÇûÓÐÈκδíÎ󣬵«ÊÇÈ·ÊÇ×Á¦£¬Ð§ÂÊ×îµÍ£¬ÐÔÄÜÏûºÄ×î´óµÄд·¨¡£¶ÔÓÚ´óÁ¿µÄÊý¾ÝÐкÍÁУ¬ÓÃforÑ»·Æ´½ÓÔªËØ×Ö·û´®£¬×îºóinnerHTMLÊä³öÊDz»¿ÉÈ¡µÄ¡£
¡¡¡¡3000¼ÇÂ¼Ò³Ãæ¼ÓÔØºÄʱ14694ºÁÃ룬½ü15Ãë¡£ÕâÑùµÄÒ³ÃæÊý¾Ý¼ÓÔØÊǽüºõÔÖÄѵģ¬Ó¦¸Ã½ßÁ¦±ÜÃâ¡£
<html>
<body>
¡¡<div
id="tableDiv"></div>
¡¡<script>
¡¡ var maxRow =3000;
¡¡ var maxCol = 8£»
¡¡ var strTbl = "<table
border='1'><tbody>";
¡¡ var strTbody = '';
¡¡
¡¡ for(var i = 0; i < maxRow; i++){
¡¡¡¡strTbody +="<tr>";
¡¡¡¡ for(var j = 0; j < maxCol; j++){
¡¡¡¡¡¡strTbody +=
"<td>test</td>";
¡¡¡¡ }
¡¡¡¡strTbody += "</tr>";
¡¡ }
¡¡ strTbl = strTbody +
"</tbody></table>";
¡¡
¡¡ var obj =
document.getElementById("tableDiv");
¡¡ obj.innerHTML = strTbl;
¡¡
¡¡</script>
</body>
</html>
vision 0.2 ¡¾ºÄʱ3623ms¡¿
¡¡¡¡Õâ¸ö°æ±¾µÄ´úÂëÓзdz£´óµÄ¸Ä½ø£¬²ÉÓÃDOM¼¼Êõ¶¯Ì¬Ìí¼ÓÔªËØ£¬ËµÃ÷ÔÚÐèÒª´¦ÀíÕ¹ÏÖ´óÁ¿Êý¾ÝµÄÇé¿öÏ£¬ÔËÓÃDOM¿ìËÙ¶¨Î»²¢Ìí¼Ó°ó¶¨ÔªËصķ½·¨£¬Ð§ÂÊÔ¶±ÈÆ´½ÓhtmlÔªËØ×Ö·û´®µÄ·½·¨Òª¸ßÐí¶à¡£
¡¡¡¡Õû¸öÒ³Ãæ¼ÓÔØÍê³ÉËùºÄµÄʱ¼äΪ3
Ïà¹ØÎĵµ£º
ÔÚ³ÌÐòÔ±ÔÓÖ¾ÉÏ¿´µ½Ò»Æª¶ÌÎÄ¡¶Ç°¶Ë¿ª·¢¹¤¾ß¸ÅÀÀ¡·¡£¾õµÃºÜÓÐʵÓüÛÖµ¡£ÏÖ×ܽáÈçÏ£º
Ò»¡¢µ÷ÊÔ¹¤¾ß
1.firebug
2.Web Developer Toolbar--µ÷ÕûÒ³ÃæµÄ¸÷¸öϸ½Ú
3.IE Developer Toolbar--µ÷ÊÔIEµÄHTMLºÍCSS
4.Companion.JS--µ÷ÊÔIEµÄJavascript
5.Fiddler--Webµ÷ÊÔ´úÀí£¬¼Ç¼±¾»úµ½»¥ÁªÍøµÄËùÓÐHTTP(S)ÇëÇó¡£
¶þ¡¢²âÊÔ¹¤ ......
javascriptÄÚ´æÐ¹Â¶µÄÎÊÌâÒ»Ö±ÒÔÀ´¶¼²»Êܵ½´ó¼ÒµÄÖØÊÓ£¬ÔÒòÊǶÔÓû§µÄÓ°ÏìûÓÐ̫ʵ¼ÊµÄ±íÏÖ£¬»òÐí½ü¼¸ÄêÄڴ淢չѸËÙ¡£½Å±¾ÄÚ´æÔÙй¶Ҳ²»»áÓÐÌ«´óÓ°Ïì¡£
µ±È»×÷Ϊǰ¶Ë¿ª·¢µÄͬѧÃÇ£¬¾Í²»ÄÜÓÐÕâÑùµÄ½ÄÐÒÐÄÀí¡£³öÏÖmemory leaksºÜ´ó³Ì¶ÈÉÏÊÇÒòΪ³ÌÐòµÄ²»³ÉÊìºÍ±àÂ벻̫¹æ·¶Ôì³ÉµÄ¡£²»¹ý£¬ÕâÀï¾Í²»ËµÈçºÎ³öÏÖÎÊÌâµÄ£¬¶ÔÎÊÌ ......
ÏÂÃæ¶¼ÊÇÎÒÊÕ¼¯µÄһЩ±È½Ï³£ÓõÄÕýÔò±í´ïʽ£¬ÒòΪƽ³£¿ÉÄÜÔÚ±íµ¥ÑéÖ¤µÄʱºò£¬Óõ½µÄ±È½Ï¶à¡£ÌØ·¢³öÀ´£¬Èø÷λÅóÓѹ²Í¬Ê¹Ó᣺Ǻǡ£
Æ¥ÅäÖÐÎÄ×Ö·ûµÄÕýÔò±í´ïʽ£º [u4e00-u9fa5]
ÆÀ×¢£ºÆ¥ÅäÖÐÎÄ»¹ÕæÊǸöÍ·ÌÛµÄÊ£¬ÓÐÁËÕâ¸ö±í´ïʽ¾ÍºÃ°ìÁË
Æ¥ÅäË«×Ö½Ú×Ö·û(°üÀ¨ºº×ÖÔÚÄÚ)£º[^x00-xff]
ÆÀ×¢£º¿ÉÒÔÓÃÀ´¼ÆËã×Ö·û´®µÄ³¤¶È£¨Ò»¸ö ......
ÍøÒ³¿É¼ûÇøÓò¿í£º document.body.clientWidth
ÍøÒ³¿É¼ûÇøÓò¸ß£º document.body.clientHeight
ÍøÒ³¿É¼ûÇøÓò¿í£º document.body.offsetWidth (°üÀ¨±ßÏߵĿí)
ÍøÒ³¿É¼ûÇøÓò¸ß£º document.body.offsetHeight (°üÀ¨±ßÏߵĸß)
ÍøÒ³ÕýÎÄÈ«ÎÄ¿í£º document.body.scrollWidth
ÍøÒ³ÕýÎÄÈ«Îĸߣº document.body.scrollHeight
ÍøÒ ......
JavaScriptºËÐļ¼Êõ
http://book.jqcq.com/product/620915.html
±¾Êéͨ¹ýÐí¶à»ùÓÚWebµÄÀý×ÓչʾÁË£ºÈçºÎ¹¹½¨JavaScriptÂß¼ºÍ½«ËüÓëÏÖÓеĶÔÏó½á¹¹Á¬½Ó£¬ÈçºÎ¹¹½¨×Ô¼ºµÄ³ÌÐò¿âÒÔ¼°ÈçºÎÀûÓÃÆäËûJavaScriptÓû§±àдµÄ³ÌÐò¿â¡£
JavaScript ÍêÈ«ÊÖ²á JavaScript ÍêÈ«ÊÖ²á
http://book.jqcq.com/product/320819.html
......