日期:2014-05-16  浏览次数:20664 次

娴呮瀽HTML5鍦ㄧЩ鍔ㄥ簲鐢ㄥ紑鍙戜腑鐨勪娇鐢?杞?

鍓嶈█

HTML5鐨勫嚭鐜拌绉诲姩骞冲彴鐨勭珵浜夌敱绯荤粺骞冲彴杞悜浜嗘祻瑙堝櫒涔嬮棿锛氱Щ鍔ㄧ鐨処E銆丆hrome銆丗ireFox銆丼afari锛屼害鎴栨槸鏂板嚭鐜扮殑娴忚鍣紝璋佽兘杈惧埌鍦ㄧЩ鍔ㄧ瀵笻TML5鏇村ソ鐨勬敮鎸侊紝璋佸氨鑳藉湪浠ュ悗鐨勭Щ鍔ㄥ簲鐢ㄩ鍩熷崰鎹洿澶氱殑甯傚満銆?/p>

鐜板湪鎴戜滑鎬庝箞瑁匒PP

鏈変簡HTML5浠ュ悗鎬庝箞瑁匒PP

鏇寸伒娲汇€佹洿鏂逛究鐨刟pp浣跨敤鍙婂畨瑁呮柟寮忓皢鎴愪负HTML5鍦ㄧЩ鍔ㄥ钩鍙颁笂澶ф斁寮傚僵鐨勪繚闅滀箣涓€銆?/p>

涓嬮潰鍒椾妇HTML5閫傚悎绉诲姩搴旂敤寮€鍙戠殑鍑犲ぇ鐗规€э細

1.绂荤嚎缂撳瓨涓篐TML5寮€鍙戠Щ鍔ㄥ簲鐢ㄦ彁渚涗簡鍩虹

HTML5 Web Storage API鍙互鐪嬪仛鏄姞寮虹増鐨刢ookie锛屼笉鍙楁暟鎹ぇ灏忛檺鍒讹紝鏈夋洿濂界殑寮规€т互鍙婃灦鏋勶紝鍙互灏嗘暟鎹啓鍏ュ埌鏈満鐨凴OM涓紝杩樺彲浠ュ湪鍏抽棴娴忚鍣ㄥ悗鍐嶆鎵撳紑鏃舵仮澶嶆暟鎹紝浠?strong style="font-weight: bold;">鍑忓皯缃戠粶娴侀噺銆?/p>

鍚屾椂锛岃繖涓姛鑳界畻寰椾笂鏄彟涓€涓柟鍚戠殑鍚庡彴鈥滄搷浣滆褰曗€濓紝鑰?strong style="font-weight: bold;">涓嶅崰鐢ㄤ换浣曞悗鍙拌祫婧?/strong>锛屽噺杞昏澶囩‖浠跺帇鍔涳紝澧炲姞杩愯娴佺晠鎬с€?/p>

鍦ㄧ嚎app鏀寔杈逛娇鐢ㄨ竟涓嬭浇绂荤嚎缂撳瓨锛屾垨鑰呬笉涓嬭浇绂荤嚎缂撳瓨锛涜€岀绾縜pp蹇呴』鏄笅杞藉畬绂荤嚎缂撳瓨鎵嶈兘浣跨敤銆?/p>

褰㈣薄鐐硅锛宑ookie灏辨槸瀛樹簡鐢佃瘽鍜岃彍鍗曪紝鎯冲悆浠€涔堣鍙鍗栵紝绛夊闀挎椂闂存墠鑳藉悆鍒板氨寰楃湅浜ら€氭儏鍐典簡锛涚绾跨紦瀛樺氨鏄洿鎺ュ湪鍐扮閲屽瓨浜嗛鐗╋紝鎯冲悆灏辫兘椹笂鍚冨埌锛堝綋鐒讹紝鎯冲悆鏈€鏂扮殑椋熺墿鍚屾牱鍙互鎵撶數璇濋瀹氾級銆?/p>

璁捐甯堣鐭ラ亾锛屼粈涔堟椂鍊欒鐢ㄦ埛涓嬭浇绂荤嚎缂撳瓨锛堟敞鎰忓湪绾垮拰绂荤嚎app鐨勫尯鍒級銆?/p>

2.闊抽瑙嗛鑷敱宓屽叆锛屽濯掍綋褰㈠紡鏇翠负鐏垫椿

