各位老铁们好，相信很多人对nodejs前后端分离(web实战开发都不是特别的了解，因此呢，今天就来为大家分享下关于nodejs前后端分离(web实战开发以及nodejs前后端分离(web实战开发的问题知识，还望可以帮助大家，解决大家的一些困惑，接下来一起来看看吧！

因此这几天空的时候, 对javascript端的渲染模板技术, 做下学习记录.

1. 页面中抽取mpvoice的自定义标签

2. 提取pmvoice的属性信息, 渲染js模板

3. 生成audio标签, 并渲染播放组件

这样处理的方式, 使得服务端的页面模板以及处理, 更加地简化, 很多零碎的工作被移植到了前端.

artTemplate方案:

据说很多腾讯的产品线, 都使用该方案, 其性能非常的优越, 远超其他同类竞品, 因此我们也来简单讲下它.

先来看一个简单的sample例子:

[xss_clean][xss_clean]

{{if isAdmin}}

{{title}}

{{each list as value i}}

{{/each}}

{{/if}}

[xss_clean]

[xss_clean]

var data = {

title: '基本例子',

isAdmin: true,

list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']

var html = template('test', data);

[xss_clean]

用来标识模板代码(view)的区域:

轻松链接模板(view)和数据(model), 并输出内容

var html = template('test', data);

如果不使用渲染模板, 或许你就要使用javascript的字符串去拼接. 这样的话, javascript的逻辑代码和dom树的元素操作互相交互在一起, 导致js代码膨胀, 且难以维护和阅读.

完全的前后端分离, 可能在具体的实践过程中, 有些弯路和坎坷. 也不知道阿里在推行它的nodejs做中间层, 彻底分离它的服务和页面前端的尝试, 起到了什么样的效果. 至少在网上能看到很多关于这方面的技术思路和文章.

前端做页面的渲染, 其实是很好的一种思路, 可以大大减少服务端的业务编写开发量, 分离了展示和数据. 将来这个技术和思想, 会越来越被人们所接受吧.

OK，本文到此结束，希望对大家有所帮助。