閫夋嫨HTML5缃戦〉瀛樺偍鏂规锛岀壒鍒槸LocalStorage鍜孲essionStorage锛屾牳蹇冨湪浜庝綘瀵规暟鎹€滅敓鍛藉懆鏈熲€濆拰鈥滀綔鐢ㄥ煙鈥濈殑闇€姹傘€傜畝鍗曟潵璇达紝濡傛灉浣犲笇鏈涙暟鎹湪鐢ㄦ埛鍏抽棴娴忚鍣?/a>鍚庝緷鐒跺瓨鍦紝鐢氳嚦鍦ㄤ笅娆℃墦寮€鏃朵篃鑳借闂埌锛岄偅灏辩敤LocalStorage銆傚鏋滄暟鎹彧鍦ㄥ綋鍓嶆祻瑙堝櫒鏍囩椤垫垨绐楀彛鐨勭敓鍛藉懆鏈熷唴鏈夋晥锛屽叧闂悗灏卞簲璇ユ竻闄わ紝閭ｄ箞SessionStorage鏄洿鍚堥€傜殑閫夋嫨銆傝繖涓ょ瀛樺偍鏂瑰紡鍚勬湁渚ч噸锛岀悊瑙ｅ畠浠殑宸紓鏄仛鍑烘纭喅瀹氱殑鍓嶆彁銆?/p>
LocalStorage鍜孲essionStorage閮芥槸鍩轰簬閿€煎锛坘ey-value pair锛夌殑鏈湴瀛樺偍鏈哄埗锛屽畠浠瓨鍌ㄧ殑鏁版嵁閮戒互瀛楃涓插舰寮忓瓨鍦紝鎵€浠ュ瓨鍙栭潪瀛楃涓茬被鍨嬬殑鏁版嵁鏃堕渶瑕佽繘琛屽簭鍒楀寲锛?div class="code" style="position:relative; padding:0px; margin:0px;">
JSON.stringify鐧诲綍鍚庡鍒?/div>锛夊拰鍙嶅簭鍒楀寲锛?div class="code" style="position:relative; padding:0px; margin:0px;">
JSON.parse鐧诲綍鍚庡鍒?/div>锛夈€?/p>
LocalStorage LocalStorage鎻愪緵鐨勬槸涓€绉嶆寔涔呭寲鐨勫瓨鍌ㄦ満鍒躲€傝繖鎰忓懗鐫€涓€鏃︽暟鎹瀛樺叆LocalStorage锛岄櫎闈炴樉寮忓湴琚竻闄わ紝鍚﹀垯瀹冧細涓€鐩翠繚鐣欏湪鐢ㄦ埛鐨勬祻瑙堝櫒涓紝鍗充娇娴忚鍣ㄥ叧闂啀鎵撳紑锛屾暟鎹篃渚濈劧瀛樺湪銆傚畠鐨勪綔鐢ㄥ煙鏄悓婧愮殑锛屽嵆鍚屼竴鍩熷悕涓嬬殑鎵€鏈夐〉闈€佹墍鏈夋爣绛鹃〉鍜岀獥鍙ｉ兘鍙互鍏变韩璁块棶杩欎簺鏁版嵁銆傝繖璁╁畠闈炲父閫傚悎瀛樺偍閭ｄ簺闇€瑕侀暱鏈熶繚鐣欑殑鐢ㄦ埛鍋忓ソ璁剧疆銆佺绾跨紦瀛樻暟鎹紝鎴栬€呮槸涓€浜涗笉鏁忔劅鐨勨€滆浣忔垜鈥濈姸鎬併€?/p>
SessionStorage 涓嶭ocalStorage涓嶅悓锛孲essionStorage鎻愪緵鐨勬槸浼氳瘽绾у埆鐨勫瓨鍌ㄣ€傚畠鐨勭敓鍛藉懆鏈熶笌娴忚鍣ㄦ爣绛鹃〉鎴栫獥鍙ｇ殑鐢熷懡鍛ㄦ湡缁戝畾銆傛崲鍙ヨ瘽璇达紝褰撲綘鎵撳紑涓€涓柊鏍囩椤垫垨绐楀彛鏃讹紝浼氬垱寤轰竴涓嫭绔嬬殑SessionStorage锛涘綋杩欎釜鏍囩椤垫垨绐楀彛鍏抽棴鏃讹紝涓庝箣鍏宠仈鐨凷essionStorage涓殑鏁版嵁涔熶細闅忎箣琚竻闄ゃ€傚嵆浣挎槸鍚屼竴鍩熷悕涓嬬殑涓嶅悓鏍囩椤碉紝瀹冧滑鐨凷essionStorage涔熸槸鐩镐簰鐙珛鐨勩€傝繖绉嶇壒鎬т娇寰桽essionStorage闈炲父閫傚悎瀛樺偍閭ｄ簺鍙湪褰撳墠浼氳瘽涓湁鏁堢殑鏁版嵁锛屾瘮濡傚姝ヨ〃鍗曠殑涓存椂鏁版嵁銆佺敤鎴峰湪褰撳墠浼氳瘽涓殑绛涢€夋潯浠讹紝鎴栬€呮槸涓€浜涗复鏃剁殑椤甸潰鐘舵€併€?/p>
鏍稿績鍖哄埆鎬荤粨锛?/strong>
- 鐢熷懡鍛ㄦ湡锛?/strong> LocalStorage鏄寔涔呭寲鐨勶紝SessionStorage鏄細璇濈骇鐨勩€?/li>
- 浣滅敤鍩燂細 LocalStorage鍦ㄥ悓婧愪笅鍏变韩锛孲essionStorage鍦ㄥ悓婧愪絾涓嶅悓鏍囩椤?绐楀彛闂寸嫭绔嬨€?/li>
瀹為檯閫夋嫨鏃讹紝鎴戜釜浜轰細杩欐牱鑰冮噺锛氬鏋滄暟鎹槸鐢ㄦ埛涓€у寲璁剧疆锛屾瘮濡備富棰橀鑹层€佸瓧浣撳ぇ灏忥紝鎴栬€呮槸涓€浜涗笉缁忓父鍙樺姩涓斿鍔犺浇閫熷害鏈夎姹傜殑闈欐€佽祫婧愶紙姣斿涓€浜涢厤缃甁SON锛夛紝閭ｅΕ濡ュ湴鐢↙ocalStorage銆傛瘯绔熺敤鎴蜂笉甯屾湜姣忔鎵撳紑缃戠珯閮介噸鏂拌缃竴閬嶃€備絾濡傛灉鎴戞鍦ㄥ紑鍙戜竴涓姝ラ鐨勮喘涔版祦绋嬶紝姣忎竴姝ョ敤鎴峰～鍐欑殑鏁版嵁锛屾垜鍙笇鏈涘湪褰撳墠浼氳瘽涓湁鏁堬紝涓€鏃︾敤鎴峰叧闂〉闈㈠氨娓呯┖锛岄偅涔圫essionStorage灏辨槸鎴戠殑棣栭€夛紝瀹冭兘纭繚鐢ㄦ埛闅愮鍜屾暟鎹殑涓€鑷存€с€?/p> HTML5缃戦〉瀛樺偍鐨勫疄闄呭簲鐢ㄥ満鏅湁鍝簺锛?/h3>
璇村疄璇濓紝LocalStorage鍜孲essionStorage鍦?a style="color:#f60; text-decoration:underline;" title="鍓嶇" href="https://www.php.cn/zt/15813.html" target="_blank">鍓嶇寮€鍙戜腑鐪熸槸闅忓鍙锛屽畠浠В鍐充簡璁稿瀹為檯闂锛岃鐢ㄦ埛浣撻獙鏇存祦鐣呫€傛垜杩欓噷鍒椾妇涓€浜涙垜涓汉瑙夊緱鏈€甯哥敤锛屼篃鏈€鏈変环鍊肩殑鍦烘櫙锛屽笇鏈涜兘缁欏ぇ瀹朵竴浜涘惎鍙戙€?/p>
LocalStorage鐨勫吀鍨嬪簲鐢ㄥ満鏅細
-
鐢ㄦ埛鍋忓ソ璁剧疆锛?/strong> 杩欐槸鏈€甯歌鐨勶紝姣斿缃戠珯鐨勪富棰樻ā寮忥紙娣辫壊/娴呰壊锛夈€佽瑷€閫夋嫨銆佸瓧浣撳ぇ灏忥紝鐢氳嚦鏄竴浜涗釜鎬у寲鐨勭晫闈㈠竷灞€銆傝繖浜涙暟鎹竴鏃﹁缃紝鐢ㄦ埛甯屾湜涓嬫璁块棶鏃朵緷鐒朵繚鎸侊紝LocalStorage瀹岀編濂戝悎銆?div class="code" style="position:relative; padding:0px; margin:0px;">
// 瀛樺偍鐢ㄦ埛涓婚鍋忓ソ localStorage.setItem('theme', 'dark'); // 鑾峰彇鐢ㄦ埛涓婚鍋忓ソ const userTheme = localStorage.getItem('theme'); if (userTheme) { document.body.className = userTheme; }鐧诲綍鍚庡鍒?/div> - 绂荤嚎鏁版嵁缂撳瓨锛?/strong> 瀵逛簬涓€浜涗笉缁忓父鍙樺姩浣嗗姞杞借€楁椂鐨勬暟鎹紝姣斿鍟嗗搧鍒嗙被鍒楄〃銆佷竴浜涢厤缃俊鎭紝鎴栬€呮槸涓€浜涢潤鎬佺殑鏂囨湰鍐呭锛屽彲浠ュ皢鍏剁紦瀛樺埌LocalStorage銆傚綋鐢ㄦ埛涓嬫璁块棶鏃讹紝鍙互鐩存帴浠庢湰鍦拌鍙栵紝鎻愬崌鍔犺浇閫熷害锛岀敋鑷冲湪缃戠粶涓嶄匠鏃朵篃鑳芥彁渚涘熀鏈唴瀹广€?/li>
- 璐墿杞︼紙闈炴晱鎰熶俊鎭級锛?/strong> 濡傛灉璐墿杞︾殑鏁版嵁涓嶉渶瑕佸拰鐢ㄦ埛璐﹀彿寮虹粦瀹氾紝鎴栬€呭彧鏄綔涓轰复鏃跺瓨鍌紝LocalStorage鏄釜涓嶉敊鐨勯€夋嫨銆傜敤鎴峰嵆浣垮叧闂祻瑙堝櫒锛岃喘鐗╄溅閲岀殑鍟嗗搧渚濈劧瀛樺湪銆?/li>
- 鈥滆浣忔垜鈥濆姛鑳斤細 瀛樺偍涓€涓潪鏁忔劅鐨勩€佹湁鏃舵晥鎬х殑token鎴栫敤鎴稩D锛岄厤鍚堝悗绔獙璇侊紝瀹炵幇鐢ㄦ埛鍦ㄤ竴瀹氭椂闂村唴鍏嶇櫥褰曘€備絾杩欓噷瑕佺壒鍒敞鎰忓畨鍏ㄦ€э紝鏁忔劅淇℃伅缁濅笉鑳界洿鎺ュ瓨鍌ㄣ€?/li>
SessionStorage鐨勫吀鍨嬪簲鐢ㄥ満鏅細
- 澶氭琛ㄥ崟鏁版嵁锛?/strong> 褰撶敤鎴峰～鍐欎竴涓鏉傜殑銆佸垎澶氭鐨勮〃鍗曟椂锛屾瘡涓€姝ョ殑鏁版嵁鍙互涓存椂瀛樺偍鍦⊿essionStorage涓€傝繖鏍凤紝鍗充娇鐢ㄦ埛涓嶅皬蹇冨埛鏂颁簡椤甸潰锛屾垨鑰呭湪涓嶅悓姝ラ闂村垏鎹紝宸插～鍐欑殑鏁版嵁涔熶笉浼氫涪澶便€備竴鏃﹀畬鎴愭彁浜ゆ垨鍏抽棴椤甸潰锛岃繖浜涗复鏃舵暟鎹氨鑷姩娓呯悊浜嗐€?/li>
- 涓存椂浼氳瘽鐘舵€侊細 姣斿鐢ㄦ埛鍦ㄦ煇涓垪琛ㄩ〉鍋氫簡绛涢€夈€佹帓搴忔搷浣滐紝杩欎簺绛涢€夋潯浠跺彲浠ュ湪SessionStorage涓繚瀛樸€傚綋鐢ㄦ埛璺宠浆鍒拌鎯呴〉鍐嶈繑鍥炲垪琛ㄩ〉鏃讹紝绛涢€夋潯浠朵緷鐒跺瓨鍦紝淇濇寔浜嗕細璇濈殑杩炶疮鎬с€?/li>
- 鍗曟浼氳瘽鐨勯〉闈㈢姸鎬侊細 姣斿涓€涓脊绐楃殑鎵撳紑鐘舵€侊紝鎴栬€呮煇涓粍浠剁殑鎶樺彔/灞曞紑鐘舵€侊紝杩欎簺鍙湪褰撳墠浼氳瘽涓湁鏁堢殑鐘舵€侊紝鐢⊿essionStorage瀛樺偍灏遍潪甯稿悎閫傘€?/li>
鍏充簬瀹夊叏鎬э紝杩欑粷瀵规槸涓€涓笉鑳藉拷瑙嗙殑閲嶇偣銆傛垜涓汉瑙夊緱锛屼换浣曞鎴风瀛樺偍閮戒笉鏄粷瀵瑰畨鍏ㄧ殑鈥滀繚闄╃鈥濓紝灏ゅ叾鏄浜庢晱鎰熸暟鎹€侺ocalStorage鍜孲essionStorage铏界劧鏂逛究锛屼絾瀹冧滑鏄槑鏂囧瓨鍌ㄥ湪瀹㈡埛绔殑锛岃繖灏辨剰鍛崇潃瀹冧滑瀹规槗鍙楀埌涓€浜涘父瑙佺殑Web鏀诲嚮銆?/p>
- XSS锛堣法绔欒剼鏈敾鍑伙級椋庨櫓锛?/strong> 杩欐槸鏈€澶х殑濞佽儊銆傚鏋滀綘鐨勭綉绔欏瓨鍦╔SS婕忔礊锛屾敾鍑昏€呭彲浠ユ敞鍏ユ伓鎰忚剼鏈€傝繖浜涜剼鏈兘澶熻交鏄撳湴璇诲彇銆佷慨鏀圭敋鑷冲垹闄ocalStorage鍜孲essionStorage涓殑浠讳綍鏁版嵁銆傛兂璞′竴涓嬶紝濡傛灉浣犵殑鐢ㄦ埛ID銆佷細璇漷oken锛堝嵆浣挎槸涓存椂鐨勶級琚獌鍙栵紝鏀诲嚮鑰呭氨鑳藉啋鍏呯敤鎴疯繘琛屾搷浣溿€傛墍浠ワ紝缁濆涓嶈鍦↙ocalStorage鎴朣essionStorage涓瓨鍌ㄧ敤鎴风殑瀵嗙爜銆佷俊鐢ㄥ崱鍙风瓑楂樺害鏁忔劅淇℃伅銆傚嵆渚挎槸瀛樺偍鐢ㄦ埛token锛屼篃瑕佺‘淇濆叾鏈変弗鏍肩殑鏈夋晥鏈熷拰鍒锋柊鏈哄埗锛屽苟涓斿湪鏈嶅姟绔繘琛屾牎楠屻€?/li>
- 鏄庢枃瀛樺偍锛?/strong> 瀹冧滑瀛樺偍鐨勬暟鎹兘鏄槑鏂囩殑瀛楃涓层€傝繖鎰忓懗鐫€鍙鑳借闂埌鐢ㄦ埛鐨勬祻瑙堝櫒锛屽氨鑳界洿鎺ョ湅鍒拌繖浜涙暟鎹€傚洜姝わ紝鍗充娇鏄潪鏁忔劅鏁版嵁锛屼篃搴旇鑰冭檻鏄惁鐪熺殑閫傚悎鍏紑瀛樺偍銆?/li>
- 鍚屾簮绛栫暐锛?/strong> 铏界劧瀹冧滑鍙楀悓婧愮瓥鐣ヤ繚鎶わ紝涓嶅悓婧愮殑缃戠珯鏃犳硶鐩存帴璁块棶褰兼鐨凩ocalStorage/SessionStorage锛屼絾杩欏苟涓嶈兘瀹屽叏闃绘XSS鏀诲嚮锛屽洜涓篨SS鏀诲嚮鍙戠敓鍦ㄥ悓涓€涓簮鍐呫€?/li>
濡備綍鎻愰珮瀹夊叏鎬э紙鎴栭檷浣庨闄╋級锛?/strong>
Teleporthq
涓€浣撳寲AI缃戠珯鐢熸垚鍣紝鑳藉蹇€熻璁″拰閮ㄧ讲闈欐€佺綉绔?/p>
182
鏌ョ湅璇︽儏
- 閬垮厤瀛樺偍鏁忔劅鏁版嵁锛?/strong> 鍐嶆寮鸿皟锛屽瘑鐮併€侀摱琛屽崱淇℃伅銆佺瀵咥PI Key绛夌粷涓嶈兘瀛樺偍鍦ㄥ鎴风銆?/li>
- 鏁版嵁鍔犲瘑锛堟湁闄愬満鏅級锛?/strong> 濡傛灉纭疄闇€瑕佸湪瀹㈡埛绔瓨鍌ㄤ竴浜涙晱鎰熷害杈冮珮浣嗗張涓嶆槸缁濆瘑鐨勬暟鎹紝鍙互鑰冭檻鍦ㄥ瓨鍌ㄥ墠杩涜鍔犲瘑銆備絾璇锋敞鎰忥紝瀹㈡埛绔姞瀵嗙殑瀵嗛挜鏈韩涔熼渶瑕佸畨鍏ㄥ瓨鍌紝杩欏張鍥炲埌浜嗗師鐐广€傛墍浠ワ紝杩欓€氬父涓嶆槸涓€涓畬缇庣殑瑙ｅ喅鏂规锛屾洿澶氭槸鑱婅儨浜庢棤銆?/li>
- XSS闃插尽锛?/strong> 杩欐槸鏈€鏍规湰鐨勩€傜‘淇濅綘鐨勭綉绔欐病鏈塜SS婕忔礊锛屽鎵€鏈夌敤鎴疯緭鍏ヨ繘琛屼弗鏍肩殑楠岃瘉鍜岃浆涔夛紝浣跨敤Content Security Policy (CSP) 鏉ラ檺鍒惰剼鏈殑鎵ц銆?/li>
- 闄愬埗瀛樺偍鍐呭锛?/strong> 鍙瓨鍌ㄩ偅浜涘鐢ㄦ埛浣撻獙鏈夌泭锛屼笖娉勯湶鍚庨闄╄緝浣庣殑鏁版嵁銆傚浜庨渶瑕佹寔涔呭寲鐨勭敤鎴风櫥褰曠姸鎬侊紝鎺ㄨ崘浣跨敤HTTP Only鐨凜ookie锛屽畠鑳芥湁鏁堥槻姝SS鑴氭湰璇诲彇銆?/li>
- 瀹氭湡娓呯悊锛?/strong> 瀵逛簬SessionStorage锛屽畠鐨勮嚜鍔ㄦ竻鐞嗘満鍒舵湰韬氨鏄竴绉嶅畨鍏ㄧ壒鎬с€傚浜嶭ocalStorage锛屽鏋滃瓨鍌ㄤ簡鏈夋椂鏁堟€х殑鏁版嵁锛岃寰楀湪杩囨湡鍚庡強鏃舵竻闄ゃ€?/li>
鎬讳箣锛屾妸LocalStorage鍜孲essionStorage鐪嬩綔鏄€滀究绛剧焊鈥濓紝鑰屼笉鏄€滀繚闄╂煖鈥濄€傚畠浠柟渚垮揩鎹凤紝浣嗗畨鍏ㄦ€ч渶瑕佹垜浠紑鍙戣€呮椂鍒昏鎯曘€?/p> 闄や簡LocalStorage鍜孲essionStorage锛岃繕鏈夊摢浜涘墠绔暟鎹瓨鍌ㄦ柟妗堬紵瀹冧滑鍚勮嚜鐨勪紭缂虹偣鏄粈涔堬紵
鍓嶇鏁版嵁瀛樺偍鍙笉姝ocalStorage鍜孲essionStorage杩欎袱绉嶏紝鏍规嵁涓嶅悓鐨勯渶姹傚拰鍦烘櫙锛屾垜浠繕鏈変笉灏戦€夋嫨銆傛垜涓汉鍦ㄩ」鐩腑涔熺粡甯镐細鏍规嵁鏁版嵁閲忋€佺粨鏋勫鏉傚害鍜屾寔涔呭寲瑕佹眰鏉ユ潈琛′娇鐢ㄣ€?/p>
-
Cookies (HTTP Cookies)
- 鐗圭偣锛?/strong> 鏈€鍙よ€佺殑鍓嶇瀛樺偍鏂瑰紡锛屾暟鎹細闅廐TTP璇锋眰涓€璧峰彂閫佸埌鏈嶅姟鍣ㄣ€?/li>
-
浼樼偣锛?/strong> 鍏煎鎬ф瀬濂斤紝鍑犱箮鎵€鏈夋祻瑙堝櫒閮芥敮鎸侊紱鍙互璁剧疆杩囨湡鏃堕棿锛屾敮鎸佽法鍩燂紙閫氳繃璁剧疆
Domain
鐧诲綍鍚庡鍒?/div>鍜?div class="code" style="position:relative; padding:0px; margin:0px;">Path
鐧诲綍鍚庡鍒?/div>锛夈€?/li> -
缂虹偣锛?/strong> 瀛樺偍绌洪棿闈炲父灏忥紙閫氬父鍙湁4KB锛夛紱姣忔璇锋眰閮戒細鍙戦€侊紝澧炲姞缃戠粶娴侀噺锛涘畨鍏ㄦ€ц緝宸紝瀹规槗鍙楀埌CSRF锛堣法绔欒姹備吉閫狅級鍜孹SS鏀诲嚮锛堝鏋?div class="code" style="position:relative; padding:0px; margin:0px;">
HttpOnly
鐧诲綍鍚庡鍒?/div>鏈缃級锛汚PI鎿嶄綔涓嶆柟渚匡紝闇€瑕佹墜鍔ㄨВ鏋愬瓧绗︿覆銆?/li> -
閫傜敤鍦烘櫙锛?/strong> 涓昏鐢ㄤ簬浼氳瘽绠＄悊锛堥€氳繃
HttpOnly
鐧诲綍鍚庡鍒?/div>鍜?div class="code" style="position:relative; padding:0px; margin:0px;">Secure
鐧诲綍鍚庡鍒?/div>灞炴€у寮哄畨鍏ㄦ€э級銆佺敤鎴疯韩浠介獙璇併€佺畝鍗曠殑鐢ㄦ埛杩借釜銆?/li>
-
IndexedDB
- 鐗圭偣锛?/strong> 涓€绉嶄綆绾PI锛岀敤浜庡湪瀹㈡埛绔瓨鍌ㄥぇ閲忕粨鏋勫寲鏁版嵁锛屽苟鎻愪緵绱㈠紩鍜屼簨鍔℃敮鎸併€傚畠鏇村儚涓€涓狽oSQL鏁版嵁搴撱€?/li>
- 浼樼偣锛?/strong> 瀛樺偍瀹归噺澶э紙閫氬父鏄嚑鍗丮B鍒板嚑鐧綧B锛岀敋鑷虫棤闄愬埗锛屽彇鍐充簬娴忚鍣ㄥ拰鐢ㄦ埛璁惧锛夛紱鏀寔澶嶆潅鐨勬暟鎹被鍨嬪拰鏌ヨ锛涘紓姝PI锛屼笉浼氶樆濉炰富绾跨▼锛涙敮鎸佷簨鍔★紝淇濊瘉鏁版嵁瀹屾暣鎬с€?/li>
-
缂虹偣锛?/strong> API鐩稿澶嶆潅锛屽涔犳洸绾块櫋宄紱鐩存帴浣跨敤璧锋潵姣旇緝绻佺悙锛岄€氬父闇€瑕佸皝瑁呭簱锛堝
Dexie.js
鐧诲綍鍚庡鍒?/div>锛夋潵绠€鍖栨搷浣溿€?/li> - 閫傜敤鍦烘櫙锛?/strong> 澶у瀷绂荤嚎搴旂敤锛圥WA锛夈€侀渶瑕佸瓨鍌ㄥぇ閲忕粨鏋勫寲鏁版嵁鐨勫満鏅€佸鏉傜殑鏁版嵁鏌ヨ鍜岀鐞嗐€?/li>
-
Cache API (Service Workers)
- 鐗圭偣锛?/strong> 浣滀负Service Worker鐨勪竴閮ㄥ垎锛孋ache API鍏佽寮€鍙戣€呮帶鍒剁綉缁滆姹傜殑缂撳瓨锛屽疄鐜板己澶х殑绂荤嚎浣撻獙銆?/li>
- 浼樼偣锛?/strong> 涓撲负绂荤嚎搴旂敤鍜孭WA璁捐锛屽彲浠ョ紦瀛樺悇绉嶈祫婧愶紙HTML銆丆SS銆丣S銆佸浘鐗囥€丄PI鍝嶅簲绛夛級锛涙彁渚涚粏绮掑害鐨勭紦瀛樻帶鍒剁瓥鐣ワ紱寮傛鎿嶄綔锛屼笉闃诲涓荤嚎绋嬨€?/li>
- 缂虹偣锛?/strong> 渚濊禆浜嶴ervice Worker锛岄渶瑕丠TTPS鐜锛涘涔犳洸绾胯緝闄″抄锛屽疄鐜伴€昏緫鐩稿澶嶆潅銆?/li>
- 閫傜敤鍦烘櫙锛?/strong> PWA鐨勭绾胯兘鍔涖€佹彁鍗囧簲鐢ㄥ姞杞介€熷害銆佺紦瀛橀潤鎬佽祫婧愬拰API鍝嶅簲銆?/li>
-
Web SQL (宸插簾寮?
- 鐗圭偣锛?/strong> 璇曞浘鍦ㄦ祻瑙堝櫒涓紩鍏QL鏁版嵁搴擄紝鎻愪緵绫讳技SQLite鐨勬帴鍙ｃ€?/li>
- 浼樼偣锛?/strong> 浣跨敤SQL璇硶锛屽鐔熸倝鍏崇郴鍨嬫暟鎹簱鐨勫紑鍙戣€呮潵璇存瘮杈冪洿瑙傘€?/li>
- 缂虹偣锛?/strong> 宸插簾寮冿紝涓嶆槸W3C鏍囧噯锛屽彧鏈夊皯鏁版祻瑙堝櫒鏀寔锛堜富瑕佹槸Chrome鍜孲afari锛夛紝涓嶆帹鑽愬湪鏂伴」鐩腑浣跨敤銆?/li>
- 閫傜敤鍦烘櫙锛?/strong> 鍘嗗彶閬楃暀椤圭洰锛屾柊椤圭洰涓嶅簲鑰冭檻銆?/li>
鍦ㄦ垜鐨勫疄璺典腑锛孡ocalStorage鍜孲essionStorage鍥犲叾绠€鍗曟槗鐢紝渚濈劧鏄鐞嗗皯閲忋€侀潪缁撴瀯鍖栨暟鎹殑棣栭€夈€備絾涓€鏃︽暟鎹噺涓婂幓锛屾垨鑰呴渶瑕佹洿澶嶆潅鐨勬煡璇紝IndexedDB灏辨垚浜嗕笉浜屼箣閫夈€傝€屽浜庤拷姹傛瀬鑷寸绾夸綋楠岀殑PWA锛孋ache API閰嶅悎Service Worker鏇存槸涓嶅彲鎴栫己銆傞€夋嫨鍝鏂规锛屾渶缁堣繕鏄緱鐪嬩綘鐨勫叿浣撲笟鍔￠渶姹傚拰瀵规€ц兘銆佸鏉傚害鐨勬潈琛°€?/p>
浠ヤ笂灏辨槸HTML5缃戦〉瀛樺偍鎬庝箞閫夋嫨_LocalStorage涓嶴essionStorage鍖哄埆鐨勮缁嗗唴瀹癸紝鏇村璇峰叧娉╬hp涓枃缃戝叾瀹冪浉鍏虫枃绔狅紒
鐩稿叧鏍囩锛?/span> css html js 鍓嶇 json html5 cookie 娴忚鍣?/a> session safari sql json html5 css chrome safari html xss csrf 鏁版嵁绫诲瀷 灏佽 Cookie Token 瀛楃涓?/a> 鎺ュ彛 绾跨▼ 涓荤嚎绋?/a> 瀛楃涓茬被鍨?/a> JS 浣滅敤鍩?/a> 寮傛 web sql sqlite nosql 鏁版嵁搴?/a> http https 澶у閮藉湪鐪嬶細 H5鍜孒TML鐨勪紒涓氱骇搴旂敤鏈夊尯鍒悧_H5涓嶩TML鍟嗕笟椤圭洰閫傜敤鎬цВ鏋?/a> 鍦ˋngular涓牴鎹瓵PI鍝嶅簲鍔ㄦ€佹樉绀鸿〃鏍奸€夐」鐨勬纭€у浘鏍?/a> html瓒呴摼鎺ュ瓧浣撻鑹查€氳繃style灞炴€ф€庝箞鐩存帴鏀?/a> 绮惧噯鎻愬彇HTML鍏冪礌鍐呯壒瀹氭枃鏈唴瀹规暀绋?/a> 浼樺寲CSS鑷畾涔夊睘鎬у湪鍔ㄦ€佸竷灞€涓殑鎬ц兘锛氳В鍐冲姩鎬佸搴﹁皟鏁村崱椤块棶棰?/a>
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。