鍘熺敓寮€鍙戞柟寮忓浜庢枃瀛楀拰闊宠棰戞贩鎺掔殑澶氬獟浣撳唴瀹瑰鐞嗙浉瀵归夯鐑︼紝闇€瑕佹媶鍒嗗紑鏂囧瓧銆佸浘鐗囥€侀煶棰戙€佽棰戯紝瑙f瀽瀵瑰簲鐨刄RL骞跺垎鍒敤涓嶅悓鐨勬柟寮忓鐞嗐€?/p>

HTML5鍦ㄨ繖涓柟闈㈠畬鍏ㄤ笉鍙楅檺鍒讹紝鍙互瀹屽叏鏀惧湪涓€璧疯繘琛屽鐞嗐€?/p>

璁捐甯堣鐭ラ亾锛屽鏋?strong style="font-weight: bold;">鏂伴椈绫?/strong>銆?strong style="font-weight: bold;">寰崥绫?/strong>銆?strong style="font-weight: bold;">绀句氦绫?/strong>搴旂敤鐨勪俊鎭憟鐜颁腑瀹炵幇鏂囧瓧涓庡濯掍綋娣锋帓锛岃€屼笉鐢ㄤ笓闂ㄥ祵鍏ebview锛屽皢鏄竴浠跺缇庡ソ鐨勪簨鎯咃紝鑷冲皯鐜板湪鍘熺敓鏂瑰紡瀹炵幇璧锋潵杩樻湁鍥伴毦銆?/p>

3.鍦扮悊瀹氫綅锛岄殢鏃堕殢鍦板垎浜綅缃?/p>

鍏呭垎鍙戞尌绉诲姩璁惧瀵瑰畾浣嶄笂鐨勪紭鍔匡紝鎺ㄥ姩LBS搴旂敤鍙戝睍銆?/p>

鍙互缁煎悎浣跨敤GPS銆亀ifi銆佹墜鏈虹瓑鏂瑰紡璁╁畾浣嶆洿涓虹簿鍑嗐€佺伒娲汇€?/p>

鍦扮悊浣嶇疆瀹氫綅锛岃瀹氫綅鍜屽鑸笉鍐嶄笓灞炲鑸蒋浠讹紝鍦板浘涔熶笉鐢ㄤ笅杞介潪甯稿ぇ鐨勫湴鍥惧寘锛屽彲浠ラ€氳繃缂撳瓨鏉ヨВ鍐筹紝鍒板摢鍎夸笅鍝効锛屾洿鐏垫椿銆?/p>

璁捐甯堣鐭ラ亾锛岀幇鍦ㄥ祵鍏?strong style="font-weight: bold;">LBS鍔熻兘鐨勫簲鐢ㄨ秺鏉ヨ秺澶氾紝杩欎篃鏄Щ鍔ㄨ澶囦笌鍙板紡PC鐩告瘮鏈€澶х殑浼樺娍涔嬩竴锛孒TML5鑳芥妸杩欎釜浼樺娍鍐嶅害鎵╁ぇ鍖栵紝濂藉ソ鎯虫兂鎬庝箞鍦ㄤ綘璁捐鐨勫簲鐢ㄩ噷鐢ㄤ笂鍚э紒

4.Canvas缁樺浘锛屾彁鍗囩Щ鍔ㄥ钩鍙扮殑缁樺浘鑳藉姏

浣跨敤Canvas API鍙互绠€鍗曠粯鍒剁儹鐐瑰浘鏀堕泦鐢ㄦ埛浣撻獙璧勬枡

鏀寔鍥剧墖鐨勭Щ鍔ㄣ€佹棆杞€佺缉鏀剧瓑甯歌缂栬緫

Canvas 鈥?2D鐨勭粯鍥惧姛鑳芥敮鎸?/p>

Canvas 3D 鈥?3D鐨勭粯鍥惧姛鑳芥敮鎸?/p>

SVG 鈥?鍚戦噺鍥炬敮鎻?/p>

璁捐甯堣鐭ラ亾锛屽浘鐗囩殑绉诲姩銆佹棆杞€佺缉鏀撅紵閭i兘澶熀纭€浜嗭紝鑷繁鐢婚兘鏄皬case锛岃嚦浜庢€庝箞鐢紝濂藉ソ鎯虫兂鍚э紒