博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript模板库jsrender加载并缓存外部模板文件
阅读量:6574 次
发布时间:2019-06-24

本文共 677 字,大约阅读时间需要 2 分钟。

前一篇说了jsrender嵌套循环的使用,在SPA的应用中,广泛使用的一个点就是view模板,使用了SPA之后,每个业务页面不再是独立的html,仅仅是一个segment,所以通常这些segment会被独立的存储,而不是跟demo一样嵌在宿主页面中。因为jsrender的模板本质上就是一个string,所以一般三方库angularjs/backbone.js都提供了加载外部模板的机制。其实原理都一样,差不多都是通过ajax从远程加载,然后缓存在B/S端,在jsrender中,通过类似机制,也可以达到一样的目标。如下所示:

render_seg.html

{
{
for #data}}

{
{:name}}

    {
    {
    for language}}
  • {
    {:#parent.parent.data.name}} is learning {
    {:title}}
    {
    {
    for scores}} {
    {:score}}
    {
    {/for}}
  • {
    {/for}}
{
{/for}}

主页面jsrender_nest_external.html

    
jsrender nest external demo

其效果和内嵌模板完全相同,不过更加的干净。

 

转载地址:http://ngrjo.baihongyu.com/

你可能感兴趣的文章
Markdown的常用使用语法
查看>>
iOS开源库
查看>>
第4次作业类测试代码+105032014065+方绎杰
查看>>
Python绘制KS曲线
查看>>
DbUtils类的添加,修改,删除
查看>>
前端渲染和后端渲染
查看>>
项目代码matlab
查看>>
Reboot运维开发Python-03
查看>>
Javascript中括号“[]”的多义性
查看>>
.NET中异常类(Exception)
查看>>
Python windows serial
查看>>
吃货联盟
查看>>
redis的操作
查看>>
SDL1.3(C语言)程序移植LINUX。。。
查看>>
活动选择问题 贪心
查看>>
我的第一篇博客
查看>>
页面前端的水有多深?再议页面开发
查看>>
我的firefox插件开发历程
查看>>
我很高兴找了一张可以说明:为什么软件开发那么困难的图
查看>>
iOS:翻页效果
查看>>