css,javascriptµÄÔ¤¼ÓÔØ
css,javascriptµÄÔ¤¼ÓÔØ
ΪÁËÌá¸ßÍøÕ¾µÄ¼ÓÔØËٶȣ¬ÓÐÒ»¸öºÜÖØÒªµÄÊֶξÍÊÇÔÚÓû§ä¯ÀÀ¹ý³ÌÖеÄÉÏÓÎÍøÕ¾×öÒ»¸öÎļþµÄÔ¤¼ÓÔØ¡£Ô¤¼ÓÔØÎļþÒ»°ãÓÐÁ½ÖÖ³£Óõķ½Ê½£ºxhrºÍ¶¯Ì¬²åÈë½ÚµãµÄ·½Ê½¡£¶¯Ì¬²åÈë½ÚµãÊÇ×îΪ¼òµ¥Ò²×îΪ¹ã·ºµÄÒ»ÖÖÒì²½¼ÓÔØ·½Ê½(ÀýÈçyuiµÄGetÄ£¿é)£¬È»ºóʹÓö¯Ì¬²åÈë½Úµã·½·¨¼ÓÔصÄÎļþ¶¼»áÔÚ¼ÓÔغóÁ¢¼´Ö´ÐУ¬javascriptµÄÖ´ÐÐÒ»·½Ãæ»áÕ¼ÓÃä¯ÀÀÆ÷jsÖ´Ðнø³Ì£¬ÁíÒ»·½ÃæÒ²¿ÉÄܸıäÒ³Ãæ½á¹¹£¬¶øcssµÄÖ´ÐиüÓпÉÄÜÈÃÕû¸öÒ³Ãæ±ä»¯¡£xhr·½Ê½ËäÈ»²»»áÖ´Ðнű¾£¬µ«ÊÇÓÉÓÚͬÓòµÄÏÞÖÆ£¬ÇÒÈç½ñÍøÕ¾µÄ¾²Ì¬Îļþ¶¼ÊDz¿ÊðÔÚcdn·þÎñÆ÷ÉÏ£¬ÈçºÎÔ¤¼ÓÔØcss jsÎļþÒ²±äÓеãÐþÃîÁË¡£
Stoyan Stefanov ׫ÎļòÃ÷µÄ²ûÊöÁËÒ»ÖÖ¼ÓÔØÎļþ¶ø²»»áÈÃÖ®Ö´Ðеķ½·¨¡£ÔÎĿɼû http://www.phpied.com/preload-cssjavascript-without-execution/
¾ßÌåµÄ·½·¨ÊÇ£¬ieÖÐʹÓà new Image().src È¥Ô¤¼ÓÔØÎļþ£¬¶øÆäËûä¯ÀÀÆ÷ʹÓö¯Ì¬²åÈëµÄ <object> ±êÇ©À´Íê³É¼ÓÔØ¡£
²¿·Ö´úÂëÈçÏÂ
code
1 window.onload = function () {
2
3 var i = 0,
4 max = 0,
5 o = null,
6
7 // list of stuff to preload
8 preload = [
9 'http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.png',
10 'http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.js',
11 'http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.css'
12 ],
13 isIE = naviga
Ïà¹ØÎĵµ£º
1¡¢CSS·ç¸ñÍøÕ¾£¬½«ÏÂÃæÕâ¶Î´úÂëÌí¼Óµ½ÍøÕ¾cssÎļþ×¶Ë¡£
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
»òÕߣº
ÔÚcssÎļþµÄbodyÖмÓÈëfilter:gray£º
body {filter:gray}
¡¡¡¡2¡¢Î´ÆôÓÃCSS·ç¸ñÍøÕ¾£¬ÔÚÍøÒ³»òÕßÄ£°åµÄHTML´úÂëºÍÖ®¼ä²åÈëÒÔÏ´úÂ룺
<style>
html{filter:pro ......
Ñ¡ÔñÆ÷ Óï·¨ ÃèÊö ʾÀý ±êÇ©Ñ¡ÔñÆ÷ E{ .....} ÒÔÎĵµÔªËØ×÷ΪѡÔñ·û td{font-size:14px;
......} IDÑ¡ÔñÆ÷ #ID{...} ÒÔÎĵµÔªËصÄΩһ± ......
CSS »ù´¡Óï·¨
µ±Í¬Ò»¸ö HTML ÔªËر»²»Ö¹Ò»¸öÑùʽ¶¨Òåʱ£¬»áʹÓÃÄĸöÑùʽÄØ£¿
Ò»°ã¶øÑÔ£¬ËùÓеÄÑùʽ»á¸ù¾ÝÏÂÃæµÄ¹æÔò²ãµþÓÚÒ»¸öеÄÐéÄâÑùʽ±íÖУ¬ÆäÖÐÊý×Ö 4 ÓµÓÐ×î¸ßµÄÓÅÏÈȨ¡£
1. ä¯ÀÀÆ÷ȱʡÉèÖÃ
2. ÍⲿÑùʽ±í
3. ÄÚ²¿Ñùʽ±í£¨Î»ÓÚ <head> ±êÇ©ÄÚ²¿£©
4.&nb ......
jQuery, MooTools, Prototype µÈÓÅÐãµÄ
JavaScript ¿ò¼ÜÓµÓи÷ÖÖÇ¿´óµÄ¹¦ÄÜ£¬°üÀ¨»æÖÆ Web ͼ±í£¬Ê¹ÓÃÕâЩ¿ò¼ÜÒÔ¼°ÏàÓ¦²å¼þ£¬ÎÒÃÇ¿ÉÒԷdz£ÇáËɵØʵÏÖÇúÏßͼ£¬Ô²±ýͼ£¬Öù״ͼµÈ
Web ͼ±íµÄ»æÖÆ£¬¶ø²»±ØÏóÒÔÍùÄÇÑùͨ¹ý¸´Ô Flash ¼¼ÊõʵÏÖ¡£±¾ÎĽéÉÜÁË9¸öÓÅÐãµÄ»ùÓÚ JavaScript Óë CSS& ......