服务器端和客户端JavaScript

服务器端和客户端JavaScript,javascript,node.js,frameworks,Javascript,Node.js,Frameworks,对于即将投入开发的应用程序,我很难选择使用哪种框架。我是一个前端的家伙,我的朋友在做后端 假设我正在开发一个简单的待办事项列表应用程序。我为待办事项列表上的每个项目都有一个模板。理想情况下,我希望服务器端JavaScript与客户端JavaScript一样使用此模板 因此,在页面加载时,如果数据库中已有5个TODO,则HTML将在服务器上编译。如果我在列表中添加一个新的todo项,客户端JS将使用相同的模板编译HTML 我听过很多关于Node.js、Backbone.js等的热门话题。对于这类东

对于即将投入开发的应用程序,我很难选择使用哪种框架。我是一个前端的家伙,我的朋友在做后端

假设我正在开发一个简单的待办事项列表应用程序。我为待办事项列表上的每个项目都有一个模板。理想情况下,我希望服务器端JavaScript与客户端JavaScript一样使用此模板

因此,在页面加载时,如果数据库中已有5个TODO,则HTML将在服务器上编译。如果我在列表中添加一个新的todo项,客户端JS将使用相同的模板编译HTML


我听过很多关于Node.js、Backbone.js等的热门话题。对于这类东西有多少种选择,我感到非常震惊。有谁能给我举个例子说明如何将这些技术结合使用吗?

当然。查看以更好地了解各种备选方案。

Node.js是服务器端的JavaScript,而Backbone.js则使用集合、模型和视图优雅地构建前端内容

两者各有其作用。为了更好地比较前端框架,您可以查看Addy Osmany的待办事项列表,其中有很多内容:

在主干网上也有一些不错的教程:
-
-
-

下面是一个将服务器上的Node.js与客户端上的主干相结合的应用程序:


主干(如Node.js)非常流行,因此您可以在线获得大量帮助/资源。

将模板文件粘贴到页面底部。这样,您的客户机代码就可以轻松地使用它,而无需调用获取模板

调用模板时使用JQuery的示例如下

<div style="display:none" id="sample_jquery_template">
  Hello ${name}
</div>

有足够多的模板解决方案,比如两端都要工作。
但是,对于在客户端使用模板来说,让呈现的数据可用是很有帮助的。

Henrik Joreteg写了关于重用主干模型并在客户端和服务器之间同步它们的文章。

雅虎的Dav Glass很好地展示了他如何使用node.js在客户端和服务器上运行YUI3

以下是视频中的示例:

你也可能对退房感兴趣

我刚开始学习node,这段视频真的帮助我了解了如何使用node在服务器和客户端上进行实验。你会看到他禁用了javascript,日历仍然有效——这很酷

这里有一个很好的资源:

您可以看看

他们在打开Web应用程序时尝试实现以下目标:

  • 在第一次请求时传输完全呈现的页面
  • 从那时起,所有更改应直接在客户端进行,并通过ajax同步到服务器
  • 因此,通常用户对具有“胖”客户端的站点发出的第一个请求非常痛苦:

    • 必须传输和初始化应用程序数据
    • 数据必须由客户端加载
    • 显示数据

    这种行为通常比传输一个像旧学校一样的服务器端呈现页面慢得多。例如,Gmail或iCloud需要一些时间来加载,因为他们这样做。

    我看了一下。不过,这对我所说的服务器端的东西没有帮助。谢谢,我会看看这些例子。你不必担心服务器端,因为你的朋友会开发它。而不是可能是PHP或Ruby或任何其他服务器语言的节点。是的,我想我只是对如何在服务器端和客户端之间重用代码感兴趣,因为它们都使用相同的语言。然后你应该阅读更多关于。这里有一篇很好的文章:基本上你可以拥有CommonJS模块(用于Node.js),你可以在浏览器端重用这些模块。个人经验表明主干模型非常适合客户端,但会在服务器上泄漏。
    ..javascript..
    person = {name:'Joe'}
    $.tmpl($("#sample_jquery_template").html(), person ).appendTo( "#destinationList" );