-- ·|­û / µù¥U -- ¡@
¡@±b¸¹¡G
¡@±K½X¡G
¡@ | µù¥U | §Ñ°O±K½X
3/26 ·s®Ñ¨ì¡I 3/19 ·s®Ñ¨ì¡I 3/14 ·s®Ñ¨ì¡I 12/12 ·s®Ñ¨ì¡I
ÁʮѬyµ{¡EQ & A¡E¯¸°È¯d¨¥ª©¡E«ÈªA«H½c
¢x 3ds Max¢x Maya¢x Rhino¢x After Effects¢x SketchUp¢x ZBrush¢x Painter¢x Unity¢x
¢x PhotoShop¢x AutoCad¢x MasterCam¢x SolidWorks¢x Creo¢x UG¢x Revit¢x Nuke¢x
¢x C#¢x C¢x C++¢x Java¢x ¹CÀ¸µ{¦¡¢x Linux¢x ´O¤J¦¡¢x PLC¢x FPGA¢x Matlab¢x
¢x Àb«È¢x ¸ê®Æ®w¢x ·j¯Á¤ÞÀº¢x ¼v¹³³B²z¢x Fluent¢x VR+AR¢x ANSYS¢x ²`«×¾Ç²ß¢x
¢x ³æ´¹¤ù¢x AVR¢x OpenGL¢x Arduino¢x Raspberry Pi¢x ¹q¸ô³]­p¢x Cadence¢x Protel¢x
¢x Hadoop¢x Python¢x Stm32¢x Cortex¢x Labview¢x ¤â¾÷µ{¦¡¢x Android¢x iPhone¢x
¥i¬d®Ñ¦W,§@ªÌ,ISBN,3dwoo®Ñ¸¹
¸Ô²Ó®ÑÄy¤ÀÃþ

HTML5 AppÀ³¥Î¶}µo±Ðµ{

( ²Åé ¦r)
§@ªÌ¡G¶Àªi¡B±i¤pµØ¡B¶À¥­¡B¤ý±mÃþ§O¡G1. -> µ{¦¡³]­p -> ºô¸ô½sµ{ -> HTML
ĶªÌ¡G
¥Xª©ªÀ¡G²MµØ¤j¾Ç¥Xª©ªÀHTML5 AppÀ³¥Î¶}µo±Ðµ{ 3dWoo®Ñ¸¹¡G 48405
¸ß°Ý®ÑÄy½Ð»¡¥X¦¹®Ñ¸¹¡I

¡i¦³®w¦s¡j
NT°â»ù¡G 395 ¤¸

¥Xª©¤é¡G1/1/2018
­¶¼Æ¡G435
¥úºÐ¼Æ¡G0
¯¸ªø±ÀÂË¡G
¦L¨ê¡G¶Â¥Õ¦L¨ê»y¨t¡G ( ²Åé ª© )
¥[¤JÁʪ«¨® ¢x¥[¨ì§Úªº³Ì·R
(½Ð¥ýµn¤J·|­û)
ISBN¡G9787302481997
§@ªÌ§Ç¡@|¡@ĶªÌ§Ç¡@|¡@«e¨¥¡@|¡@¤º®e²¤¶¡@|¡@¥Ø¿ý¡@|¡@§Ç
(²Åé®Ñ¤W©Ò­z¤§¤U¸ü³sµ²¯Ó®É¶O¥\, ®¤¤£¾A¥Î¦b¥xÆW, ­YŪªÌ»Ý­n½Ð¦Û¦æ¹Á¸Õ, ®¤¤£«OÃÒ)
§@ªÌ§Ç¡G

ĶªÌ§Ç¡G

«e¨¥¡G

¬°¤°¤\­n¼g³o¥»®Ñ
ªñ¦~¨Ó²¾°Ê¤¬Ápºôªºµo®i¤Q¤À¨³²r¡A¦ÓHTML5¶}µo¤]¨ü¨ì¤F¦U¥@¬É³»¯Å³n¥ó¤½¥qªº·¥¤O±À±R©M¤ä«ù¡A¤j¶qªº§ë¸ê¥H¤ÎÄ«ªG¤½¥q¡B¨¦ºq¤½¥q¡B·L³n¤½¥q¡AW3Cªº¤@¦¸¦¸Áp·ù¥¿»¡©ú¤F³oÂI¡C¥Ø«e¥D¬y²¾°Ê¾Þ§@¨t²ÎiOS¡BAndroid¥H¤ÎWindows PhoneªºÂsÄý¾¹³£¤ä«ùHTML5¡A¤]§ó¥[¥YÅã¤FHTML5§Þ³N¦b¥¼¨Ó²¾°Ê³]³ÆºÝªº¦a¦ì¡C
HTML5§Þ³N±q½Ï¥Í¥H¨Ó¡A´N¨ã³Æ¸ó¥­»O¶}µoªº¯S©Ê¡A¥Ø«e°ê¤º¥~¤w¸g¦³«Ü¦h°ò¤_HTML5ªº¸ó¥­»O¶}µo¤u¨ã¡A¶}µoªÌ¦}¤£»Ý­n¥ô¦óªº­ì¥ÍÀ³¥Î½sµ{¸gÅç¡A¥u»Ý­n¤@¨ÇHTMLªº¬ÛÃöª¾ÃÑ¡AÀ´¤@¨ÇCSS©MJavaScript¡A¹B¥Î¤u¨ã¤¤©Ò´£¨Ñªº¦UºØÂ×´Iªº¥\¯à¼Ò¶ô¡A«K¥i¦b«Üµu®É¶¡¤º§¹¦¨Appªº¶}µo¡A¦}¨Ï¨ä¨ã³Æ§¹¬üªº­ì¥ÍÅéÅç¡CHTML5§Þ³NÅý²¾°Ê¶}µo§ó²³æ¡A§ó¾A¦X¶}µo·í¤µ¬y¦æªº²¾°ÊÀ³¥Î¡C
ºI¦Ü2015¦~¡A¤w¸g¦³80%ªºApp¬O¥þ³¡©Î³¡¤À°ò¤_HTML5§Þ³Nªº¡C²¾°Ê¤¬Ápºô¦æ·~ªº§Ö³tµo®i¶Ê¥Í¤F¶}µo¼ö¡A¦U¤j¥ø·~¹ï¤_HTML5¶}µoÃþ¤H¤~ªº»Ý¨D¤£Â_¼W¤j¡AHTML5 App¶}µo¤H­ûªº¯Ê¤f¥¨¤j¡A³o¤]¿Eµo¤F¼s¤j½sµ{¤H­û¾Ç²ßHTML5 App¶}µo¥H¤Î²³¦h°|®Õ¶}³]³o¤è­±½Òµ{ªº¼ö±¡¡C
ÁöµMHTML5§Þ³N¦b¶}µo¥«³õ¤W¤w¸g¥e¦³¤F«Ü¤j¤ñ¨Ò¡A¬ÛÃö§Þ³N®ÑÄy¤]¤£¤Ö¡A¦ý¬O¤j³¡¤À³£¶°¤¤¦b¶Ç²Îªººô­¶§Þ³N¤W¡C¹ï¤_¦p¦ó¨Ï¥Î¥¦¨Ó¶i¦æ¬ÛÃöApp¶}µo¡A«oÂA¦³¯A¤Î¡A¦}¥B³o¨Ç®Ñ¤]¤£¾A¦Xª½±µ§@¬°±Ð§÷¡C¬°¤F«K¤_ŪªÌ¾Ç²ßHTML5 App¬ÛÃö¶}µo§Þ³N¥H¤Î¬ÛÃö°ª®Õ½Òµ{ªº¶}³]¡A§Ú­Ìµ²¦X³o¨â¦~±Â½Ò¹Lµ{ªºÁ`µ²¡A¥H¤Î»P¥ø·~Áp¦X©w¨î°ö¾iHTML5 App¬ÛÃö¤H¤~ªº¸gÅç¡A½s¼g¤F¥»®Ñ¡C
¦b§Þ³N¿ï«¬¤W¡A¥»®Ñ¿ï¾Ü¤FDCloud¼Æ¦r¤Ñ°ó(¥_¨Ê)ºôµ¸§Þ³N¦³­­¤½¥qªºHBuilder IDE¡BHTML5+ Runtime©MMUI®Ø¬[¡A¥¦­Ìªº§¹¬üµ²¦X°µ¨ì¤F±µªñ­ì¥ÍAppªº¥\¯à©MÅéÅç¡Aµ¹¶}µoªÌ´£¨Ñ¤F³\¦h«K§Q¡CºI¦Ü2017¦~1¤ë1¤é¡AHBuilderªº¶}µoªÌ¼Æ¶q¤w°ª¹F70¸U¤H¡A¦¨¬°¤¤°ê³Ì¥D¬yªºHTML5¶}µo¤u¨ã¡C
¸g¹L¥b¦~¦h¨£Á_´¡°w¦¡ªº¾Ä¾Ô¡A¥»®Ñ²×¤_¶¶§Q¥æ½Z¤F¡A§Ú­Ì·P¨ìªY¼¢¡A¦P®É¤]¬°¯à±N¦Û¤v¦h¦~¨Ó°Ñ»P¶µ¥Ø¶}µo©M«ü¾Éªº¸gÅç¥H¤Î±Ð¾Ç¤Wªº¤ß±o»P¦U¦ìŪªÌ¤À¨É¦Ó·P¨ì°ª¿³¡C
¥»®Ñ²Ä1¡B5¡B7¡B12¡B13¡B14³¹¥Ñ¶Àªi©M¤ý±m½s¼g¡A²Ä2¡B4¡B6¡B8³¹¥Ñ±i¤pµØ½s¼g¡A²Ä3¡B9¡B10¡B11³¹¥Ñ¶À¥­½s¼g¡C®Ñ¤¤ªº·½¥N½X¥Ñ¤ý±m¾ã²z¡C
¥»®Ñ¾A¦X§@¬°°ªµ¥°|®Õ­pºâ¾÷¤Î¬ÛÃö±M·~ªº±Ð§÷¡A¤]¥i¥H§@¬°¬ÛÃö°ö°V¾÷ºcªº°ö°V±Ð§÷¡A¥H¤Î¹ïHTML5 App¶}µo§Þ³N·P¿³½ì¤H­ûªº¦Û¾Ç¥Î®Ñ¡C
HTML5 App¶}µo¬O¤@­Óµo®i¨³³tªº§Þ³N¡A«Ü¦h¤è­±ÁÙ¦b¤£Â_§¹µ½©MÅܤơC¥Ñ¤_¯à¤O©M¤ô¥­©Ò­­¡AÁöµMºÜºÉ¥þ¤O¡A¦ý¤´µMÃø§K¦s¦b¿ù»~©M²¨º|¡A§Æ±æ¦U¦ì±M®a¡B¦Ñ®v©M¦P¾Ç´£¥X°ÝÃD¡A»P½sªÌ¦@¦P°Q½×¡C
¥»®Ñ¯SÂI
1. ¤º®eÂ×´I¡A¥Ñ²L¤J²`
¥»®Ñ¥H¡§¬Ý±oÀ´¡B¾Ç±o·|¡B°µ±o¥X¡¨¬°­ì«h¡A¨t²Î¦a¤¶²Ð¤FHTML5 App¶}µoªº¦UºØ§Þ³N©Mª¾ÃÑ¡A³q¹L¨C³¹ªº¤º®e³vº¥¤Þ»âŪªÌ¶i¤JHTML5 Appªº¶}µo¥@¬É¡C
®Ñ¤¤©ÒÁ¿¸Ñªºª¾ÃÑ°ò¦¦Ó¹ê¥Î¡A¦}¥B½Òµ{¶q¾A¤¤¡A¯àÅýŪªÌ¦b»{¯u¾Ç²ß¥»½Òµ{¦Z°ò¥»¨ã³ÆHTML5 Appªº¶}µo¯à¤O¡A¦¨¥\¶i¤J¨ìApp¶}µoªº¥@¬É¤¤¡C
2. µ²ºc²M´·¡AÁ¿¸Ñ¨ì¦ì
¥»®Ñ¤¤°t¦X¨C­Ó»Ý­nÁ¿¸Ñªºª¾ÃÑÂI³£µ¹¥X¤FÂ×´Iªº´¡¹Ï»P§¹¾ãªº¹ê¨Ò¡A¨Ï±oªì¾ÇªÌ©ö¤_¤W¤â¡C®Ñ¤¤©Ò¦³¹ê¨Ò³£¬O¹ê»Ú¶}µo¤¤ªº¨Ò¤l¡Aµ²ºc²M´·©ú¤F¡A«K¤_¾Ç²ß¡C¦P®É®Ñ¤¤ÁÙµ¹¥X¤F«Ü¦hÃö¤_HTML5 App¶}µoªº¹ê¥Î§Þ¥©»P¤ß±o¡A¨ã¦³¸û°ªªº°Ñ¦Ò»ù­È¡C³Ì¦Z¤@³¹ÁÙµ¹¥X¤F¤@­Óºî¦XªºApp¶}µo¹ê¨Ò¡§¬ü­¹¶×¡¨ªº¶}µoÁ¿¸Ñ¡C
3. ´£¨Ñ®Ñ¤¤©Ò¦³¹ê¨Ò·½½X
¬°¤F«K¤_¾Ç²ß¡AŪªÌ¥i¥H¤è«K¦a±q²MµØ¤j¾Ç¥Xª©ªÀºô¯¸Àò¨ú©Ò¦³³¹¸`¹ïÀ³ªºPPT½Ò¥ó¡C³o¤j¤j­°§C¤F±Ð®v³Æ½ÒªºÃø«×©M®É¶¡¦¨¥»¡A¨Ï±o±Ð®v¥i¥H§ó¦n¦a§âºë¤O¶°¤¤¦b±Ð¾ÇÀô¸`¡A´£°ª±Â½Ò½è¶q¡C¦P®É¨C³¹³Ì¦Z³£°t¦³ºë¤ß³]­pªº²ßÃD¡A¦}´£¨Ñ¤F¬ÛÀ³ªºµª®×¡A«K¤_ŪªÌ´_²ß©M±Ð®v¥XÃD¡C
¾Ç²ß«Øij
¥»®Ñ¦@¤À¬°14³¹¡AÁ¿¸Ñªº¤º®e«ö·Ó¥Ñ²¨ìÃøªº¶¶§Ç¶i¦æ¦w±Æ¡C¨ä¤¤¥]¬A¤FHTML5 App¶}µoªº¦h¤è­±ªºª¾ÃÑ¡A½Ò¤º¾Ç®É«Øij64¾Ç®É¡A¨ãÅ餺®e¤Î¦w±Æ¦p¤Uªí©Ò¥Ü¡G






³¹¦W¥D ­n ¤º ®e½Ò¤º
¾Ç®É½Ò¥~
¾Ç®É
²Ä1³¹ HTML5 AppÀ³¥Î¶}µo·§­z
²­n¤¶²ÐHTML5ªº¤@¨Ç·s¯S©Ê¡AHTML5 App»P­ì¥ÍAppªº¤ñ¸û¡A¶}µoÀô¹ÒHBuilderªº¨Ï¥Î21
²Ä2³¹ HTML5­¶­±°ò¦
¤F¸ÑHTML»y¨¥¯S©Ê¡A¤¶²ÐHTML5¤åÀÉ°ò¥»®æ¦¡¡A¥H¤Î¥Î¤_HTML5 App¶}µoªº¤@¨Ç±`¥Î¼Ðñ63

