4銆佸彲緙撳瓨鐨?AJAX

Ajax 緇忓父琚彁鍙婄殑涓€涓ソ澶勫氨鏄敱浜庡叾浠庡悗鍙版湇鍔″櫒浼犺緭淇℃伅鐨勫紓姝ユ€ц€屼負鐢ㄦ埛甯︽潵 鐨勫弽棣堢殑鍗蟲椂鎬с€備絾鏄紝浣跨敤 Ajax 騫朵笉鑳戒繚璇佺敤鎴蜂笉浼氬湪絳夊緟寮傛鐨?JavaScript 鍜?XML 鍝嶅簲涓婅姳璐規椂闂淬€傚湪寰堝搴旂敤涓紝鐢ㄦ埛鏄惁闇€瑕佺瓑寰呭搷搴斿彇鍐充簬 Ajax 濡備綍鏉ヤ嬌鐢ㄣ€備緥 濡傦紝鍦ㄤ竴涓熀浜?Web 鐨?Email 瀹㈡埛絝腑錛岀敤鎴峰繀欏葷瓑寰?Ajax 榪斿洖絎﹀悎浠栦滑鏉′歡鐨勯偖浠?/p>

鏌ヨ緇撴灉銆傝浣忎竴鐐癸紝”寮傛”騫朵笉寮傚懗鐫€”鍗蟲椂”錛岃繖寰堥噸瑕併€?/p>

涓轟簡鎻愰珮鎬ц兘錛屼紭鍖朅jax鍝嶅簲鏄緢閲嶈鐨勩€傛彁楂楢jxa鎬ц兘鐨勬帾鏂戒腑鏈€閲嶈鐨勬柟娉曞氨鏄嬌 鍝嶅簲鍏鋒湁鍙紦瀛樻€э紝鍏蜂綋鐨勮璁哄彲浠ユ煡鐪婣dd an Expires or a Cache-Control Header銆?鍏跺畠鐨勫嚑鏉¤鍒欎篃鍚屾牱閫傜敤浜嶢jax錛?Gizp鍘嬬緝鏂囦歡錛屽噺灝慏NS鏌ユ壘嬈℃暟錛岀簿綆€JavaScript錛岄伩鍏嶈煩杞紝閰嶇疆ETags

璁╂垜浠潵鐪嬩竴涓緥瀛愶細涓€涓?Web2.0 鐨?Email 瀹㈡埛絝細浣跨敤 Ajax 鏉ヨ嚜鍔ㄥ畬鎴愬鐢ㄦ埛鍦板潃 鍚勭殑涓嬭澆銆傚鏋滅敤鎴峰湪涓婃浣跨敤榪?Email web 搴旂敤紼嬪簭鍚庢病鏈夊鍦板潃鍚勪綔浠諱綍鐨勪慨鏀癸紝 鑰屼笖 Ajax 鍝嶅簲閫氳繃 Expire 鎴栬€?Cacke-Control 澶存潵瀹炵幇緙撳瓨錛岄偅涔堝氨鍙互鐩存帴浠庝笂涓€ 嬈＄殑緙撳瓨涓鍙栧湴鍧€鍚勪簡銆?/p>

