澳门金沙网上娱乐网址
  • |
    |
    51CTO旗下网站
    |
    |
    移动端

    HTML6你就这样抛弃JavaScript?

    关于 HTML6 意在实现无 JavaScript 的单页应用,这引起了前端开发社区一片哗然。请深呼吸,然后继续下面内容。

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

    关于 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播客

    澳门新威尼斯登陆 澳门金沙网上娱乐网址
  • 金沙网站所有网址 js333金沙线路真人平台 澳门新金沙线上网址 澳门金沙bb电子糖果派对 澳门金沙网上博彩下载 金沙118线路检测