博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端模板基础-1
阅读量:7193 次
发布时间:2019-06-29

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

前段时间出去面试,问到接收到后台数据之后怎么展示到页面,当时什么都没想,自信满满的说:直接说字符串拼接。后来面试官问那数据很多的时候怎么维护呢?我想了想这维护很困难呀!后来面试官说可以用一些插件,模板来展示数据,然后自己就回来查了下。模板的原理就是设定好内容,然后把要替换的东西设置成参数。付一个简单的模板例子:

function format(str,json){

  return str.replace(/\{\{\w+\}\}/g,function(name){

    name=name.substring(2,name.length-2);

    return json[name];
  });

}

document.write(format('我是{
{name}},今年{
{age}}岁',{name:'winnie',age:'18'}))

在页面输入我是XXX,今年XX岁。函数传两个参数,一个字符串,一个json。json里边的数据就是要替换的内容。然后用字符串的replace()方法。replace中有两个值,第一个是要替换的内容(用正则匹配出来{

{XXX}}),第二个是要替换成谁(一个函数,返回json的name值)

转载于:https://www.cnblogs.com/somejs/p/7595694.html

你可能感兴趣的文章
windows下安装MongoDB和可视化工具Robomongo的使用
查看>>
linux内核挂载文件系统的两种方式
查看>>
30个免费下载高质量精美照片素材的网站
查看>>
Memcached深度分析
查看>>
字符编码
查看>>
【实验7】综合练习
查看>>
“System.FormatException”类型的未经处理的异常在 System.IdentityModel.dll 中发生 其他信息: 十六进制字符串格式无效。...
查看>>
四种方式实现SQLServer 分页查询
查看>>
python爬虫-url
查看>>
[bzoj3531][Sdoi2014]旅行
查看>>
[洛谷P1801]黑匣子_NOI导刊2010提高(06)
查看>>
ABP源码分析十三:缓存Cache实现
查看>>
11显式实现接口
查看>>
python装饰器
查看>>
中考,我的最后90天
查看>>
日期转换
查看>>
手心输入法介绍
查看>>
C#的Lambda 表达式都使用 Lambda 运算符 =>,该运算符读为“goes to”。语法如下:...
查看>>
pringData JPA进阶查询—JPQL/原生SQL查询、分页处理、部分字段映射查询
查看>>
2018-2019-1 20165226 20165310 20165315 实验一 开发环境的熟悉
查看>>