<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??碼云GVP開源項目 12k star Uniapp+ElementUI 功能強大 支持多語言、二開方便! 廣告
                ? ? ? W3C最新公布了和移動WebApp有關的標準當前的狀態及路線圖,它匯總了和移動Web App開發相關的所有HTML5和CSS3標準以及他們當前的狀態和未來路線,對使用HTML5進行移動Web App開發的開發者有著極大的指導意義。文檔地址為:[http://www.w3.org/2012/08/mobile-web-app-state/](http://www.w3.org/2012/08/mobile-web-app-state/)。 ? ? ??下面是該文檔的主要內容。 ? ? ? -------------- ? ? ??![](https://box.kancloud.cn/2016-08-09_57a9aa53a37ab.png) ? ? ??Web技術已經變得足夠強大,它們被用來建立全功能的應用,這已經是臺式機和筆記本上多年不變的事實,而現在正越來越多地出現在移動設備上。 ? ? ??本文總結了增強Web App功能的各種W3C標準,以及它們如何更具體地適用于移動環境中。 ? ? ??1.???[圖形圖像](http://www.w3.org/2012/08/mobile-web-app-state/#Graphics) ? ? ??2.???[多媒體](http://www.w3.org/2012/08/mobile-web-app-state/#Multimedia) ? ? ??3.???[設備適配](http://www.w3.org/2012/08/mobile-web-app-state/#Device_Adaptation) ? ? ??4.???[表單](http://www.w3.org/2012/08/mobile-web-app-state/#Forms) ? ? ??5.???[用戶交互](http://www.w3.org/2012/08/mobile-web-app-state/#User_interactions) ? ? ??6.???[數據存儲](http://www.w3.org/2012/08/mobile-web-app-state/#Data_storage) ? ? ??7.???[個人信息管理](http://www.w3.org/2012/08/mobile-web-app-state/#Personal_Information_Management) ? ? ??8.???[傳感器和硬件集成](http://www.w3.org/2012/08/mobile-web-app-state/#Sensors_and_hardware_integration) ? ? ??9.???[網絡](http://www.w3.org/2012/08/mobile-web-app-state/#Network) ? ? ??10.[通信與發現](http://www.w3.org/2012/08/mobile-web-app-state/#Communication_and_Discovery) ? ? ??11.[封裝](http://www.w3.org/2012/08/mobile-web-app-state/#Packaging) ? ? ??12.[性能與優化](http://www.w3.org/2012/08/mobile-web-app-state/#Performance_.26_Optimization) **狀態與變更** ? ? ??此文檔集成了自2012年5月以來Web平臺的如下變化: ? ? ??1、?[CSS Media Queries](http://www.w3.org/TR/css3-mediaqueries/)(媒介查詢)作為W3C推薦發布。 ? ? ??2、?[Navigation Timing](http://www.w3.org/TR/navigation-timing/)(導航時間)達到了提議推薦的狀態,距離推薦僅一步之遙。 ? ? ??3、?[Performance Timeline](http://www.w3.org/TR/performance-timeline/)(性能時間線),?[User Timing](http://www.w3.org/TR/user-timing/)(用戶時間線)和?[Page Visibility API](http://www.w3.org/TR/page-visibility/)(頁面可視性API)達到了候選推薦狀態,正尋求實現的反饋。 ? ? ??4、?W3C準備為[Near-Field Communications (NFC)](http://www.w3.org/2012/05/nfc-wg-charter.html)(近場通信)和[SystemApplications](http://www.w3.org/2012/05/sysapps-wg-charter.html)(系統應用-例如采用Web技術構建的本地App)添加新的規范。 ? ? ??5、?[HTML Media Capture](http://www.w3.org/TR/html-media-capture/)(HTML多媒體捕獲)作為最后修訂的草案發布。 ? ? ??6、? [SVG 2.0](http://www.w3.org/TR/SVG2/),?[Fullscreen API](http://www.w3.org/TR/fullscreen/)(全屏API),?[Networked Service Discovery and Messaging](http://www.w3.org/TR/discovery-api/),?[Media Capture and Streams](http://www.w3.org/TR/mediacapture-streams/),?[Quota Management API](http://www.w3.org/TR/quota-api/),?[Proximity Events](http://www.w3.org/TR/proximity/),?[Ambient Light Events](http://www.w3.org/TR/ambient-light/),?[Web Intents](http://www.w3.org/TR/web-intents/)作為第一次公開的工作草案公布。 ? ? ??7、?[Contact API](http://www.w3.org/TR/contacts-api/)(聯系人API)?和?[Gallery API](http://www.w3.org/TR/gallery/)(相冊API)將重新整理使用[Web Intents](http://dvcs.w3.org/hg/web-intents/raw-file/tip/spec/Overview.html)作為底層機制。 ? ? ??8、?專利咨詢小組召開會議,討論Touch Events API(觸摸事件API )目前的推薦狀態。 ? ? ??9、?[用于響應式圖像的<picture>標簽作為編輯草案出現](http://blog.csdn.net/hfahe/article/details/7963224)。 ? ? ??10、[WAI Education and Outreach](http://www.w3.org/WAI/EO/)工作組發布了目前[移動可存取性](http://www.w3.org/WAI/mobile/)當前工作的狀態。 **文檔結構** ? ? ??Web平臺上的技術特性被分為下面幾種類別:[圖形圖像](http://www.w3.org/2012/08/mobile-web-app-state/#Graphics)、[多媒體](http://www.w3.org/2012/08/mobile-web-app-state/#Multimedia)、[設備適配](http://www.w3.org/2012/08/mobile-web-app-state/#Device_Adaptation)、[表單](http://www.w3.org/2012/08/mobile-web-app-state/#Forms)、[用戶交互](http://www.w3.org/2012/08/mobile-web-app-state/#User_interactions)、[數據存儲](http://www.w3.org/2012/08/mobile-web-app-state/#Data_storage)、[個人信息管理](http://www.w3.org/2012/08/mobile-web-app-state/#Personal_Information_Management)、[傳感器和硬件集成](http://www.w3.org/2012/08/mobile-web-app-state/#Sensors_and_hardware_integration)、[網絡](http://www.w3.org/2012/08/mobile-web-app-state/#Network)、[通信](http://www.w3.org/2012/08/mobile-web-app-state/#Communication_and_Discovery)與發現、[封裝](http://www.w3.org/2012/08/mobile-web-app-state/#Packaging)和[性能與優化](http://www.w3.org/2012/08/mobile-web-app-state/#Performance_.26_Optimization)。 ![](https://box.kancloud.cn/2016-08-09_57a9aa53b8140.jpg) Web即應用開發平臺 ??????? 在每個類別中對應的功能表總結了: - W3C規范定義的功能 - 哪個W3C工作組負責該規范 - 規范在W3C推薦路線中的狀態 - 該文檔的預計穩定性,例如文檔將在多大范圍內調整,包括三種程度:低(該文檔基本穩定),中(部分穩定,其他部分預計有顯著變化),高(該文檔會有極大變化) - 移動設備上的可用性,基本數據來自[Can I Use](http://caniuse.com/)?和[mobile HTML5](http://mobilehtml5.org/),最終數據來自[Mozilla開發者網絡](https://developer.mozilla.org/),[QuirksMode](http://quirksmode.org/)以及筆者對移動設備市場的了解。 - 上述特性最新編輯草案的鏈接 - 上述特性測試工具的鏈接 ? ? ???W3C創建Web標準遵循[推薦路線](http://www.w3.org/2005/10/Process-20051014/tr.html#Reports),包括以下幾個階段: - “編輯草稿”代表了編輯者規范的當前視圖,但是并不是標準的一部分。 - “工作草稿”是工作組進程的早期里程碑。 - “最后修訂工作草案”標志工作組已確定規范符合其要求,所有已知的問題已得到解決,并因此請求獲取更大的社區反饋。 - “候選推薦”觸發邀請實現者來實現規范并反饋問題。 - “提議推薦”代表該工作組已經收集了足夠的實現經驗,并且給W3C的成員提交最后的審查。 - “W3C推薦”是穩定的和已完成的Web標準,這些文件只會得到少量更新,通過“編輯推薦”的進程和工作組收集的一個結果勘誤表。 ? ? ???在開始標準化之前,需要建立工作組并導入W3C的成員,這往往是通過組織一個[研討會](http://www.w3.org/2003/08/Workshops/),或者接受[W3C成員的自薦](http://www.w3.org/Submission/)。 ? ? ???W3C已設立[社區工作組](http://www.w3.org/community/)作為一種機制來允許任何人在W3C的基礎設施上進行實驗性工作,并通過IPR規則將工作過渡為W3C標準化進程。 ? ? ???注:以下每種類別內容不再詳述。讀者可自行到W3C網站了解。 ? ? ???**[圖形圖像](http://www.w3.org/2012/08/mobile-web-app-state/#Graphics)** **?![](https://box.kancloud.cn/2016-08-09_57a9aa53cddf8.jpg)** ? ? ???**[多媒體](http://www.w3.org/2012/08/mobile-web-app-state/#Multimedia)** ** ![](https://box.kancloud.cn/2016-08-09_57a9aa53ea24e.jpg) ? ? ???**[設備適配](http://www.w3.org/2012/08/mobile-web-app-state/#Device_Adaptation)** **![](https://box.kancloud.cn/2016-08-09_57a9aa540db78.jpg)** ? ? ???**[表單](http://www.w3.org/2012/08/mobile-web-app-state/#Forms)** **![](https://box.kancloud.cn/2016-08-09_57a9aa54279a6.jpg)** ? ? ???**[用戶交互](http://www.w3.org/2012/08/mobile-web-app-state/#User_interactions)** **![](https://box.kancloud.cn/2016-08-09_57a9aa543da65.jpg)** ? ? ???**[數據存儲](http://www.w3.org/2012/08/mobile-web-app-state/#Data_storage)** **![](https://box.kancloud.cn/2016-08-09_57a9aa5455d06.jpg)** ? ? ???**[個人信息管理](http://www.w3.org/2012/08/mobile-web-app-state/#Personal_Information_Management)** **![](https://box.kancloud.cn/2016-08-09_57a9aa546e480.jpg)** ? ? ???**[傳感器和硬件集成](http://www.w3.org/2012/08/mobile-web-app-state/#Sensors_and_hardware_integration)** **![](https://box.kancloud.cn/2016-08-09_57a9aa5483d5e.jpg)** ? ? ???**[網絡](http://www.w3.org/2012/08/mobile-web-app-state/#Network)** **![](https://box.kancloud.cn/2016-08-09_57a9aa549df61.jpg)** ? ? ???**[通信與發現](http://www.w3.org/2012/08/mobile-web-app-state/#Communication_and_Discovery)** ![](https://box.kancloud.cn/2016-08-09_57a9aa54baf80.jpg) ? ? ???**[封裝](http://www.w3.org/2012/08/mobile-web-app-state/#Packaging)** **![](https://box.kancloud.cn/2016-08-09_57a9aa54f23a3.jpg)** ? ? ???**[性能與優化](http://www.w3.org/2012/08/mobile-web-app-state/#Performance_.26_Optimization)** ![](https://box.kancloud.cn/2016-08-09_57a9aa5516021.jpg) ? ? ? 轉載請注明:來自[蔣宇捷的博客](http://blog.csdn.net/hfahe)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看