<dd id="fl4gs"></dd>
<button id="fl4gs"><acronym id="fl4gs"></acronym></button>

    <dd id="fl4gs"><track id="fl4gs"></track></dd>
    <em id="fl4gs"><tr id="fl4gs"></tr></em>
    <span id="fl4gs"><track id="fl4gs"></track></span>
    1. <tbody id="fl4gs"></tbody>
      <th id="fl4gs"><track id="fl4gs"></track></th>
    2. |
      |
      51CTO旗下網站
      |
      |
      移動端

      HTML6你就這樣拋棄JavaScript?

      關于 HTML6 意在實現無 JavaScript 的單頁應用,這引起了前端開發社區一片嘩然。請深呼吸,然后繼續下面內容。

      作者:佚名來源:oschina|2015-03-30 09:26

      【線上直播】11月21日晚8點貝殼技術總監侯圣文《數據安全之數據庫安全黃金法則》

      關于 HTML6 意在實現無 JavaScript 的單頁應用,這引起了前端開發社區一片嘩然。請深呼吸,然后繼續下面內容。

      W3.org 分享了一個 casual proposal for HTML6 ,這引起了前端社區的激烈爭論。來自前 NSA 雇員和創業企業級 Bobby Mozumder 提交了這份建議,聲稱一個高性能的響應式 Web 體驗無需 JavaScript 支持。

      Mozumder 寫道:新興的 Web 應用通過 JSON API 加載動態內容,這是單頁應用的一個標準設計模式。大多數人采用這種方法是因為它比加載一個完整 HTML 頁面要節省很多時間。

      這種模式使用那么的廣泛,因此 Mozumder 的建議是未來瀏覽器應該直接提供動態加載內容的功能,而不需要開發者編寫任何 JavaScript 代碼。

      下面是 Mozumder 建議的 HTML 代碼:

      1. <DOCTYPE html> 
      2. <HTML LANG=“en”> 
      3. <HEAD> 
      4. <FIXTURES lang=“xml”> 
      5.     <model class=“MyArticleData”> 
      6.         <rsp stat=“ok"> 
      7.             <article label=“one” id=“1"> 
      8.                 <headline>"Big News!”</headline> 
      9.                 <body>"<p>This is the first article intro.</p><p>This is the second paragraph.</p>"</body> 
      10.             </article> 
      11.             <article label=“two” id=“2"> 
      12.                 <headline>"Not so big news"</headline> 
      13.                 <body>"<p>This is the <em>second</em> article.</p>"</body> 
      14.             </article> 
      15.         </rsp> 
      16.     </model> 
      17.     <model class=“MyImageData”> 
      18.         <rsp stat=“ok"> 
      19.             <image label="Square" width="75" height="75" source="https://mycontentserver.com/image_s.jpg" id=“3"/> 
      20.             <image label=“Tall" width=“300" height=“200" source="https://mycontentserver.com/image_l.jpg" id=“4"/> 
      21.         </rsp> 
      22.         <rsp stat=“loading"> 
      23.             <image label="Square" width="75" height="75" source="https://mycontentserver.com/loading_image_s.jpg" id=“1"/> 
      24.         </rsp> 
      25.         <rsp stat=“some_error"> 
      26.             <image label="Square" width="75" height="75" source="https://mycontentserver.com/error_image_s.jpg" id=“2"/> 
      27.             <message 
      28.         </rsp> 
      29.     </model> 
      30. </FIXTURES> 
      31. </HEAD> 
      32. <BODY> 
      33.     <MENU class=“controller”> 
      34.         <A href=“http://api.mywebsite.com/api/load-new-article” model=“MyArticleData">Click here to replace the articles with different articles.</A> 
      35.         <A href=“http://api.mywebsite.com/api/load-new-image” model=“MyImageData">Click here to replace the picture with a different picture.</A> 
      36.     </MENU> 
      37.     <MAIN class=“viewer”> 
      38.         <ARTICLE class=“center"> 
      39.             <H1 model=“MyArticleData.rsp.article(label=‘one’).headline” /> 
      40.             <SPAN model="MyArticleData.rsp.article(label=’one’).body” /> 
      41.         </ARTICLE> 
      42.         <ARTICLE class=“sidebar"> 
      43.             <H1 model=“MyArticleData.rsp.article(label=’two’).headline” /> 
      44.             <SPAN model=“MyArticleData.rsp.article(label=’two’).body” /> 
      45.         </ARTICLE> 
      46.         <IMG src=“model:MyImageData.rsp.image(label=‘Square’)#source” width=“model:MyImageData.rsp.image(label=‘Square’)#width” height=“model:MyImageData.rsp.image(label=’Square’)#height”> 
      47.     </MAIN> 
      48. </BODY> 
      49. </HTML> 

      【編輯推薦】

      1. Hybrid App:借助HTML5、JavaScript和CSS3開發
      2. Android開發之WebView中捕獲JavaScript事件
      3. ***的JavaScript代碼規范
      4. 面向Web開發人員的11個必備JavaScript工具
      【責任編輯:chenqingxiang TEL:(010)68476606】

      點贊 0
      分享:
      大家都在看
      猜你喜歡

      訂閱專欄+更多

      16招輕松掌握PPT技巧

      16招輕松掌握PPT技巧

      GET職場加薪技能
      共16章 | 曬書包

      289人訂閱學習

      20個局域網建設改造案例

      20個局域網建設改造案例

      網絡搭建技巧
      共20章 | 捷哥CCIE

      645人訂閱學習

      WOT2019全球人工智能技術峰會

      WOT2019全球人工智能技術峰會

      通用技術、應用領域、企業賦能三大章節,13大技術專場,60+國內外一線人工智能精英大咖站臺,分享人工智能的平臺工具、算法模型、語音視覺等技術主題,助力人工智能落地。
      共50章 | WOT峰會

      0人訂閱學習

      讀 書 +更多

      ASP網絡編程從入門到精通

      本書是為那些對Web開發感興趣的讀者而編寫的。ASP(Active Server Pages)是微軟公司在Web領域的又一次突破,它打破了以往只能由專業人員來...

      訂閱51CTO郵刊

      點擊這里查看樣刊

      訂閱51CTO郵刊

      51CTO服務號

      51CTO播客

      日韩大片