蹇呴』鍛婄煡嫻忚鍣ㄦ槸浣跨敤緙撳瓨涓殑鍦板潃鍚勮繕鏄彂閫佷竴涓柊鐨勮 姹傘€傝繖鍙互閫氳繃涓鴻鍙栧湴鍧€鍚勭殑 Ajax URL 澧炲姞涓€涓惈鏈変笂嬈＄紪杈戞椂闂寸殑鏃墮棿鎴蟲潵瀹炵幇錛?渚嬪錛?amp;t=11900241612 絳夈€傚鏋滃湴鍧€鍚勫湪涓婃涓嬭澆鍚庢病鏈夎緙栬緫榪囷紝鏃墮棿鎴沖氨涓嶅彉錛屽垯浠庢祻瑙堝櫒鐨勭紦瀛樹腑鍔犺澆浠庤€屽噺灝戜簡涓€嬈?HTTP 璇鋒眰榪囩▼銆傚鏋滅敤鎴蜂慨鏀矽繃鍦板潃鍚勶紝鏃墮棿 鎴沖氨浼氱敤鏉ョ‘瀹氭柊鐨?URL 鍜岀紦瀛樺搷搴斿茍涓嶅尮閰嶏紝嫻忚鍣ㄥ氨浼氶噸瑕佽姹傛洿鏂板湴鍧€鍚勩€?鍗充嬌浣犵殑 Ajxa 鍝嶅簲鏄姩鎬佺敓鎴愮殑錛屽摢鎬曞畠鍙€傜敤浜庝竴涓敤鎴鳳紝閭ｄ箞瀹冧篃搴旇琚紦瀛樿搗 鏉ャ€傝繖鏍峰仛鍙互浣誇綘鐨?Web2.0 搴旂敤紼嬪簭鏇村姞蹇嵎銆?/p>

5銆佹帹榪熷姞杞藉唴瀹?

浣犲彲浠ヤ粩緇嗙湅涓€涓嬩綘鐨勭綉欏碉紝闂棶鑷繁”鍝簺鍐呭鏄〉闈㈠憟鐜版椂鎵€蹇呴渶棣栧厛鍔犺澆鐨勶紵鍝?浜涘唴瀹瑰拰緇撴瀯鍙互紼嶅悗鍐嶅姞杞斤紵 鎶婃暣涓繃紼嬫寜鐓nload浜嬩歡鍒嗛殧鎴愪袱閮ㄥ垎錛孞avaScript鏄竴涓悊鎯崇殑閫夋嫨銆備緥濡傦紝濡傛灉 浣犳湁鐢ㄤ簬瀹炵幇鎷栨斁鍜屽姩鐢葷殑JavaScript錛岄偅涔堝畠灝變互絳夊緟紼嶅悗鍔犺澆錛屽洜涓洪〉闈笂鐨勬嫋鏀?鍏冪礌鏄湪鍒濆鍖栧憟鐜頒箣鍚庢墠鍙戠敓鐨勩€傚叾瀹冪殑渚嬪闅愯棌閮ㄥ垎鐨勫唴瀹癸紙鐢ㄦ埛鎿嶄綔涔嬪悗鎵嶆樉鐜?鐨勫唴瀹癸級鍜屽浜庢姌鍙犻儴鍒嗙殑鍥懼儚涔熷彲浠ユ帹榪熷姞杞?/p>

宸ュ叿鍙互鑺傜渷浣犵殑宸ヤ綔閲忥細YUI Image Loader鍙互甯綘鎺ㄨ繜鍔犺澆鎶樺彔閮ㄥ垎鐨勫浘鐗囷紝YUI Get utility鏄寘鍚獼S鍜?CSS鐨勪究鎹鋒柟娉曘€傛瘮濡備綘鍙互鎵撳紑Firebug鐨凬et閫夐」鍗＄湅涓€涓媃ahoo 鐨勯欏點€?/p>

褰撴€ц兘鐩爣鍜屽叾瀹冪綉絝欏紑鍙戝疄璺典竴鑷存椂灝變細鐩稿緱鐩婂槳銆傝繖縐嶆儏鍐典笅錛岄€氳繃紼嬪簭鎻愰珮緗戠珯 鎬ц兘鐨勬柟娉曞憡璇夋垜浠紝鍦ㄦ敮鎸丣avaScript鐨勬儏鍐典笅錛屽彲浠ュ厛鍘婚櫎鐢ㄦ埛浣撻獙錛屼笉榪囪繖瑕佷繚 璇佷綘鐨勭綉絝欏湪娌℃湁JavaScript涔熷彲浠ユ甯歌繍琛屻€傚湪紜畾欏甸潰榪愯姝ｅ父鍚庯紝鍐嶅姞杞借剼鏈潵

瀹炵幇濡傛嫋鏀懼拰鍔ㄧ敾絳夋洿鍔犺姳鍝ㄧ殑鏁堟灉銆?/p>

