銆愰潰璇曠瘒銆慔TML銆丆SS闈㈣瘯鐭ヨ瘑鐐归泦閿︼紝涓€鏂囧氨澶熶簡
Posted 鐚村摜璇村墠绔?/a> 銆愰
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了銆愰潰璇曠瘒銆慔TML銆丆SS闈㈣瘯鐭ヨ瘑鐐归泦閿︼紝涓€鏂囧氨澶熶簡相关的知识,希望对你有一定的参考价值。
馃挄鐪嬪墠涓変欢浜?
-
鐐硅禐 | 浣犲彲浠? 鐐瑰嚮鈥斺€?gt;鏀惰棌鈥斺€?gt;閫€鍑?/code>涓€姘斿懙鎴愶紝浣嗗埆蹇樹簡鐐硅禐馃き
-
鍏虫敞 | 鍏虫敞銆愮尨鍝ヨ鍓嶇銆戯紝涓嬫涓嶈糠璺煒? -
鍦ㄧ湅 | 鐐逛釜鍦ㄧ湅锛岃鏇村灏忎紮浼翠篃鐪嬪埌鍝︷煒?
HTML涓嶤SS鍩虹锛?/span>
娴忚鍣ㄥ唴鏍告湁鍝簺?
-
IE: trident鍐呮牳
-
Firefox锛歡ecko鍐呮牳
-
Safari:webkit鍐呮牳
-
Opera:浠ュ墠鏄痯resto鍐呮牳锛孫pera鐜板凡鏀圭敤Google Chrome鐨凚link鍐呮牳
-
Chrome:Blink(鍩轰簬webkit锛孏oogle涓嶰pera Software鍏卞悓寮€鍙?
HTML鏂囦欢绉嶇殑Doctype鏄共浠€涔堢殑锛?/span>
澹版槑浣嶄簬鏂囨。涓殑鏈€鍓嶉潰鐨勪綅缃紝澶勪簬 鏍囩涔嬪墠銆傛鏍囩鍙憡鐭ユ祻瑙堝櫒鏂囨。浣跨敤鍝 html 鎴?XHTML 瑙勮寖銆?閲嶇偣锛氬憡璇夋祻瑙堝櫒鎸夌収浣曠瑙勮寖瑙f瀽椤甸潰
浠€涔堟槸澶栬竟璺濋噸鍙狅紵閲嶅彔鐨勭粨鏋滄槸浠€涔堬紵
澶栬竟璺濋噸鍙犲氨鏄痬argin-collapse銆?/p>
鍦–SS褰撲腑锛岀浉閭荤殑涓や釜鐩掑瓙锛堝彲鑳芥槸鍏勫紵鍏崇郴涔熷彲鑳芥槸绁栧厛鍏崇郴锛夌殑澶栬竟璺濆彲浠ョ粨鍚堟垚涓€涓崟鐙殑澶栬竟璺濄€傝繖绉嶅悎骞跺杈硅窛鐨勬柟寮忚绉颁负鎶樺彔锛屽苟涓斿洜鑰屾墍缁撳悎鎴愮殑澶栬竟璺濈О涓烘姌鍙犲杈硅窛銆?/p>
鎶樺彔缁撴灉閬靛惊涓嬪垪璁$畻瑙勫垯锛?/p>
-
涓や釜鐩搁偦鐨勫杈硅窛閮芥槸姝f暟鏃讹紝鎶樺彔缁撴灉鏄畠浠袱鑰呬箣闂磋緝澶х殑鍊笺€? -
涓や釜鐩搁偦鐨勫杈硅窛閮芥槸璐熸暟鏃讹紝鎶樺彔缁撴灉鏄袱鑰呯粷瀵瑰€肩殑杈冨ぇ鍊笺€? -
涓や釜澶栬竟璺濅竴姝d竴璐熸椂锛屾姌鍙犵粨鏋滄槸涓よ€呯殑鐩稿姞鐨勫拰銆?
rgba()鍜宱pacity鐨勯€忔槑鏁堟灉鏈変粈涔堜笉鍚岋紵
rgba()鍜宱pacity閮借兘瀹炵幇閫忔槑鏁堟灉锛屼絾鏈€澶х殑涓嶅悓鏄痮pacity浣滅敤浜庡厓绱狅紝浠ュ強鍏冪礌鍐呯殑鎵€鏈夊唴瀹圭殑閫忔槑搴︼紝
鑰宺gba()鍙綔鐢ㄤ簬鍏冪礌鐨勯鑹叉垨鍏惰儗鏅壊銆傦紙璁剧疆rgba閫忔槑鐨勫厓绱犵殑瀛愬厓绱犱笉浼氱户鎵块€忔槑鏁堟灉锛侊級
px鍜宔m鐨勫尯鍒紵
px鍜宔m閮芥槸闀垮害鍗曚綅锛屽尯鍒槸锛宲x鐨勫€兼槸鍥哄畾鐨勶紝鎸囧畾鏄灏戝氨鏄灏戯紝璁$畻姣旇緝瀹规槗銆俥m寰楀€间笉鏄浐瀹氱殑锛屽苟涓攅m浼氱户鎵跨埗绾у厓绱犵殑瀛椾綋澶у皬銆?/p>
娴忚鍣ㄧ殑榛樿瀛椾綋楂橀兘鏄?6px銆傛墍浠ユ湭缁忚皟鏁寸殑娴忚鍣ㄩ兘绗﹀悎: 1em=16px銆傞偅涔?2px=0.75em, 10px=0.625em銆?/p>
Sass銆丩ESS鏄粈涔堬紵澶у涓轰粈涔堣浣跨敤浠栦滑锛?/span>
浠栦滑鏄疌SS棰勫鐞嗗櫒銆備粬鏄疌SS涓婄殑涓€绉嶆娊璞″眰銆備粬浠槸涓€绉嶇壒娈婄殑璇硶/璇█缂栬瘧鎴怌SS銆?/p>
渚嬪Less鏄竴绉嶅姩鎬佹牱寮忚瑷€. 灏咰SS璧嬩簣浜嗗姩鎬佽瑷€鐨勭壒鎬э紝濡傚彉閲忥紝缁ф壙锛岃繍绠楋紝 鍑芥暟. LESS 鏃㈠彲浠ュ湪瀹㈡埛绔笂杩愯 (鏀寔IE 6+, Webkit, Firefox)锛屼篃鍙竴鍦ㄦ湇鍔$杩愯 (鍊熷姪 Node.js)銆?/p>
涓轰粈涔堣浣跨敤瀹冧滑锛?/p>
缁撴瀯娓呮櫚锛屼究浜庢墿灞曘€?/p>
鍙互鏂逛究鍦板睆钄芥祻瑙堝櫒绉佹湁璇硶宸紓銆傝繖涓笉鐢ㄥ璇达紝灏佽瀵规祻瑙堝櫒璇硶宸紓鐨勯噸澶嶅鐞嗭紝鍑忓皯鏃犳剰涔夌殑鏈烘鍔冲姩銆?/p>
鍙互杞绘澗瀹炵幇澶氶噸缁ф壙銆?/p>
瀹屽叏鍏煎 CSS 浠g爜锛屽彲浠ユ柟渚垮湴搴旂敤鍒拌€侀」鐩腑銆侺ESS 鍙槸鍦?CSS 璇硶涓婂仛浜嗘墿灞曪紝鎵€浠ヨ€佺殑 CSS 浠g爜涔熷彲浠ヤ笌 LESS 浠g爜涓€鍚岀紪璇戙€?/p>
display:none涓巚isibility:hidden鐨勫尯鍒槸浠€涔堬紵
display : 闅愯棌瀵瑰簲鐨勫厓绱犱絾涓嶆尋鍗犺鍏冪礌鍘熸潵鐨勭┖闂淬€?/p>
visibility: 闅愯棌瀵瑰簲鐨勫厓绱犲苟涓旀尋鍗犺鍏冪礌鍘熸潵鐨勭┖闂淬€?/p>
鍗虫槸锛屼娇鐢–SS display:none灞炴€у悗锛孒TML鍏冪礌锛堝璞★級鐨勫搴︺€侀珮搴︾瓑鍚勭灞炴€у€奸兘灏嗏€滀涪澶扁€?鑰屼娇鐢╲isibility:hidden灞炴€у悗锛孒TML鍏冪礌锛堝璞★級浠呬粎鏄湪瑙嗚涓婄湅涓嶈锛堝畬鍏ㄩ€忔槑锛夛紝鑰屽畠鎵€鍗犳嵁鐨勭┖闂翠綅缃粛鐒跺瓨鍦ㄣ€?/p>
CSS涓璴ink鍜孈import鐨勫尯鍒槸锛?/span>
Link灞炰簬html鏍囩锛岃€孈import鏄疌SS涓彁渚涚殑
鍦ㄩ〉闈㈠姞杞界殑鏃跺€欙紝link浼氬悓鏃惰鍔犺浇锛岃€孈import寮曠敤鐨凜SS浼氬湪椤甸潰鍔犺浇瀹屾垚鍚庢墠浼氬姞杞藉紩鐢ㄧ殑CSS
@import鍙湁鍦╥e5浠ヤ笂鎵嶅彲浠ヨ璇嗗埆锛岃€宭ink鏄痟tml鏍囩锛屼笉瀛樺湪娴忚鍣ㄥ吋瀹规€ч棶棰?/p>
Link寮曞叆鏍峰紡鐨勬潈閲嶅ぇ浜嶡import鐨勫紩鐢紙@import鏄皢寮曠敤鐨勬牱寮忓鍏ュ埌褰撳墠鐨勯〉闈腑锛?/p>
涓轰粈涔堣鍒濆鍖栨牱寮忥紵
鐢变簬娴忚鍣ㄥ吋瀹圭殑闂锛屼笉鍚岀殑娴忚鍣ㄥ鏍囩鐨勯粯璁ゆ牱寮忓€间笉鍚岋紝鑻ヤ笉鍒濆鍖栦細閫犳垚涓嶅悓娴忚鍣ㄤ箣闂寸殑鏄剧ず宸紓
浣嗘槸鍒濆鍖朇SS浼氬鎼滅储寮曟搸浼樺寲閫犳垚灏忓奖鍝?/p>
BFC鏄粈涔?
BFC锛堝潡绾ф牸寮忓寲涓婁笅鏂囷級锛屼竴涓垱寤轰簡鏂扮殑BFC鐨勭洅瀛愭槸鐙珛甯冨眬鐨勶紝鐩掑瓙鍐呭厓绱犵殑甯冨眬涓嶄細褰卞搷鐩掑瓙澶栭潰鐨勫厓绱犮€傚湪鍚屼竴涓狟FC涓殑涓や釜鐩搁偦鐨勭洅瀛愬湪鍨傜洿鏂瑰悜鍙戠敓margin閲嶅彔鐨勯棶棰?BFC鏄寚娴忚鍣ㄤ腑鍒涘缓浜嗕竴涓嫭绔嬬殑娓叉煋鍖哄煙锛岃鍖哄煙鍐呮墍鏈夊厓绱犵殑甯冨眬涓嶄細褰卞搷鍒板尯鍩熷鍏冪礌鐨勫竷灞€锛岃繖涓覆鏌撳尯鍩熷彧瀵瑰潡绾у厓绱犺捣浣滅敤
Quirks妯″紡鏄粈涔堬紵瀹冨拰Standards妯″紡鏈変粈涔堝尯鍒?/span>
浠嶪E6寮€濮嬶紝寮曞叆浜哠tandards妯″紡锛屾爣鍑嗘ā寮忎腑锛屾祻瑙堝櫒灏濊瘯缁欑鍚堟爣鍑嗙殑鏂囨。鍦ㄨ鑼冧笂鐨勬纭鐞嗚揪鍒板湪鎸囧畾娴忚鍣ㄤ腑鐨勭▼搴︺€?/p>
鍦↖E6涔嬪墠CSS杩樹笉澶熸垚鐔燂紝鎵€浠E5绛変箣鍓嶇殑娴忚鍣ㄥCSS鐨勬敮鎸佸緢宸紝 IE6灏嗗CSS鎻愪緵鏇村ソ鐨勬敮鎸侊紝鐒惰€岃繖鏃剁殑闂灏辨潵浜嗭紝鍥犱负鏈夊緢澶氶〉闈㈡槸鍩轰簬鏃х殑甯冨眬鏂瑰紡鍐欑殑锛岃€屽鏋淚E6 鏀寔CSS鍒欏皢浠よ繖浜涢〉闈㈡樉绀轰笉姝e父锛屽浣曞湪鍗充繚璇佷笉鐮村潖鐜版湁椤甸潰锛屽張鎻愪緵鏂扮殑娓叉煋鏈哄埗鍛紵
鍦ㄥ啓绋嬪簭鏃舵垜浠篃浼氱粡甯搁亣鍒拌繖鏍风殑闂锛屽浣曚繚璇佸師鏉ョ殑鎺ュ彛涓嶅彉锛屽張鎻愪緵鏇村己澶х殑鍔熻兘锛屽挨鍏舵槸鏂板姛鑳戒笉鍏煎鏃у姛鑳芥椂銆傞亣鍒拌繖绉嶉棶棰樻椂鐨勪竴涓父瑙佸仛娉曟槸澧炲姞鍙傛暟鍜屽垎鏀紝鍗冲綋鏌愪釜鍙傛暟涓虹湡鏃讹紝鎴戜滑灏变娇鐢ㄦ柊鍔熻兘锛岃€屽鏋滆繖涓弬鏁?nbsp;涓嶄负鐪熸椂锛屽氨浣跨敤鏃у姛鑳斤紝杩欐牱灏辫兘涓嶇牬鍧忓師鏈夌殑绋嬪簭锛屽張鎻愪緵鏂板姛鑳姐€侷E6涔熸槸绫讳技杩欐牱鍋氱殑锛屽畠灏咲TD褰撴垚浜嗚繖涓€滃弬鏁扳€濓紝鍥犱负浠ュ墠鐨勯〉闈㈠ぇ瀹堕兘涓嶄細鍘诲啓DTD锛屾墍浠E6灏卞亣瀹?nbsp;濡傛灉鍐欎簡DTD锛屽氨鎰忓懗鐫€杩欎釜椤甸潰灏嗛噰鐢ㄥCSS鏀寔鏇村ソ鐨勫竷灞€锛岃€屽鏋滄病鏈夛紝鍒欓噰鐢ㄥ吋瀹逛箣鍓嶇殑甯冨眬鏂瑰紡銆傝繖灏辨槸Quirks妯″紡锛堟€櫀妯″紡锛岃寮傛ā寮忥紝鎬紓妯″紡锛夈€?/p>
鍖哄埆锛?/p>
鎬讳綋浼氭湁甯冨眬銆佹牱寮忚В鏋愬拰鑴氭湰鎵ц涓変釜鏂归潰鐨勫尯鍒€?/p>
鐩掓ā鍨嬶細鍦╓3C鏍囧噯涓紝濡傛灉璁剧疆涓€涓厓绱犵殑瀹藉害鍜岄珮搴︼紝鎸囩殑鏄厓绱犲唴瀹圭殑瀹藉害鍜岄珮搴︼紝鑰屽湪Quirks 妯″紡涓嬶紝IE鐨勫搴﹀拰楂樺害杩樺寘鍚簡padding鍜宐order銆?/p>
璁剧疆琛屽唴鍏冪礌鐨勯珮瀹斤細鍦⊿tandards妯″紡涓嬶紝缁欑瓑琛屽唴鍏冪礌璁剧疆wdith鍜宧eight閮戒笉浼氱敓鏁堬紝鑰屽湪quirks妯″紡涓嬶紝鍒欎細鐢熸晥銆?/p>
璁剧疆鐧惧垎姣旂殑楂樺害锛氬湪standards妯″紡涓嬶紝涓€涓厓绱犵殑楂樺害鏄敱鍏跺寘鍚殑鍐呭鏉ュ喅瀹氱殑锛屽鏋滅埗鍏冪礌娌℃湁璁剧疆鐧惧垎姣旂殑楂樺害锛屽瓙鍏冪礌璁剧疆涓€涓櫨鍒嗘瘮鐨勯珮搴︽槸鏃犳晥鐨勭敤margin:0 auto璁剧疆姘村钩灞呬腑锛氫娇鐢╩argin:0 auto鍦╯tandards妯″紡涓嬪彲浠ヤ娇鍏冪礌姘村钩灞呬腑锛屼絾鍦╭uirks妯″紡涓嬪嵈浼氬け鏁堛€?/p>
锛堣繕鏈夊緢澶氾紝绛斿嚭浠€涔堜笉閲嶈锛屽叧閿槸鐪嬩粬绛斿嚭鐨勮繖浜涙槸涓嶆槸鑷繁缁忛獙閬囧埌鐨勶紝杩樻槸璇撮兘鏄湅鏂囩珷鐪嬬殑锛岀敋鑷冲畬鍏ㄤ笉鐭ラ亾銆傦級
div+css鐨勫竷灞€杈僼able甯冨眬鏈変粈涔堜紭鐐癸紵
鏀圭増鐨勬椂鍊欐洿鏂逛究 鍙鏀筩ss鏂囦欢銆傞〉闈㈠姞杞介€熷害鏇村揩銆佺粨鏋勫寲娓呮櫚銆侀〉闈㈡樉绀虹畝娲併€傝〃鐜颁笌缁撴瀯鐩稿垎绂汇€傛槗浜庝紭鍖栵紙seo锛夋悳绱㈠紩鎿庢洿鍙嬪ソ锛屾帓鍚嶆洿瀹规槗闈犲墠銆?/p>
img鐨刟lt涓巘itle鏈変綍寮傚悓锛焥trong涓巈m鐨勫紓鍚岋紵
a:alt(alt text):涓轰笉鑳芥樉绀哄浘鍍忋€佺獥浣撴垨applets鐨勭敤鎴蜂唬鐞嗭紙UA锛夛紝alt灞炴€х敤鏉ユ寚瀹氭浛鎹㈡枃瀛椼€傛浛鎹㈡枃瀛楃殑璇█鐢眑ang灞炴€ф寚瀹氥€?鍦↖E娴忚鍣ㄤ笅浼氬湪娌℃湁title鏃舵妸alt褰撴垚 tool tip鏄剧ず)
title(tool tip):璇ュ睘鎬т负璁剧疆璇ュ睘鎬х殑鍏冪礌鎻愪緵寤鸿鎬х殑淇℃伅銆?/p>
strong:绮椾綋寮鸿皟鏍囩锛屽己璋冿紝琛ㄧず鍐呭鐨勯噸瑕佹€?/p>
em:鏂滀綋寮鸿皟鏍囩锛屾洿寮虹儓寮鸿皟锛岃〃绀哄唴瀹圭殑寮鸿皟鐐?/p>
璇箟鍖栫殑鐞嗚В锛?/span>
-
鐢ㄦ纭殑鏍囩鍋氭纭殑浜嬫儏锛? -
html璇箟鍖栧氨鏄椤甸潰鐨勫唴瀹圭粨鏋勫寲锛屼究浜庡娴忚鍣ㄣ€佹悳绱㈠紩鎿庤В鏋愶紱 -
鍦ㄦ病鏈夋牱寮廋CS鎯呭喌涓嬩篃浠ヤ竴绉嶆枃妗f牸寮忔樉绀猴紝骞朵笖鏄鏄撻槄璇荤殑銆? -
鎼滅储寮曟搸鐨勭埇铏緷璧栦簬鏍囪鏉ョ‘瀹氫笂涓嬫枃鍜屽悇涓叧閿瓧鐨勬潈閲嶏紝鍒╀簬 SEO銆? -
浣块槄璇绘簮浠g爜鐨勪汉瀵圭綉绔欐洿瀹规槗灏嗙綉绔欏垎鍧楋紝渚夸簬闃呰缁存姢鐞嗚В銆?
鍨傜洿姘村钩灞呬腑鐨勬柟娉曟湁鍑犵锛?/span>
-
缁濆瀹氫綅锛宭eft0锛宼op 0 bottom0 marg auto -
缁濆瀹氫綅 left50%锛宼op50%锛涚粰璐焟argin -
缁濆瀹氫綅 left50%锛宼op50%锛涚粰transform锛歵ranslate锛?50%銆?50%锛? -
鐖讹細display锛歵able-cell锛宼ext-aline锛歝enter锛寁etiral-align锛歮iddle 瀛愶細display锛歩nline-block -
display锛歠lex锛沯ustify-content锛歝enter锛沘lign-item锛歝enter
浣犳湁鍝簺鎬ц兘浼樺寲鐨勬柟娉曪紵
锛?锛?鍑忓皯http璇锋眰娆℃暟锛欳SS Sprites, JS銆丆SS婧愮爜鍘嬬缉銆佸浘鐗囧ぇ灏忔帶鍒跺悎閫傦紱缃戦〉Gzip锛孋DN鎵樼锛宒ata缂撳瓨 锛屽浘鐗囨湇鍔″櫒銆?/p>
锛?锛?鍓嶇妯℃澘 JS+鏁版嵁锛屽噺灏戠敱浜嶩TML鏍囩瀵艰嚧鐨勫甫瀹芥氮璐癸紝鍓嶇鐢ㄥ彉閲忎繚瀛楢JAX璇锋眰缁撴灉锛屾瘡娆℃搷浣滄湰鍦板彉閲忥紝涓嶇敤璇锋眰锛屽噺灏戣姹傛鏁?/p>
锛?锛?鐢╥nnerHTML浠f浛DOM鎿嶄綔锛屽噺灏慏OM鎿嶄綔娆℃暟锛屼紭鍖杍avascript鎬ц兘銆?/p>
锛?锛?褰撻渶瑕佽缃殑鏍峰紡寰堝鏃惰缃甤lassName鑰屼笉鏄洿鎺ユ搷浣渟tyle銆?/p>
锛?锛?灏戠敤鍏ㄥ眬鍙橀噺銆佺紦瀛楧OM鑺傜偣鏌ユ壘鐨勭粨鏋溿€傚噺灏慖O璇诲彇鎿嶄綔銆?/p>
锛?锛?閬垮厤浣跨敤CSS Expression锛坈ss琛ㄨ揪寮?鍙堢ОDynamic properties(鍔ㄦ€佸睘鎬?銆?/p>
锛?锛?鍥剧墖棰勫姞杞斤紝灏嗘牱寮忚〃鏀惧湪椤堕儴锛屽皢鑴氭湰鏀惧湪搴曢儴锛屽姞涓婃椂闂存埑鈥︹€?/p>
涓轰粈涔堝埄鐢ㄥ涓煙鍚嶆潵瀛樺偍缃戠珯璧勬簮浼氭洿鏈夋晥锛?/span>
-
CDN缂撳瓨鏇存柟渚? -
绐佺牬娴忚鍣ㄥ苟鍙戦檺鍒? -
鑺傜害cookie甯﹀ -
鑺傜害涓诲煙鍚嶇殑杩炴帴鏁帮紝浼樺寲椤甸潰鍝嶅簲閫熷害 -
闃叉涓嶅繀瑕佺殑瀹夊叏闂
浠€涔堝彨浼橀泤闄嶇骇鍜屾笎杩涘寮猴紵
浼橀泤闄嶇骇锛歐eb绔欑偣鍦ㄦ墍鏈夋柊寮忔祻瑙堝櫒涓兘鑳芥甯稿伐浣滐紝濡傛灉鐢ㄦ埛浣跨敤鐨勬槸鑰佸紡娴忚鍣紝鍒欎唬鐮佷細妫€鏌ヤ互纭瀹冧滑鏄惁鑳芥甯稿伐浣溿€傜敱浜嶪E鐙壒鐨勭洅妯″瀷甯冨眬闂锛岄拡瀵逛笉鍚岀増鏈殑IE鐨刪ack瀹炶返杩囦紭闆呴檷绾т簡,涓洪偅浜涙棤娉曟敮鎸佸姛鑳界殑娴忚鍣ㄥ鍔犲€欓€夋柟妗堬紝浣夸箣鍦ㄦ棫寮忔祻瑙堝櫒涓婁互鏌愮褰㈠紡闄嶇骇浣撻獙鍗翠笉鑷充簬瀹屽叏澶辨晥.
娓愯繘澧炲己锛氫粠琚墍鏈夋祻瑙堝櫒鏀寔鐨勫熀鏈姛鑳藉紑濮嬶紝閫愭鍦版坊鍔犻偅浜涘彧鏈夋柊寮忔祻瑙堝櫒鎵嶆敮鎸佺殑鍔熻兘,鍚戦〉闈㈠鍔犳棤瀹充簬鍩虹娴忚鍣ㄧ殑棰濆鏍峰紡鍜屽姛鑳界殑銆傚綋娴忚鍣ㄦ敮鎸佹椂锛屽畠浠細鑷姩鍦板憟鐜板嚭鏉ュ苟鍙戞尌浣滅敤銆?/p>
鎳掑姞杞界殑瀹炵幇鍘熺悊
鎰忎箟锛氭噿鍔犺浇鐨勪富瑕佺洰鐨勬槸浣滀负鏈嶅姟鍣ㄥ墠绔殑浼樺寲锛屽噺灏戣姹傛暟鎴栧欢杩熻姹傛暟
瀹炵幇鍘熺悊锛氬厛鍔犺浇涓€閮ㄥ垎鏁版嵁锛屽綋瑙﹀彂鏌愪釜鏉′欢鐨勬椂鍊欏埄鐢ㄥ紓姝ュ姞杞藉墿浣欑殑鏁版嵁锛屾柊鐨勫埌鐨勬暟鎹笉浼氬奖鍝嶅師鏈夋暟鎹殑鏄剧ず锛屽悓鏃舵渶澶х▼搴︾殑鍑忓皯浜嗘湇鍔″櫒绔殑璧勬簮鑰楃敤銆?/p>
瀹炵幇鏂瑰紡锛?/p>
-
绗竴绉嶆槸绾补鐨勫欢杩熷姞杞斤紝浣跨敤setTimeout鎴杝etInterval杩涜鍔犺浇寤惰繜 -
绗簩绉嶆槸鏉′欢鍔犺浇锛岀鍚堟煇浜涙潯浠讹紝鎴栬Е鍙戜簡鏌愪簺浜嬩欢鎵嶅紑濮嬪紓姝ュ姞杞? -
绗笁绉嶆槸鍙鍖哄姞杞斤紝鍗充粎鍔犺浇鐢ㄦ埛鍙互鐪嬪埌鐨勫尯鍩燂紝杩欎釜涓昏鐢辩洃鎺ф粴鍔ㄦ潯鏉ュ疄鐜帮紝涓€鑸細鍦ㄧ敤鎴风湅鍒版煇鍥剧墖鍓嶄竴瀹氳窛绂讳究寮€濮嬪姞杞斤紝杩欐牱鑳戒繚璇佺敤鎴锋媺涓嬫椂鍒氬ソ鑳界湅鍒板浘鐗囥€?
璇疯皥涓€涓嬩綘瀵圭綉椤垫爣鍑嗗拰鏍囧噯鍒跺畾鏈烘瀯閲嶈鎬х殑鐞嗚В銆?/span>
缃戦〉鏍囧噯鍜屾爣鍑嗗埗瀹氭満鏋勯兘鏄负浜嗚兘璁﹚eb鍙戝睍鐨勬洿鈥樺仴搴封€欙紝寮€鍙戣€呴伒寰粺涓€鐨勬爣鍑嗭紝闄嶄綆寮€鍙戦毦搴︼紝寮€鍙戞垚鏈紝SEO涔熶細鏇村ソ鍋氾紝涔熶笉浼氬洜涓烘互鐢ㄤ唬鐮佸鑷村悇绉岯UG銆佸畨鍏ㄩ棶棰橈紝鏈€缁堟彁楂樼綉绔欐槗鐢ㄦ€с€?/p>
璇锋弿杩颁竴涓媍ookies锛宻essionStorage鍜宭ocalStorage鐨勫尯鍒紵
sessionStorage鐢ㄤ簬鏈湴瀛樺偍涓€涓細璇濓紙session锛変腑鐨勬暟鎹紝杩欎簺鏁版嵁鍙湁鍦ㄥ悓涓€涓細璇濅腑鐨勯〉闈㈡墠鑳借闂苟涓斿綋浼氳瘽缁撴潫鍚庢暟鎹篃闅忎箣閿€姣併€傚洜姝essionStorage涓嶆槸涓€绉嶆寔涔呭寲鐨勬湰鍦板瓨鍌紝浠呬粎鏄細璇濈骇鍒殑瀛樺偍銆傝€宭ocalStorage鐢ㄤ簬鎸佷箙鍖栫殑鏈湴瀛樺偍锛岄櫎闈炰富鍔ㄥ垹闄ゆ暟鎹紝鍚﹀垯鏁版嵁鏄案杩滀笉浼氳繃鏈熺殑銆?/p>
web storage鍜宑ookie鐨勫尯鍒?/p>
Web Storage鐨勬蹇靛拰cookie鐩镐技锛屽尯鍒槸瀹冩槸涓轰簡鏇村ぇ瀹归噺瀛樺偍璁捐鐨勩€侰ookie鐨勫ぇ灏忔槸鍙楅檺鐨勶紝骞朵笖姣忔浣犺姹備竴涓柊鐨勯〉闈㈢殑鏃跺€機ookie閮戒細琚彂閫佽繃鍘伙紝杩欐牱鏃犲舰涓氮璐逛簡甯﹀锛屽彟澶朿ookie杩橀渶瑕佹寚瀹氫綔鐢ㄥ煙锛屼笉鍙互璺ㄥ煙璋冪敤銆?/p>
闄ゆ涔嬪锛學eb Storage鎷ユ湁setItem,getItem,removeItem,clear绛夋柟娉曪紝涓嶅儚cookie闇€瑕佸墠绔紑鍙戣€呰嚜宸卞皝瑁卻etCookie锛実etCookie銆備絾鏄疌ookie涔熸槸涓嶅彲浠ユ垨缂虹殑锛欳ookie鐨勪綔鐢ㄦ槸涓庢湇鍔″櫒杩涜浜や簰锛屼綔涓篐TTP瑙勮寖鐨勪竴閮ㄥ垎鑰屽瓨鍦?nbsp;锛岃€學eb Storage浠呬粎鏄负浜嗗湪鏈湴鈥滃瓨鍌ㄢ€濇暟鎹€岀敓銆?/p>
绠€杩颁竴涓媠rc涓巋ref鐨勫尯鍒?/span>
src鐢ㄤ簬鏇挎崲褰撳墠鍏冪礌锛宧ref鐢ㄤ簬鍦ㄥ綋鍓嶆枃妗e拰寮曠敤璧勬簮涔嬮棿纭珛鑱旂郴銆?/p>
src鏄痵ource鐨勭缉鍐欙紝鎸囧悜澶栭儴璧勬簮鐨勪綅缃紝鎸囧悜鐨勫唴瀹瑰皢浼氬祵鍏ュ埌鏂囨。涓綋鍓嶆爣绛炬墍鍦ㄤ綅缃紱鍦ㄨ姹俿rc璧勬簮鏃朵細灏嗗叾鎸囧悜鐨勮祫婧愪笅杞藉苟搴旂敤鍒版枃妗e唴锛屼緥濡俲s鑴氭湰锛宨mg鍥剧墖鍜宖rame绛夊厓绱犮€?/p>
鉂わ笍鐖卞績涓夎繛鍑?/span>
1.鐪嬪埌杩欓噷浜嗗氨鐐逛釜鍦ㄧ湅鏀寔涓?span class="mq-240">鍚э紝浣犵殑銆?/strong>鍦ㄧ湅銆?/strong>鏄垜鍒涗綔鐨勫姩鍔涖€?/p>
鈥滃湪鐪嬭浆鍙戔€?/span>鏄渶澶х殑鏀寔
以上是关于銆愰潰璇曠瘒銆慔TML銆丆SS闈㈣瘯鐭ヨ瘑鐐归泦閿︼紝涓€鏂囧氨澶熶簡的主要内容,如果未能解决你的问题,请参考以下文章