SlideShare a Scribd company logo
1 of 49
ID
Twitter @ethan168
HTML
HTML




       STATIC
HTML




   UISVR   STATIC
HTML           CMS




   UISVR   STATIC
HTML               CMS




IMAGE




        UISVR   STATIC
HTML               CMS




IMAGE                     vm




        UISVR   STATIC
demo   Controller
demo     Controller


  demo
demo              Controller


  demo

         CSS/JS                deploy
demo              Controller


  demo

         CSS/JS                deploy

          bug                  debug
demo                  Controller


  demo

             CSS/JS                deploy

               bug                 debug




  Fiddler   HTML                     vm
demo                  Controller


  demo

             CSS/JS                    deploy

               bug                 debug




  Fiddler   HTML                         vm



                             Twitter
demo                    Controller


  demo

               CSS/JS                    deploy

                 bug                 debug




  Fiddler     HTML                         vm



                               Twitter

        CMS
demo                    Controller


  demo

               CSS/JS                    deploy

                 bug                 debug




  Fiddler     HTML                         vm



                               Twitter

        CMS
demo                      Controller


   demo

                 CSS/JS                    deploy

                   bug                 debug




  Fiddler       HTML                         vm



                                 Twitter

          CMS




 etc...
de
Module
            Javascript

Velocity              JSON       CMS

        UISVR
                                  Object
               Tile      JSONP



 CSS
                         Tile
URIBroker                        Util
              Request
ver 1.0
ver 1.0
WebServer




ver 1.0
index.php

          WebServer




ver 1.0
index.php

          WebServer




ver 1.0
index.php

          WebServer




ver 1.0
index.php

          WebServer




                                         s
                                  js/.cs
                                       Static




ver 1.0
index.php

          WebServer




                                  ht




                                               s
                                    m




                                        js/.cs
                                             Static




ver 1.0
index.php

          WebServer




                                  ht




                                               s
                                    m




                                        js/.cs
                                             Static




ver 1.0
index.php

          WebServer




                                  ht




                                               s
                                    m




                                        js/.cs
                                             Static




ver 1.0
index.php

          WebServer




                                  ht




                                               s
                                    m




                                        js/.cs
                                             Static




ver 1.0
index.php

          WebServer




                                  ht




                                               s
                                    m




                                        js/.cs
                                             Static




ver 1.0
index.php

          WebServer




                                  ht




                                               s
                                    m




                                        js/.cs
                                             Static




ver 1.0
index.php

          WebServer




                                  ht




                                               s
                                    m




                                        js/.cs
                                             Static




ver 1.0




                                             static
index.php

          WebServer




                                  ht




                                               s
                                    m




                                        js/.cs
                                             Static




ver 1.0




                                             static
...
...
...
...
Thanks

More Related Content

Similar to 前端本地环境初探

Chapter10 web
Chapter10 webChapter10 web
Chapter10 webREADIFY
 
20101220架構討論
20101220架構討論20101220架構討論
20101220架構討論Kyle Lin
 
CodeCamp Iasi 10 March 2012 - Gabriel Enea - ASP.NET Web API
CodeCamp Iasi 10 March 2012 -   Gabriel Enea - ASP.NET Web APICodeCamp Iasi 10 March 2012 -   Gabriel Enea - ASP.NET Web API
CodeCamp Iasi 10 March 2012 - Gabriel Enea - ASP.NET Web APICodecamp Romania
 
Modern Architectures with Spring and JavaScript
Modern Architectures with Spring and JavaScriptModern Architectures with Spring and JavaScript
Modern Architectures with Spring and JavaScriptmartinlippert
 
Shreeraj-Hacking_Web_2
Shreeraj-Hacking_Web_2Shreeraj-Hacking_Web_2
Shreeraj-Hacking_Web_2guest66dc5f
 
Modern Architectures with Spring and JavaScript
Modern Architectures with Spring and JavaScriptModern Architectures with Spring and JavaScript
Modern Architectures with Spring and JavaScriptmartinlippert
 
Connected Web Systems
Connected Web SystemsConnected Web Systems
Connected Web SystemsDamir Dobric
 
JAX 2012: Moderne Architektur mit Spring und JavaScript
JAX 2012: Moderne Architektur mit Spring und JavaScriptJAX 2012: Moderne Architektur mit Spring und JavaScript
JAX 2012: Moderne Architektur mit Spring und JavaScriptmartinlippert
 
adrian coyler open tour keynote
adrian coyler open tour keynoteadrian coyler open tour keynote
adrian coyler open tour keynotemarklucovsky
 
Programming SharePoint 2010 with Visual Studio 2010
Programming SharePoint 2010 with Visual Studio 2010Programming SharePoint 2010 with Visual Studio 2010
Programming SharePoint 2010 with Visual Studio 2010Quang Nguyễn Bá
 
Webforms
WebformsWebforms
Webformsrustd
 
ASP.NET MVC as the next step in web development
ASP.NET MVC as the next step in web developmentASP.NET MVC as the next step in web development
ASP.NET MVC as the next step in web developmentVolodymyr Voytyshyn
 
