纯动态页面——是不是可行

Posted

技术标签:

【中文标题】纯动态页面——是不是可行【英文标题】:Pure dynamic pages - is it a feasible approach纯动态页面——是否可行 【发布时间】:2013-02-22 07:10:13 【问题描述】:

我正在建立一个网站并考虑使用纯动态页面,即没有 html 文件,所有内容都由 javascript 中的路由器处理,并且 DOM 元素全部由 javascript 创建并插入到文档中。

我只是想知道这是否是个好主意。恕我直言,事件可以在创建时附加到 DOM 元素,这可能会使代码更具可读性。静态和动态部分可能会更好地结合起来。但是页面格式可能会变得不清楚。而且我不确定性能是否会受到影响。

是否有人知道实际使用这种方法的任何网站?

非常感谢!

【问题讨论】:

有点开放式问题。我认为这是一个好主意,但不是很实用。如果您开始以这种方式开发网站,您可能会感到沮丧并再次硬编码您的 html,这是老式的方式;)。 另外,它可能不适用于搜索引擎。 为什么不直接使用服务器技术(php、asp.net)?这些是专门为动态页面服务而设计的,并消除了静态和动态部分的问题。用纯 javascript 构建动态的东西,虽然很聪明,但恕我直言并不实用。 【参考方案1】:

这个问题有点含糊,但您可能正在寻找任何数量的新时代 JavaScript 前端 MVC 框架:

http://angularjs.org/ http://meteor.com/ http://backbonejs.org/ 等

【讨论】:

【参考方案2】:

试试pure,一个javascript库,它将表示(HTML)和逻辑(js)分开,使代码清晰易懂。 它还支持与主要 javascript 库的集成。

pure.js 示例

HTML 模板

<div class="hello">
<span class="who"></span>
</div>

渲染指令


  "span.who":"who"

JSON 数据


  "who":"Hello Wrrrld"

生成的 HTML

<div class="hello">
<span class="who">Hello Wrrrld</span>
</div>

【讨论】:

检查一个完全动态的时间计划应用程序,建立在这个库的顶部beebole-apps.com/?lang=en_US&demoPure&demo

以上是关于纯动态页面——是不是可行的主要内容,如果未能解决你的问题,请参考以下文章

PHP 动态页面静态化实战

想问一下用html静态页+ajax访问动态页返回数据+js将数据添加到html页面这种方法的可行性

详谈ApacheNginx和tomcat的区别以及处理静态页面和动态页面的方式

纯HTML页面为了避免频繁前后台Ajax交互方案

PHP 爬虫体验 - 使用PHP + puppeteer爬取js动态渲染的页面内容

纯html页面中js如何获得项目路径