6銆侀鍔犺澆

棰勫姞杞藉拰鍚庡姞杞界湅璧鋒潵浼間箮鎭版伆鐩稿弽錛屼絾瀹為檯涓婇鍔犺澆鏄負浜嗗疄鐜板彟澶栦竴縐嶇洰鏍囥€傞鍔?杞芥槸鍦ㄦ祻瑙堝櫒絀洪棽鏃惰姹傚皢鏉ュ彲鑳戒細鐢ㄥ埌鐨勯〉闈㈠唴瀹癸紙濡傚浘鍍忋€佹牱寮忚〃鍜岃剼鏈級銆備嬌鐢?榪欑鏂規硶錛屽綋鐢ㄦ埛瑕佽闂笅涓€涓〉闈㈡椂錛岄〉闈腑鐨勫唴瀹瑰ぇ閮ㄥ垎宸茬粡鍔犺澆鍒扮紦瀛樹腑浜嗭紝鍥?姝ゅ彲浠ュぇ澶ф敼鍠勮闂€熷害銆?/p>

涓嬮潰鎻愪緵浜嗗嚑縐嶉鍔犺澆鏂規硶錛?/p>

鏃犳潯浠跺姞杞斤細瑙﹀彂 onload 浜嬩歡鏃訛紝鐩存帴鍔犺澆棰濆鐨勯〉闈㈠唴瀹廣€備互 Google.com 涓轟緥錛屼綘 鍙互鐪嬩竴涓嬪畠鐨?spirit image 鍥懼儚鏄€庢牱鍦?onload 涓姞杞界殑銆傝繖涓?spirit image 鍥?鍍忓湪 google.com 涓婚〉涓槸涓嶉渶瑕佺殑錛屼絾鏄嵈鍙互鍦ㄦ悳绱㈢粨鏋滈〉闈腑鐢ㄥ埌瀹冦€?/p>

鏈夋潯浠跺姞杞斤細鏍規嵁鐢ㄦ埛鐨勬搷浣滄潵鏈夋牴鎹湴鍒ゆ柇鐢ㄦ埛涓嬮潰鍙兘鍘誨線鐨勯〉闈㈠茍鐩稿簲鐨勯鍔犺澆 欏甸潰鍐呭銆傚湪 search.yahoo.com 涓綘鍙互鐪嬪埌濡備綍鍦ㄤ綘杈撳靉鍐呭鏃跺姞杞介澶栫殑欏甸潰鍐呭銆?/p>

鏈夐鏈熺殑鍔犺澆錛氳澆鍏ラ噸鏂拌璁¤繃鐨勯〉闈㈡椂浣跨敤棰勫姞杞姐€傝繖縐嶆儏鍐電粡甯稿嚭鐜板湪欏甸潰緇忚繃閲?鏂拌璁″悗鐢ㄦ埛鎶辨€?鏂扮殑欏甸潰鐪嬭搗鏉ュ緢閰鳳紝浣嗘槸鍗存瘮浠ュ墠鎱?銆傞棶棰樺彲鑳藉嚭鍦ㄧ敤鎴峰浜?浣犵殑鏃х珯鐐瑰緩絝嬩簡瀹屾暣鐨勭紦瀛橈紝鑰屽浜庢柊絝欑偣鍗存病鏈変換浣曠紦瀛樺唴瀹廣€傚洜姝や綘鍙互鍦ㄨ闂?鏂扮珯涔嬪墠灝卞姞杞戒竴閮ㄥ唴瀹規潵閬垮厤榪欑緇撴灉鐨勫嚭鐜般€傚湪浣犵殑鏃х珯涓埄鐢ㄦ祻瑙堝櫒鐨勭┖浣欐椂闂?/p>

鍔犺澆鏂扮珯涓敤鍒扮殑鍥懼儚鐨勫拰鑴氭湰鏉ユ彁楂樿闂€熷害銆?/p>

7銆佸噺灝慏OM鍏冪礌鏁伴噺