Future ASP.NET features for UID / HTML developers
Future ASP.NET features for UID / HTML developersFuture ASP.NET features for UID / HTML developers
Future ASP.NET features for UID / HTML developersMark Everard
 
VIE - Using RDFa to make content editable
VIE - Using RDFa to make content editableVIE - Using RDFa to make content editable
VIE - Using RDFa to make content editableHenri Bergius
 
Understanding ASP.NET Under The Cover - Miguel A. Castro
Understanding ASP.NET Under The Cover - Miguel A. CastroUnderstanding ASP.NET Under The Cover - Miguel A. Castro
Understanding ASP.NET Under The Cover - Miguel A. CastroMohammad Tayseer
 

Similar to 前端本地环境初探 (20)

Chapter10 web
Chapter10 webChapter10 web
Chapter10 web
 
20101220架構討論
20101220架構討論20101220架構討論
20101220架構討論
 
CodeCamp Iasi 10 March 2012 - Gabriel Enea - ASP.NET Web API
CodeCamp Iasi 10 March 2012 -   Gabriel Enea - ASP.NET Web APICodeCamp Iasi 10 March 2012 -   Gabriel Enea - ASP.NET Web API
CodeCamp Iasi 10 March 2012 - Gabriel Enea - ASP.NET Web API
 
Modern Architectures with Spring and JavaScript
Modern Architectures with Spring and JavaScriptModern Architectures with Spring and JavaScript
Modern Architectures with Spring and JavaScript
 
Shreeraj-Hacking_Web_2
Shreeraj-Hacking_Web_2Shreeraj-Hacking_Web_2
Shreeraj-Hacking_Web_2
 
Modern Architectures with Spring and JavaScript
Modern Architectures with Spring and JavaScriptModern Architectures with Spring and JavaScript
Modern Architectures with Spring and JavaScript
 
Connected Web Systems
Connected Web SystemsConnected Web Systems
Connected Web Systems
 
Aspdotnet
AspdotnetAspdotnet
Aspdotnet
 
ASP.NET 4.0 Roadmap
ASP.NET 4.0 RoadmapASP.NET 4.0 Roadmap
ASP.NET 4.0 Roadmap
 
JAX 2012: Moderne Architektur mit Spring und JavaScript
JAX 2012: Moderne Architektur mit Spring und JavaScriptJAX 2012: Moderne Architektur mit Spring und JavaScript
JAX 2012: Moderne Architektur mit Spring und JavaScript
 
adrian coyler open tour keynote
adrian coyler open tour keynoteadrian coyler open tour keynote
adrian coyler open tour keynote
 
Programming SharePoint 2010 with Visual Studio 2010
Programming SharePoint 2010 with Visual Studio 2010Programming SharePoint 2010 with Visual Studio 2010
Programming SharePoint 2010 with Visual Studio 2010
 
Walther Ajax4
Walther Ajax4Walther Ajax4
Walther Ajax4
 
Webforms
WebformsWebforms
Webforms
 
ASP.NET MVC as the next step in web development
ASP.NET MVC as the next step in web developmentASP.NET MVC as the next step in web development
ASP.NET MVC as the next step in web development
 
Future ASP.NET features for UID / HTML developers
Future ASP.NET features for UID / HTML developersFuture ASP.NET features for UID / HTML developers
Future ASP.NET features for UID / HTML developers
 
Servlet by Rj
Servlet by RjServlet by Rj
Servlet by Rj
 
React-js
React-jsReact-js
React-js
 
VIE - Using RDFa to make content editable
VIE - Using RDFa to make content editableVIE - Using RDFa to make content editable
VIE - Using RDFa to make content editable
 
Understanding ASP.NET Under The Cover - Miguel A. Castro
Understanding ASP.NET Under The Cover - Miguel A. CastroUnderstanding ASP.NET Under The Cover - Miguel A. Castro
Understanding ASP.NET Under The Cover - Miguel A. Castro
 

More from Alipay

Javascrpt arale
Javascrpt araleJavascrpt arale
Javascrpt araleAlipay
 
Javascript 基础
Javascript 基础Javascript 基础
Javascript 基础Alipay
 
Css101
Css101Css101
Css101Alipay
 
Html&Browser
Html&BrowserHtml&Browser
Html&BrowserAlipay
 
Web encoding 元则
Web encoding 元则Web encoding 元则
Web encoding 元则Alipay
 
洞察、创造与想象
洞察、创造与想象洞察、创造与想象
洞察、创造与想象Alipay
 
seaJs—不仅仅是脚本加载器
seaJs—不仅仅是脚本加载器seaJs—不仅仅是脚本加载器
seaJs—不仅仅是脚本加载器Alipay
 
从小书签到浏览器扩展的应用
从小书签到浏览器扩展的应用从小书签到浏览器扩展的应用
从小书签到浏览器扩展的应用Alipay
 
行为化体验度量
行为化体验度量行为化体验度量
行为化体验度量Alipay
 
Html基础
Html基础Html基础
Html基础Alipay
 
