jQuery模板提案（12）
作者：dishuipiaoxiang 来源：Denis'Blog 发布时间：2010-03-30 18:27:00
无表达式模板
如果你不想任何诸如{％=....％}的表达式出现在模板中，你可以在模板实例中使用rendered函数动态的为一个元素赋值。例如，下面模板显示产品清单。注意，模板只包含HTML标记，没有表达式。
<script type="text/javascript">
$(function() {
var products = [
{ name: "Product 1", price: 12.99 },
{ name: "Product 2", price: 9.99 },
{ name: "Product 3", price: 35.59 }
];
$("ul").append("#template", products, { rendered: rendered });
function rendered(context, dom) {
$("span.name", dom).html(context.dataItem.name);
$("span.price", dom).html(context.dataItem.price);
}
});
</script>
<script id="template" type="text/html">
<li><span class="name"></span> - <span class="price"></span></li>
</script>
<ul></ul>
讨论（Discussion）
这些都是在论坛讨论中提出的问题。
HTML编码
在目前的提案中，数据项默认是不被编码的。这意味着，除非你采取额外的行为，用模板显示用户提交的数据的文档将为跨站点脚本（XSS）攻击大开门户。在早期的提案中，我们讨论为HTML编码内容创建一个诸如{!productName }特别分隔符。在目前的提案中，我们建议使用text()模板函数，而不是用{％= text(productName) ％} 。
0
投稿猜你喜欢
- tensorflow支持14种不同的类型，主要包括：实数：tf.float32 tf.float64整数：tf.int8 tf.int16
我在配置mysql时将配置文件中的默认存储引擎设定为了InnoDB。今天查看了MyISAM与InnoDB的区别，在该文中的第七条“MyISA- 作为面向对象编程中实现控制反转（Inversion of Control，下文称IoC）最常见的技术手段之一，依赖注入（Dependency
- 如何导入自己的模块在实际的编程生活当中，我们除了会去import已经存在的包外，当然还会偶尔自定义一些模块，然后来导入，其实一般而言，自定义
- python 字符串替换 是python 操作字符串的时候经常会碰到的问题，这里简单介绍下字符串替换方法。python 字符串替换可以用2种
- 作为微软推出的网页与数据库解决方案，ASP由于有微软得天独厚的操作系统等技术后盾支持，因此得到了迅速的发展，并且正受到越来越多的欢迎，在目前
- 前言老早就看到新闻员工通过人脸识别监控老板来摸鱼。有时候摸鱼太入迷了，经常在上班时间玩其他的东西被老板看到。自从在咸鱼上淘了一个树莓派3b,
- 主题众所周知，django.forms极其强大，不少的框架也借鉴了这个模式，如Scrapy。在表单验证时，django.forms是一绝，也
- 模块介绍：from ftplib import FTP ftp = FTP() #设置变量 ftp.set_debuglevel(2) #打
- 排序，是许多编程语言中经常出现的问题。同样的，在Python中，如何是实现排序呢？（以下排序都是基于列表来实现）一、使用Python内置函数
- 问题如图：想要删除产品表的主键约束，但是报错创建的产品表：CREATE TABLE PROVIDERS(PROVIDERID INT NOT
- 一、动机（Motivate）在软件构建过程中，集合对象内部结构常常变化各异。但对于这些集合对象，我们希望在不暴露其内部结构的同时，可以让外部
- requests是一个很实用的Python HTTP客户端库，编写爬虫和测试服务器响应数据时经常会用到。可以说，Requests 完全满足如
- canal简介由阿里巴巴开源 github地址:https://github.com/alibaba/canalCanal是阿里巴巴开源的一
- 前情提要上文我们分析了挂载组件主要调用了三个函数: createComponentInstance(创建组件实例)、setupCompone
- python操作mongodb数据库# !/usr/bin/env python# -*- coding:utf-8 -*-"&q
- 一般情况是数据文件没有在当前路径，那么它是无法读取数据的。另外，如果路径名包含中文它也是无法读取的。（1）可以选择：import osos.
- 现在，我们已经把一个Web App的框架完全搭建好了，从后端的API到前端的MVVM，流程已经跑通了。在继续工作前，注意到每次修改Pytho
- 跟传统的页面可以在每个页面分别设置填写对应的页面title,but,vue是单页面应用项目,想设置页面对应的title就不能跟传统方式一样了
- 系统自带模块（库）```cppimport retarget = 'abc1234xyz're.search('(\