涓€涓鏉傜殑欏甸潰鎰忓懗鐫€闇€瑕佷笅杞芥洿澶氭暟鎹紝鍚屾椂涔熸剰鍛崇潃JavaScript閬嶅巻DOM鐨勬晥鐜囪秺 鎱€傛瘮濡傚綋浣犲鍔犱竴涓簨浠跺彞鏌勬椂鍦?500 鍜?5000 涓狣OM鍏冪礌涓驚鐜晥鏋滆偗瀹氭槸涓嶄竴鏍風殑銆?/p>

澶ч噺鐨凞OM鍏冪礌鐨勫瓨鍦ㄦ剰鍛崇潃欏甸潰涓湁鍙互涓嶇敤縐婚櫎鍐呭鍙渶瑕佹浛鎹㈠厓绱犳爣絳懼氨鍙互綺?綆€鐨勯儴鍒嗐€備綘鍦ㄩ〉闈㈠竷灞€涓嬌鐢ㄨ〃鏍間簡鍚楋紵浣犳湁娌℃湁浠呬粎涓轟簡甯冨矓鑰屽紩鍏ユ洿澶氱殑<div> 鍏冪礌鍛紵涔熻浼氬瓨鍦ㄤ竴涓€傚悎鎴栬€呭湪璇剰鏄洿璐村垏鐨勬爣絳懼彲浠ヤ緵浣犱嬌鐢ㄣ€?/p>

YUI CSS utilities鍙互緇欎綘鐨勫竷灞€甯︽潵宸ㄥぇ甯姪錛歡rids.css鍙互甯綘瀹炵幇鏁翠綋甯冨矓錛?font.css鍜宺eset.css鍙互甯姪浣犵Щ闄ゆ祻瑙堝櫒榛樿鏍煎紡銆傚畠鎻愪緵浜嗕竴涓噸鏂板瑙嗕綘欏甸潰 涓爣絳劇殑鏈轟細錛屾瘮濡傚彧鏈夊湪璇剰涓婃湁鎰忎箟鏃舵墠浣跨敤<div>錛岃€屼笉鏄洜涓哄畠鍏鋒湁鎹㈣鏁堟灉 鎵嶄嬌鐢ㄥ畠銆?/p>

DOM鍏冪礌鏁伴噺寰堝鏄撹綆楀嚭鏉ワ紝鍙渶瑕佸湪Firebug鐨勬帶鍒跺彴鍐呰緭鍏ワ細

document.getElementsByTagName(‘*’).length

閭ｄ箞澶氬皯涓狣OM鍏冪礌綆楁槸澶氬憿錛熻繖鍙互瀵圭収鏈夊緢濂芥爣璁頒嬌鐢ㄧ殑綾諱技欏甸潰銆傛瘮濡俌ahoo!涓?欏墊槸涓€涓唴瀹歸潪甯稿鐨勯〉闈紝浣嗘槸瀹冨彧浣跨敤浜?700 涓厓绱狅紙HTML鏍囩錛夈€?/p>

8銆佹牴鎹煙鍚嶅垝鍒嗛〉闈㈠唴瀹?

鎶婇〉闈㈠唴瀹瑰垝鍒嗘垚鑻ュ共閮ㄥ垎鍙互浣誇綘鏈€澶ч檺搴﹀湴瀹炵幇騫寵涓嬭澆銆傜敱浜嶥NS鏌ユ壘甯︽潵鐨勫獎 鍝嶄綘棣栧厛瑕佺‘淇濅綘浣跨敤鐨勫煙鍚嶆暟閲忓湪 2 涓埌 4 涓箣闂淬€備緥濡傦紝浣犲彲浠ユ妸鐢ㄥ埌鐨凥TML鍐呭鍜屽姩鎬佸唴瀹規斁鍦╳ww.example.org涓婏紝鑰屾妸欏甸潰鍚勭緇勪歡錛堝浘鐗囥€佽剼鏈€丆SS)鍒嗗埆瀛樻斁 鍦╯tatics1.example.org鍜宻tatics.example.org涓娿€?/p>