前端本地环境初探
前端本地环境初探前端本地环境初探
前端本地环境初探Alipay
 
重构用户体验
重构用户体验重构用户体验
重构用户体验Alipay
 
Js in js
Js in jsJs in js
Js in jsAlipay
 

More from Alipay (13)

Javascrpt arale
Javascrpt araleJavascrpt arale
Javascrpt arale
 
Javascript 基础
Javascript 基础Javascript 基础
Javascript 基础
 
Css101
Css101Css101
Css101
 
Html&Browser
Html&BrowserHtml&Browser
Html&Browser
 
Web encoding 元则
Web encoding 元则Web encoding 元则
Web encoding 元则
 
洞察、创造与想象
洞察、创造与想象洞察、创造与想象
洞察、创造与想象
 
seaJs—不仅仅是脚本加载器
seaJs—不仅仅是脚本加载器seaJs—不仅仅是脚本加载器
seaJs—不仅仅是脚本加载器
 
从小书签到浏览器扩展的应用
从小书签到浏览器扩展的应用从小书签到浏览器扩展的应用
从小书签到浏览器扩展的应用
 
行为化体验度量
行为化体验度量行为化体验度量
行为化体验度量
 
Html基础
Html基础Html基础
Html基础
 
前端本地环境初探
前端本地环境初探前端本地环境初探
前端本地环境初探
 
重构用户体验
重构用户体验重构用户体验
重构用户体验
 
Js in js
Js in jsJs in js
Js in js
 

Recently uploaded

Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Science&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfScience&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfjimielynbastida
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
Bluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfBluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfngoud9212
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsSnow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsHyundai Motor Group
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024The Digital Insurer
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraDeakin University
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsAndrey Dotsenko
 

Recently uploaded (20)

Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping Elbows
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Science&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfScience&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdf
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
Bluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfBluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdf
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsSnow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 

前端本地环境初探

  • 2.
  • 4. HTML STATIC
  • 5. HTML UISVR STATIC
  • 6. HTML CMS UISVR STATIC
  • 7. HTML CMS IMAGE UISVR STATIC
  • 8. HTML CMS IMAGE vm UISVR STATIC
  • 9.
  • 10.
  • 11.
  • 12. demo Controller
  • 13. demo Controller demo
  • 14. demo Controller demo CSS/JS deploy
  • 15. demo Controller demo CSS/JS deploy bug debug
  • 16. demo Controller demo CSS/JS deploy bug debug Fiddler HTML vm
  • 17. demo Controller demo CSS/JS deploy bug debug Fiddler HTML vm Twitter
  • 18. demo Controller demo CSS/JS deploy bug debug Fiddler HTML vm Twitter CMS
  • 19. demo Controller demo CSS/JS deploy bug debug Fiddler HTML vm Twitter CMS
  • 20. demo Controller demo CSS/JS deploy bug debug Fiddler HTML vm Twitter CMS etc...
  • 21.
  • 22.
  • 23. de
  • 24.
  • 25. Module Javascript Velocity JSON CMS UISVR Object Tile JSONP CSS Tile URIBroker Util Request
  • 26.
  • 27.
  • 28.
  • 29.
  • 33. index.php WebServer ver 1.0
  • 34. index.php WebServer ver 1.0
  • 35. index.php WebServer ver 1.0
  • 36. index.php WebServer s js/.cs Static ver 1.0
  • 37. index.php WebServer ht s m js/.cs Static ver 1.0
  • 38. index.php WebServer ht s m js/.cs Static ver 1.0
  • 39. index.php WebServer ht s m js/.cs Static ver 1.0
  • 40. index.php WebServer ht s m js/.cs Static ver 1.0
  • 41. index.php WebServer ht s m js/.cs Static ver 1.0
  • 42. index.php WebServer ht s m js/.cs Static ver 1.0
  • 43. index.php WebServer ht s m js/.cs Static ver 1.0 static
  • 44. index.php WebServer ht s m js/.cs Static ver 1.0 static
  • 45. ...
  • 46. ...
  • 47. ...
  • 48. ...

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n
  35. \n
  36. \n
  37. \n
  38. \n
  39. \n
  40. \n
  41. \n
  42. \n
  43. \n
  44. \n
  45. \n
  46. \n
  47. \n
  48. \n
  49. \n
  50. \n
  51. \n
  52. \n
  53. \n
  54. \n
  55. \n
  56. \n
  57. \n
  58. \n
  59. \n
  60. \n
  61. \n
  62. \n
  63. \n
  64. \n
  65. \n
  66. \n
  67. \n
  68. \n
  69. \n
  70. \n
  71. \n
  72. \n
  73. \n
  74. \n
  75. \n
  76. \n
  77. \n
  78. \n
  79. \n
  80. \n
  81. \n
  82. \n
  83. \n
  84. \n
  85. \n
  86. \n
  87. \n
  88. \n
  89. \n
  90. \n
  91. \n
  92. \n
  93. \n
  94. \n
  95. \n
  96. \n
  97. \n
  98. \n
  99. \n
  100. \n
  101. \n