`

javascript 最简单的模板

    博客分类:
  • js
js 
阅读更多
       /**
         * 对html代码进行模块处理 ,把字符串中的html
         * from   http://www.isharey.com/?p=1206
         * @param template    html字符串代码
         * @param data    json对象
         * @return string  html
         */
        function templateLoadData(template, data) {
            return template.replace(/\{([\w\.]*)\}/g, function (str, key) {
                value = data[key];
                return (value === null || value === undefined) ? "" : value;
            });
        }
 
        var templateStr = "<div>" +
                "<div>{name}</div>" +
                "<div>{age}</div>" +
                "</div>";
 
    var newTemplateStr = templateLoadData(templateStr, {name:'xiaoyangok', age:100});
        // <div><div>xiaoyangok</div><div>100</div></div>
分享到:
评论

相关推荐

    Javascript最简单的模板引擎

    在JavaScript中最简单的模板引擎可能就是手动拼接字符串了,但这种方式在处理复杂模板时容易出错且难以维护。因此,开发者通常会使用一些现成的库,如ejs、Mustache、Handlebars等,它们提供了一套简洁的语法和功能...

    vegito支持JavaScript表达式简单微模板引擎

    然而,这正是Vegito的核心价值所在——提供最基础、最直接的模板渲染功能,以满足快速开发和轻量级需求。 总的来说,Vegito是一个适合小型项目和快速原型开发的JavaScript模板引擎,它的高效和小巧使得它在众多模板...

    echart最简单的案例模板

    在"echart最简单的案例模板"中,我们可以学习到如何快速入门ECharts,创建一个基础的图表。下面将详细阐述ECharts的基本使用方法和核心概念。 1. **引入ECharts库**:首先,我们需要在HTML文件中引入ECharts的...

    zyp.rar_校园网_校园网站_模板_网站 javascript_网站模板

    【描述】"校园网站模板,史上最经典模板下载" 提到这是史上最经典的模板之一,这意味着该模板可能是经过时间检验,广受好评的,拥有良好的用户界面设计和功能性,适用于展示校园信息、学术活动、学生生活等多个方面...

    简单的前端模板引擎能实现最基本的数据渲染

    这里我们关注的是一个简单的JavaScript实现的前端模板引擎,它能够完成基础的数据替换功能。通过这种方式,开发者可以预先定义好HTML模板,然后在运行时根据实际的数据填充这些模板,生成最终的页面。 首先,我们要...

    datatables最简单的模板

    以下是对“datatables最简单的模板”及相关知识点的详细说明: 1. **Datatables简介**:Datatables是基于jQuery的开源插件,它能够将普通的HTML表格转化为功能丰富的数据展示工具,包括排序、搜索、分页等功能。它...

    Z-Blog 简单模板

    简单模板的侧边栏可能会简化这些功能,只保留最必要的元素,以保持页面的清爽。 4. **底部(Footer)**:包含了版权信息、站点地图、联系方式等。简单模板的底部设计也会遵循简洁原则,不过重要的链接和信息不会被...

    -HTML静态网页模板

    HTML静态网页模板是一种用于快速构建网站的预设计布局,它包含HTML、CSS和可能的JavaScript代码,用于展示页面结构和样式。这些模板通常由设计师和开发者创建,为那些不熟悉前端开发的人提供了一种便捷的方式来设计...

    tstemplate一个基于模板字符串的模板引擎的最简实现只适用于node环境

    综上所述,tstemplate是一个基于JavaScript模板字符串的简单模板引擎,专为Node.js环境设计,适用于快速、轻量级的服务器端渲染需求。如果需要更复杂的功能或更广泛的应用场景,开发者可能需要寻找其他更成熟的模板...

    JavaScript应用模板

    JavaScript应用模板的流行框架有多种,其中Angular、React和Vue.js是最具代表性的。Angular是Google推出的MVC(Model-View-Controller)框架,它提供了完整的解决方案,包括依赖注入、指令系统和模板语法,适用于...

    基于新一代 javascript的模板引擎

    模板引擎基于JavaScript,主要目的是简化HTML和JavaScript的交互,使得开发者可以使用简单的语法来插入、删除或操作DOM元素。在新一代JavaScript中,模板引擎的实现变得更加优雅和强大。例如,ES6引入的模板字面量...

    简单的网站模板(使用 HTML、JavaScript 编写)及源代码.zip

    项目:使用 HTML、JavaScript 编写的简单 网站模板,附带源代码 简单网站模板是一个使用 HTML、CSS 和 JavaScript 开发的简单项目。该项目是一个响应式(移动/桌面)和轻量级 HTML/CSS 模板,用于构建项目或个人或...

    简单有趣的后台登录页面模板

    "简单有趣的后台登录页面模板"提供了一个很好的起点,尤其是对于初学者来说,它可以帮助他们快速理解并实践网页设计的基本元素。这个模板包含了HTML、CSS和JavaScript技术,这些都是构建动态Web界面的核心。 首先,...

    网页模板——纯javascript制作的简单js计算器效果.zip

    网页模板——纯javascript制作的简单js计算器效果是一个用于学习和实践JavaScript编程的项目。这个项目主要展示了如何使用JavaScript语言创建一个基本的计算器功能,让用户在网页上进行简单的数学运算。在这个过程中...

    常用的JavaScript模板引擎介绍

    首先是Mustache,这是一款简单易用的模板引擎,其基于JavaScript实现,类似于Microsoft的jQuerytemplateplugin,但提供了更简洁的语法。Mustache的核心理念是逻辑与表现分离,它通过在模板中插入{{tags}}来表示变量...

    JavaScript语言精粹完整版

    自ES6开始,JavaScript引入了许多新特性,如let和const声明、箭头函数、模板字符串、类和模块等,这些特性极大地丰富了JavaScript的语法,使其更加现代化和高效。 ### 实战案例分析 《JavaScript语言精粹》还提供了...

    100个Javascript特效页面以及源代码

    10. **ES6及更高版本的新特性**:例如箭头函数、模板字符串、解构赋值、let和const、Promise、async/await等,这些新特性使得代码更简洁,提高了开发效率。 11. **响应式设计**:JavaScript可以配合CSS媒体查询实现...

    灰色简单后台管理模板.zip

    5. **CSS框架和JavaScript库**:为了实现美观且功能丰富的界面,模板可能采用了流行的前端框架,如Bootstrap或Foundation,以及jQuery等JavaScript库,提供了丰富的交互效果和动画。 6. **易用性和可扩展性**:这套...

    laytpl-JavaScript模板引擎 v1.1.zip

    例如,你可以使用`{{ }}`来包裹变量,`#each`来遍历数组或对象,`#{}`来执行简单的JavaScript表达式等。这种简洁明了的语法使得模板易于阅读和编写。 laytpl的使用流程大致如下: 1. **预编译**:首先,你需要将...

    简单打印-80小票示例模板

    "简单打印-80小票示例模板"是一个专为80毫米宽度的小票设计的打印模板,它旨在提供一个高效、精确且易于定制的打印解决方案。 首先,我们要理解“80mm小票”。在零售业,80mm宽的小票是最常见的规格,这是因为这种...

Global site tag (gtag.js) - Google Analytics