浣犲彲鍦═enni Theurer鍜孭atty Chi鍚堝啓鐨勬枃絝燤aximizing Parallel Downloads in the

Carpool Lane鎵懼埌鏇村鐩稿叧淇℃伅銆?/p>

9銆佷嬌 iframe 鐨勬暟閲忔渶灝?/strong>

ifrmae 鍏冪礌鍙互鍦ㄧ埗鏂囨。涓彃鍏ヤ竴涓柊鐨?HTML 鏂囨。銆備簡瑙?iframe 鐨勫伐浣滅悊鐒跺悗鎵嶈兘鏇?鍔犳湁鏁堝湴浣跨敤瀹冿紝榪欎竴鐐瑰緢閲嶈銆?/p>

<iframe>浼樼偣錛?/p>

• 瑙ｅ喅鍔犺澆緙撴參鐨勭涓夋柟鍐呭濡傚浘鏍囧拰騫垮憡絳夌殑鍔犺澆闂

• Security sandbox

• 騫惰鍔犺澆鑴氭湰

<iframe>鐨勭己鐐癸細

• 鍗蟲椂鍐呭涓虹┖錛屽姞杞戒篃闇€瑕佹椂闂?/p>

• 浼氶樆姝㈤〉闈㈠姞杞?/p>

• 娌℃湁璇剰

10銆佷笉瑕佸嚭鐜?404 閿欒

HTTP 璇鋒眰鏃墮棿娑堣€楁槸寰堝ぇ鐨勶紝鍥犳浣跨敤 HTTP 璇鋒眰鏉ヨ幏寰椾竴涓病鏈夌敤澶勭殑鍝嶅簲錛堜緥濡?404 娌℃湁鎵懼埌欏甸潰錛夋槸瀹屽叏娌℃湁蹇呰鐨勶紝瀹冨彧浼氶檷浣庣敤鎴蜂綋楠岃€屼笉浼氭湁涓€鐐瑰ソ澶勩€?/p>

鏈変簺絝欑偣鎶?404 閿欒鍝嶅簲欏甸潰鏀逛負”浣犳槸涓嶆槸瑕佹壘***”錛岃繖鉶界劧鏀矽繘浜嗙敤鎴蜂綋楠屼絾鏄?鍚屾牱涔熶細嫻垂鏈嶅姟鍣ㄨ祫婧愶紙濡傛暟鎹簱絳夛級銆傛渶緋熺硶鐨勬儏鍐墊槸鎸囧悜澶栭儴 JavaScript 鐨勯摼 鎺ュ嚭鐜伴棶棰樺茍榪斿洖 404 浠ｇ爜銆傞鍏堬紝榪欑鍔犺澆浼氱牬鍧忓茍琛屽姞杞斤紱鍏舵嫻忚鍣ㄤ細鎶婅瘯鍥懼湪

榪斿洖鐨?404 鍝嶅簲鍐呭涓壘鍒板彲鑳芥湁鐢ㄧ殑閮ㄥ垎褰撲綔 JavaScript 浠ｇ爜鏉ユ墽琛屻€?/p>

寤朵幾闃呰錛?/h3>

• Web紼嬪簭浼樺寲鐨勬渶浣沖疄璺碉紙鏈嶅姟鍣ㄧ瘒錛?/a>
• Web紼嬪簭浼樺寲鐨勬渶浣沖疄璺碉細JavaScript鍜孋SS綃?/a>
• Web紼嬪簭浼樺寲鐨勬渶浣沖疄璺碉細Cookie銆佸浘鐗囧強縐誨姩搴旂敤綃?/a>

.mod-gallery .gallery-photo-items{text-align:center;}

鏌ョ湅瀹屾暣緇勫浘

涓婁竴欏?/a>

涓嬩竴欏?/a>

娉細鐩稿叧緗戠珯寤鴻鎶€宸ч槄璇昏縐繪鍒?a href=”/web/” target=”_blank”>寤虹珯鏁欑▼棰戦亾銆?/p>

1
鏌ョ湅鍏ㄦ枃