Äòªí



³¹¦W¥D ­n ¤º ®e½Ò¤º
¾Ç®É½Ò¥~
¾Ç®É
²Ä3³¹ CSS¼Ë¦¡³]­p
¤¶²ÐCSS¼Ë¦¡³W«h©M¨Ï¥Î¡A¦bApp¶}µo¤¤ªº¤@¨Ç±`¥ÎCSSÄÝ©Ê¡A¨Ï¥ÎChrome½Õ¸ÕCSS
8
6
²Ä4³¹ JavaScript½sµ{°ò¦¤¶²ÐJavaScriptªº¤@¨Ç°ò¥»»yªk¡B©w¸q¨ç¼Æ¡B¦UºØ¤º¸m¹ï¶Hªº¨Ï¥Î¡AJSON¼Æ¾Ú³B²z¡A½Õ¸Õ§Þ¥©73
²Ä5³¹ JavaScript ¥æ¤¬½sµ{
¤¶²ÐJavaScriptªº¦UºØDOM¾Þ§@©M¼Ë¦¡½sµ{
5
3
²Ä6³¹ jQuery½sµ{°ò¦¤¶²ÐjQueryªº¿ï¾Ü¾¹¡B¨Æ¥óªººÊÅ¥¡B¦UºØDOM¥æ¤¬©M¥\¯àÂX®i52
²Ä7³¹ AJAX³q«H§Þ³N
¤¶²ÐAJAXªº§Þ³N­ì²z¡BHTTP¨óij¡AFiddler§ì¥]¤u¨ã¡BXMLHttpRequest¹ï¶Hªº¨Ï¥Î¡AjQueryªºAJAX¤èªk¤ä«ù¡ARESTFul API¨Ï¥Î
6
3
²Ä8³¹ WebSocket°ò¦¤¶²ÐWebSocketªº§Þ³N­ì²z¥H¤Î¬ÛÀ³ªºAPI22
²Ä9³¹ ¼½©ñ¦h´CÅ餶²Ðaudio©Mvideo¼Ðñªº¨Ï¥Î¡A¥H¤Î¬ÛÀ³ªºAPI22
²Ä10³¹ ¥»¦a¦sÀx¤¶²ÐHTML5¤¤¥»¦a¦sÀx§Þ³NlocalStorage¡BsessionStorage¡BWeb SQL©MIndexedDBªº¨Ï¥Î33
²Ä11³¹ Canvasø¹Ï
¤¶²ÐCanvas¥H¤Î¬ÛÀ³Ã¸¹ÏAPIªº¨Ï¥Î
3
2
²Ä12³¹ HTML5+Runtime¤¶²ÐHTML5+ªº¼Ò¶ô²Õ¦¨¡A¦b­¶­±¤¤¨Ï¥ÎHTML5+ API¡AWebView¼Ò¶ôªº¤@¨Ç¨å«¬¨Ï¥Î44
²Ä13³¹ MUI®Ø¬[
¤¶²ÐMUI¶µ¥Ø­¶­±ªº¥¬§½¡B¤@¨Ç¤º¸m¤èªk¡A¨Æ¥ó©Mµ¡¤fºÞ²z¡B¨å«¬ªº¤@¨ÇUI²Õ¥ó©M´¡¥ó¡AAJAX³q«H½Õ¥Î¡A¦bChrome¤¤½Õ¸ÕAndroidµ{§Ç
6
4
²Ä14³¹ ºî¦X¹ê¨Ò¡G ¬ü­¹¶×Appµ¹¥X¤@­Ó§¹¾ãªºAndroid App¶}µo¹ê¨Ò58

ª`¡G «Øij½Ò¥~¾Ç®É¬°46¾Ç®É¡A«K¤_§¹¦¨¤@¨Ç¹ê¨Òªº½m²ß¡A¥ô¦ó½sµ{ªº¾Ç²ß³£¤£¯à«ü±æ¦b½Ò°ó¤W¸Ñ¨M©Ò¦³ªº°ÝÃD¡A¥²¶·¦b½Ò¥~¶i¦æ¾A®É½m²ß¡C±Ð¾Ç©Î¾Ç²ß¹Lµ{¤¤¥i«ö¹ê»Ú±¡ªp¹ï¾Ç®É©M¤º®e¶i¦æ½Õ¾ã¡C


¥»®Ñ°t®M¸ê·½¥]¨Ï¥Î»¡©ú
¤U¸ü¥»®Ñ°t®M¸ê·½¥]ªºÀ£ÁY¤å¥ó¡A¸ÑÀ£¦Z¥ÎChromeÂsÄý¾¹¥´¶}¨ä¤¤ªº¡§index.html¡¨¡A¬É­±¦p¤U¹Ï©Ò¥Ü¡A³æÀ»¥ª°¼¾ð§Îµæ³æ¤¤¦U³¹¸`¨C­Ó¨Ò¤lªº½s¸¹¡A¥k°¼±NÅã¥Ü¸Ó¨Ò¤lªº®ÄªG©M»¡©ú¡C
¤º®e²¤¶¡G

¶V¨Ó¶V¦hªº¤½¥qªö¥ÎHTML5¨Ó§Ö³t¶}µo²¾°Ê¸ó¥­»OApp¡A¥¦¤ä«ù·í«e¥«³õ¬y¦æªº²¾°Ê³]³Æ¡C
¥»®Ñ¥D­n¤¶²Ð¤FHTML5¦b²¾°ÊApp¶}µo¤¤ªºÀ³¥Î§Þ³N¡BCSS 3ªºÀ³¥Î¤ÎJavaScriptªº½sµ{ª¾ÃÑ¡A¦}¨Ï¥Î¤j¶q¹ê¨Ò¤¶²Ð§Q¥ÎHbuider¡BMUI¡BHTML5+³W­S¶}µoAppªº¬yµ{©M¹ê²{¡C
¥»®Ñ±NÀ°§UŪªÌ§Ö³t¾Ç²ß¦p¦ó§Q¥ÎHTML5©MDCloudªºHTML5²¾°Ê¶}µo§Þ³N¨Ó¶}µo²¾°ÊApp¡A¤]¥i¥H§@¬°¹ïHTML5 App¹ê½î·P¿³½ìªºÅªªÌ©M±M·~¶}µo¤H­ûªº°Ñ¦Ò¥Î®Ñ¡C
¥Ø¿ý¡G

²Ä1³¹HTML5AppÀ³¥Î¶}µo·§­z
1.1HTML5¤¶²Ð
1.1.1²×±N¥¢±ÑªºFlash
1.1.2Web²¾°ÊÀ³¥Îªº¥¼¨Ó
1.2HTML5·s¯S©Ê
1.3¾Ö©êHTML5
1.4HTML5Appªºµo®i
1.5HTML5App»P­ì¥ÍAppªº¤ñ¸û
1.6HTML5App¶}µoÀô¹Ò·f«Ø
1.6.1¶}µo¤u¨ãªº¦w¸Ë
1.6.2³Ì±µªñ­ì¥ÍAppÅéÅ窺MUI®Ø¬[
1.6.3HTML5+À³¥Î¤¶²Ð
1.6.4¬yÀ³¥Î¤¶²Ð
1.7¶}µo²Ä¤@­ÓHTML5App
1.7.1½m²ß¡GHelloWorldµ{§Ç
1.7.2¥´¥]¹Lµ{
¤pµ²
²ßÃD
²Ä2³¹HTML5­¶­±°ò¦
2.1HTML²¤¶
2.1.1¼Ðñ
2.1.2¼ÐñªºÄÝ©Ê
2.1.3ª`ÄÀ¼Ðñ
2.2HTML5¤åÀÉ°ò¥»®æ¦¡
2.3¥¬§½div¼Ðñ
2.4¤å¥»±±¨î¼Ðñ
2.4.1¼ÐÃDh¼Ðñ
2.4.2¬q¸¨p¼Ðñ
2.4.3¤ô¥­½uhr¼Ðñ
2.4.4´«¦æbr¼Ðñ
2.4.5¯S®í¦r²Å¼Ð°O
2.4.6­×¹¢span¼Ðñ
2.5¹Ï¹³img¼Ðñ
2.6¶WÃì±µa¼Ðñ
2.7¦Cªí¼Ðñ
2.7.1µL§Ç¦Cªíul¼Ðñ
2.7.2¦³§Ç¦Cªíol¼Ðñ
2.8»y¸q¤Æ¼Ðñ
2.9­¶­±¥æ¤¬©Ê¼Ðñ
2.9.1²Ó¸`®i¥Üdetails©Msummary¼Ðñ
2.9.2¶i«×±øprogess¼Ðñ
2.10ªí®æ¼Ðñ
2.11ªí³æªºÀ³¥Î
2.11.1ªí³æform¼Ðñ
2.11.2¦UºØinput¿é¤J¼Ðñ
2.11.3input¼Ðñªº¨ä¥LÄÝ©Ê
2.11.4¨ä¥Lªí³æ¼Ðñ
2.11.5¹ê¨Ò¡Gª`¥Uªí³æ
2.12²¾°Ê¶}µo¤¤meta¼ÐñªºÀ³¥Î
¤pµ²
²ßÃD
²Ä3³¹CSS¼Ë¦¡³]­p
3.1CSS²¤¶
3.2CSS®Ö¤ß°ò¦
3.2.1CSS¼Ë¦¡³W«h
3.2.2CSS¤¤ªº³æ¦ì©MÃC¦â
3.2.3¦bHTML¤åÀɤ¤À³¥ÎCSS
3.3CSS¿ï¾Ü¾¹
3.3.1°ò¦¿ï¾Ü¾¹
3.3.2¨ä¥L¿ï¾Ü¾¹
3.4¤Ø¤oÄÝ©Ê
3.5¤å¥»¼Ë¦¡ÄÝ©Ê
3.6CSS°ª¯Å¯S©Ê
3.6.1Ä~©Ó©Ê
3.6.2CSS¼hÅ|©Ê©MÀu¥ý¯Å
3.6.3Chrome½Õ¸ÕCSS
3.7­I´ºÄÝ©Ê
3.7.1³]¸m­I´ºÃC¦â
3.7.2³]¸m­I´º¹Ï¤ù
3.8Ãä®ØÄÝ©Ê
3.9CSS²°¤l¼Ò«¬
3.9.1¤º¶ñ¥RÄÝ©Ê
3.9.2¥~Ãä¶ZÄÝ©Ê
3.9.3boxúQsizingÄÝ©Ê
3.10¯B°Ê©M©w¦ì
3.10.1¯B°Ê
3.10.2©w¦ì
3.10.3¶ô¤¸¯À»P¦æ¤º¤¸¯À
3.11CSS°Êµe®ÄªG
3.11.1¹L´ç
3.11.22D¤Î3DÅÜ´«
3.11.3°Êµe±±¨î
3.12¨ä¥L¤@¨Ç±`¥ÎªºCSSÄÝ©Ê
3.13²¾°Ê³]³Æªº¾A°t
3.14¹ê¨Ò
3.14.1ª`¥Uªí³æ¼Ë¦¡¬ü¤Æ
3.14.2®È´åApp­¶­±
¤pµ²
²ßÃD
²Ä4³¹JavaScript½sµ{°ò¦
4.1JavaScript¤¶²Ð
4.2¨Ï¥ÎJavaScript
4.2.1¦b­¶­±¤¤´¡¤J¥N½X
4.2.2¨Ï¥Îjs¤å¥ó
4.3JavaScriptªº°ò¦»yªk
4.3.1¼Æ¾ÚÃþ«¬
4.3.2Åܶq©w¸q
4.3.3¼Æ¾ÚÃþ«¬ªºÂà´«
4.3.4¥N½Xª`ÄÀ
4.3.5¹Bºâ²Å
4.3.6±`¥Î»y¥y
4.4¨ç¼Æ
4.4.1¨ç¼Æ©w¸q¤Î½Õ¥Î
4.4.2Åܶqªº§@¥Î°ì
4.4.3¨ç¼Æ­«¸ü
4.4.4¨ç¼Æªºªð¦^­È
4.4.5°Î¦W¨ç¼Æ
4.5JavaScript¦bChrome¤¤ªº½Õ¸Õ
4.5.1¦b±±¨î»O¿é¥X
4.5.2Â_ÂI½Õ¸Õ
4.6JavaScript¹ï¶H°ò¦
4.6.1Object¹ï¶H
4.6.2¤º¸m¹ï¶H
4.6.3¦Û©w¸qÃþ©Î¹ï¶H
4.7JavaScript³B²zJSON
4.7.1JSON®æ¦¡µ²ºc²¤¶
4.7.2JSON§Ç¦C¤Æ»P¤Ï§Ç¦C¤Æ
¤pµ²
²ßÃD
²Ä5³¹JavaScript¥æ¤¬½sµ{
5.1DOM¤¶²Ð
5.2¨Ï¥ÎDOM
5.2.1document¹ï¶H
5.2.2¬d§ä¸`ÂI
5.2.3³B²zÄÝ©Ê
5.2.4Ū¨ú©M³]¸m¤º®e
5.2.5³Ð«Ø©M¾Þ§@¸`ÂI
5.3DOMªº¼Ë¦¡½sµ{
5.3.1classNameÄÝ©Ê
5.3.2classList¹ï¶H
5.3.3style¹ï¶H
5.4¨Æ¥ó
5.4.1±`¥Îªº¤@¨Ç¨Æ¥ó
5.4.2¤ºÁpÄݩʺÊÅ¥¨Æ¥ó
5.4.3DOMÄݩʺÊÅ¥¨Æ¥ó
5.4.4¼Ð·Çªº¨Æ¥óºÊÅ¥¨ç¼Æ
5.4.5¨Æ¥óIJµo¹Lµ{
5.4.6¨Æ¥óªºEvent¹ï¶H
¤pµ²
²ßÃD
²Ä6³¹jQuery½sµ{°ò¦
6.1jQuery¤¶²Ð
6.2¨Ï¥ÎjQuery
6.3¨Ï¥Î$()¨ç¼Æ
6.4jQueryªº¦Û©w¸q¿ï¾Ü¾¹
6.4.1°ò¥»¹LÂo¾¹
6.4.2¤º®e¹LÂo¾¹
6.4.3¥i¨£©Ê¹LÂo¾¹
6.4.4ªí³æ¿ï¾Ü¾¹
6.5jQuery¹ï¶H»PDOM¹ï¶HªºÂà´«
6.6jQuery¹ï¨Æ¥óªº³B²z
6.6.1­¶­±¥[¸ü¦Z°õ¦æ
6.6.2jQuery¨Æ¥óºÊÅ¥
6.7jQuery¹M¾ú¤èªk
6.7.1¹M¾úHTML¤¸¯À¹ï¶H
6.7.2¹M¾ú¼Æ²Õ¹ï¶H
6.7.3¹M¾úJSON¹ï¶HÄÝ©Ê
6.8jQueryDOM¥æ¤¬
6.8.1¾Þ§@HTMLÄÝ©Ê
6.8.2¾Þ§@ªí³æ¤¸¯Àªº­È
6.8.3­×§ï¸`ÂI¤º®e
6.8.4³Ð«Ø©M²K¥[HTML¤¸¯À¸`ÂI
6.8.5§R°£HTML¤¸¯À¸`ÂI
6.8.6´_¨îHTML¤¸¯À¸`ÂI
6.8.7­×§ï¼Ë¦¡
6.9jQueryªºÂX®i
6.10jQuery´¡¥óÀ³¥Î¤¶²Ð
6.11¹ê¨Ò¡G°O¾Ð½µP´åÀ¸
¤pµ²
²ßÃD
²Ä7³¹AJAX³q«H§Þ³N
7.1AJAX§Þ³N¤¶²Ð
7.2HTTP¨óij¤ÀªR
7.2.1HTTP¨óij¤¶²Ð
7.2.2Fiddler§ì¥]¯«¾¹
7.2.3HTTP½Ð¨D»PÅTÀ³
7.2.4Fiddler¤â¾÷¼Æ¾Ú§ì¥]
7.2.5Fiddler¼ÒÀÀHTTP½Ð¨D
7.2.6¹Ï¤ùÅçÃÒ½X
7.3XMLHttpRequest¹ï¶H
7.3.1¨Ï¥Î¤èªk
7.3.2Ū¨ú¼Æ¾Ú
7.3.3´£¥æ¼Æ¾Ú
7.3.4FormData¹ï¶H
7.3.5¸ÑªRXML¼Æ¾Ú
7.4CORS¸ó°ì°ÝÃD
7.5RESTfulAPI¤¶²Ð
7.6jQuery¤¤ªºAJAX¤èªk
7.7¹ê¨Ò¡G°e³f¦a§}ºÞ²z
¤pµ²
²ßÃD
²Ä8³¹WebSocket°ò¦
8.1WebSocketªºµo®i¾úµ{
8.2HTML5WebSocket²¤¶
8.3WebSocket¹ê²{
8.4¹ê¨Ò¡G²á¤Ñ«Ç
8.4.1WebSocketªA°È¾¹ºÝ
8.4.2«È¤áºÝ¹ê²{
¤pµ²
²ßÃD
²Ä9³¹¼½©ñ¦h´CÅé
9.1HTML5¼Ð·Ç¤¤ªº­µµøÀW
9.1.1audio¼Ðñ
9.1.2video¼Ðñ
9.2audio©Mvideo¼Ðñªº¥D­nÄÝ©Ê
9.3audio¹ï¶H©Mvideo¹ï¶HªºAPI
9.4¹ê¨Ò¡GµøÀW¼½©ñ¾¹
¤pµ²
²ßÃD
²Ä10³¹¥»¦a¦sÀx
10.1HTML5¥»¦a¦sÀx§Þ³N·§­z
10.2localStorage©MsessionStorage
10.2.1ÀˬdÂsÄý¾¹ªº¤ä«ù
10.2.2¬ÛÀ³ªºAPI
10.3WebSQL¼Æ¾Ú®w
10.3.1³Ð«Ø©Î¥´¶}¼Æ¾Ú®w
10.3.2°õ¦æSQL»y¥y
10.4IndexedDB¼Æ¾Ú®w
10.4.1¼Æ¾Ú®wªì©l¤Æ
10.4.2¹ï¶H¦sÀxªÅ¶¡
10.4.3¯Á¤Þ
10.4.4¨Æ°È
10.4.5IndexedDBªºCRUD¾Þ§@
10.4.6´å¼Ð
¤pµ²
²ßÃD
²Ä11³¹Canvasø¹Ï
11.1Canvas¤¶²Ð
11.2ø¨î¹Ï§Î
11.2.1ø¨îª½½u
11.2.2ø¨î¨©¶ëº¸¦±½u
11.2.3ø¨î¶ñ¥R
11.2.4¨Ï¥Îº¥Åܦâ
11.2.5ø¨î¯x§Î
11.2.6ø¨î¶ê©·
11.3ø¨î¤å¦r
11.4ø¨î¹Ï¤ù
11.5À¿°£
11.6§¤¼ÐÅÜ´«
11.7¹³¯À¾Þ§@
11.8¹ê¨Ò¡G¤E®c®æ¤â¶Õ¸ÑÂê
¤pµ²
²ßÃD
²Ä12³¹HTML5+Runtime
12.1HTML5+Runtime¤¶²Ð
12.2HTML5+ªºDemo¥Ü¨Ò
12.3HTML5+APIªº¨Ï¥Î
12.4HTML5+APIªº¦U¼Ò¶ô
12.5Webview¼Ò¶ô
12.5.1Webviewªº¤èªk
12.5.2WebviewObject
12.5.3±`¨£ªº¤@¨ÇUI®ÄªG
12.6Native.js¤¶²Ð
¤pµ²
²ßÃD
²Ä13³¹MUI®Ø¬[
13.1MUI¤¶²Ð
13.2MUIªº¥Ü¨Ò
13.3¨Ï¥ÎMUI
13.4MUI­¶­±³]­pªº¤@¨Ç¯S®í¨Ï¥Î
13.5mui¹ï¶Hªº¤º¸m¤èªk©M¹ï¶H
13.6¨Æ¥óºÞ²z
13.7µ¡¤fºÞ²z
13.8¦UºØUI²Õ¥ó
13.8.1«ö¶s
13.8.2¼Æ¦r¨¤¼Ð
13.8.3¼Æ¦r¿é¤J®Ø
13.8.4¦Cªí
13.8.5§éÅ|­±ªO
13.8.6¥d¤ùµø¹Ï
13.8.7½ü¼½²Õ¥ó
13.8.8¹Ï¤ù½ü¼½²Õ¥ó
13.8.9´_¿ï®Ø©M³æ¿ï®Ø²Õ¥ó
13.8.10¶}Ãö²Õ¥ó
13.8.11·Æ¶ô²Õ¥ó
13.8.12¦rÅé¹Ï¼Ð²Õ¥ó
13.8.13ªí³æ²Õ¥ó
13.8.14¶i«×±ø²Õ¥ó
13.8.15¼u¥Xµæ³æ²Õ¥ó
13.8.16¾B¸n¼h²Õ¥ó
13.8.17¾Þ§@ªí²Õ¥ó
13.8.18¹ï¸Ü®Ø²Õ¥ó
13.8.19scroll°Ï°ìºu°Ê
13.9¤U©Ô¨ê·s©M¤W©Ô¥[¸ü
13.9.1¤U©Ô¨ê·s
13.9.2¤W©Ô¥[¸ü
13.10MUIªº´¡¥ó
13.10.1©µ¿ð¥[¸ü´¡¥ó
13.10.2¹Ï¤ù¹wÄý´¡¥ó
13.10.3¤é´Á©M®É¶¡¿ï¾Ü¾¹´¡¥ó
13.10.4³æ­¶­±¨ê·s´¡¥ó
13.11MUIªºAJAX«Ê¸Ë
13.12Chrome½Õ¸ÕAndroidÀ³¥Î
¤pµ²
²ßÃD
²Ä14³¹ºî¦X¹ê¨Ò¡G¬ü­¹¶×App
14.1¶µ¥Ø¤¶²Ð
14.1.1API¥þ§½Åܶq
14.1.2API¤¶²Ð
14.2¦rÅé¹Ï¼Ðªº¨î§@
14.3manifest.json¤å¥óªº°t¸m
14.3.1À³¥Î«H®§°t¸m
14.3.2¹Ï¼Ð°t¸m
14.3.3±Ò°Ê¹Ï¤ù°t¸m
14.4¦V¾É
14.5­º­¶
14.5.1¨Ï¥Î¤l­¶­±ºc«Ø­º­¶
14.5.2¬ü­¹¦Cªí¼Æ¾Úªº½Ð¨D©M¨ê·s
14.5.3·Æ°Ê¤â¶Õªº³B²z
14.5.4¹LÂo±ø¥óªº¨î§@
14.5.5MUI´¡¥óªº¨Ï¥Î
14.5.6µ¡¤f¼Æ¾Úªº¶Ç»¼
14.5.7±½½Xªº¹ê²{
14.5.8«°¥«©w¦ì©M¿ï¶µ¥d¤Á´«
14.6¬ü­¹¸Ô±¡
14.6.1¼·¥´¹q¸Ü
14.6.2¦Ê«×¦a¹Ï©w¦ìÅã¥Ü
14.6.3µû½×¤¤ªº¹Ï¤ù¹wÄý
14.6.4¤À¨É
14.6.5¦¬ÂÃ
14.7©â¼ú
14.7.1±ÂÅv¥´¶}µ¡¤f
14.7.2¬É­±³B²z
14.7.3·n¤@·n
14.7.4¦Û©w¸qµ¡¤f
14.7.5¸ó­¶­±½Õ¥Î¤èªk
14.8ª`¥U©Mµn¿ý
14.9§Úªº­q³æ
14.9.1artTemplate¥Í¦¨¦Cªí
14.9.2µû½×
14.10ª©¥»§ó·s
14.11µo¥¬Androidµ{§Ç
¤pµ²
³¡¤À²ßÃD°Ñ¦Òµª®×
°Ñ¦Ò¤åÄm
§Ç¡G