template_templates - CSDN
template 订阅
XSL 样式表由一个或多套被称为模板(template)的规则组成。 展开全文
XSL 样式表由一个或多套被称为模板(template)的规则组成。
信息
举    例
match="/" 定义整个文档
用    于
构建模板
中文名
template
简化版本
template正文
每个模板含有当某个指定的节点被匹配时所应用的规则。 [1]  元素用于构建模板。 [1]  match 属性用于关联 XML 元素和模板。match 属性也可用来为整个文档定义模板。match 属性的值是 XPath 表达式(举例,match="/" 定义整个文档)。 [1] 
收起全文
  • vue中的template标签

    2018-12-07 14:31:47
    可以把列表项放入template标签中,然后进行批量渲染 <template id="tem"> <div id="app"> <h1 id=&...

    1.template标签,HTML5提供的新标签,更加规范和语义化 ;可以把列表项放入template标签中,然后进行批量渲染

    <template id="tem">
        	<div id="app">
        		<h1 id="title">hello world!</h1>
        	</div>
        </template>
    	<script type="text/javascript">
    	    var tem =document.getElementById("tem");//获取template标签
    	    console.log(tem);
    	    console.log(tem.innerHTML);  //
    	    var title = tem.content.getElementById("title"); //在template标签内部内容,必须要用.content属性才可以访问到
    	    console.log(title);
    	</script>
    

    在HTML页面中复制以上代码,发现在浏览器并没有渲染出任何信息,这是因为template标签内容天生不可见,设置了display:none;属性,同样我们也需要留意一些js操作template标签的具体事项:

    var tem =document.getElementById("tem");//获取template标签
    console.log(tem);
    

    发现,在控制台输出的dom结构是这样的:
    这里写图片描述
    所以要操作template标签内部的dom必须要用下面的方法–content属性:

    var tem =document.getElementById("tem");//获取template标签
    var title = tem.content.getElementById("title"); //在template标签内部内容,必须要用.content属性才可以访问到
    console.log(title);
    

    **2.在非单组件文件的vue.js的程序里,常会见到一个标签,似乎在官网上也没有专门讲到这个标签。**
    **那这个到底是什么玩意?**

    实际上 元素是被当做一个不可见的包裹元素,主要用于分组的条件判断和列表渲染。

    具体情况见官方文档:
    1、“条件渲染”,其中的章节——在元素上使用v-if条件渲染分组
    这里写图片描述
    2、“条件渲染”——用key管理可复用的元素
    这里写图片描述
    这里写图片描述
    3、“条件渲染”——v-show
    这里写图片描述
    4、“列表渲染”——v-for on a
    这里写图片描述
    5、“列表渲染”——v-for with v-if
    这里写图片描述

    展开全文
  • 模板一、定义模板1、新建一个template文件夹用来管理项目中所有的模板; 2、新建一个courseList.wxml文件来定义模板; 3、使用name属性,作为模板的名字。然后在<template/>内定义代码片段。注意: a.可以看到一...

    如下图,我在做华企商学院小程序的时候,课程搜索结果页和课程列表页结构是完全一样的,这时就非常适合使用模板来完成页面搭建。实现一次定义,到处使用。

    这里写图片描述这里写图片描述

    模板

    一、定义模板

    1、新建一个template文件夹用来管理项目中所有的模板;
    2、新建一个courseList.wxml文件来定义模板;
    3、使用name属性,作为模板的名字。然后在<template/>内定义代码片段。

    注意:
    a.可以看到一个.wxml文件中可以定义多个模板,只需要通过name来区分;
    b.模板中的数据都是展开之后的属性。

    <template name="courseLeft">
        <navigator url="../play/play?courseUuid={{courseUuid}}&isCompany={{isCompany}}">
            <view class="item mr26">
                <image src="{{imagePath}}" mode="aspectFill"></image>
                <view class="course-title">
                    <text class="title">{{courseName}}</text>
                    <text class="author">- {{teacherName}}</text>
                </view>
                <view class="course-info clearfix">
                    <view class="fl"><text class="play">{{playCount}}</text></view>
                    <view class="fr"><text class="grade">{{score}}</text></view>
                </view>
                <view wx:if="{{studyProgress}}" class="tip-completed">{{studyProgress}}</view>
            </view>
        </navigator>
    </template>
    
    <template name="courseRight">
        <navigator url="../play/play?courseUuid={{courseUuid}}&isCompany={{isCompany}}">
            <view class="item">
                <image src="{{imagePath}}" mode="aspectFill"></image>
                <view class="course-title">
                    <text class="title">{{courseName}}</text>
                    <text class="author">- {{teacherName}}</text>
                </view>
                <view class="course-info clearfix">
                    <text class="play fl">{{playCount}}</text>
                    <text class="grade fr">{{score}}</text>
                </view>
                <view wx:if="{{studyProgress}}" class="tip-completed">{{studyProgress}}</view>
            </view>
        </navigator>
    </template>
    

    二、使用模板

    1、使用 is 属性,声明需要的使用的模板

    <import src="../../templates/courseList.wxml"/>

    2、将模板所需要的 data 传入,一般我们都会使用列表渲染。

    <block wx:for="{{courseList}}">
        <template is="{{index%2 === 0 ? 'courseLeft' : 'courseRight'}}" data="{{...item}}"></template>
    </block>

    注意:
    a.可以通过表达式来确定使用哪个模板is="{{index%2 === 0 ? 'courseLeft' : 'courseRight'}}"
    或者通过wx:if来确定。index是数组当前项的下标。

    <template wx:if="{{index%2 === 0}}" is="courseLeft" data="{{...item}}"></template>
    <template wx:else is="courseRight" data="{{...item}}"></template>

    b. data 是要模板渲染的数据,data="{{...item}}" 写法是ES6的写法,itemwx:for当前项,... 是展开运算符,在模板中不需要再{{item.courseName}} 而是直接{{courseName}}

    三、模板样式

    1、在新建模板的时候同时新建一个courseList.wxss 的文件,与CSS同样的写法控制样式。
    2、在需要使用模板的页面 .wxss文件中import进来;或者直接在app.wxss中引入,这样只需要一次引入,其他文件就不用引入了。

    @import "../template/courseList.wxss";
    展开全文
  • C++ Template 基础篇(一):函数模板Template所代表的泛型编程是C++语言中的重要的组成部分,我将通过几篇blog对这半年以来的学习做一个系统的总结,本文是基础篇的第一部分。C Template 基础篇一函数模板 为什么要...

    Template 基础篇-函数模板

    Template所代表的泛型编程是C++语言中的重要的组成部分,我将通过几篇blog对这半年以来的学习做一个系统的总结,本文是基础篇的第一部分。

    为什么要有泛型编程

    C++是一门强类型语言,所以无法做到像动态语言(python javascript)那样子,编写一段通用的逻辑,可以把任意类型的变量传进去处理。泛型编程弥补了这个缺点,通过把通用逻辑设计为模板,摆脱了类型的限制,提供了继承机制以外的另一种抽象机制,极大地提升了代码的可重用性。

    注意:模板定义本身不参与编译,而是编译器根据模板的用户使用模板时提供的类型参数生成代码,再进行编译,这一过程被称为模板实例化。用户提供不同的类型参数,就会实例化出不同的代码。

    函数模板定义

    把处理不同类型的公共逻辑抽象成函数,就得到了函数模板。

    函数模板可以声明为inline或者constexpr的,将它们放在template之后,返回值之前即可。

    普通函数模板

    下面定义了一个名叫compare的函数模板,支持多种类型的通用比较逻辑。

    template<typename T>
    int compare(const T& left, const T& right) {
        if (left < right) {
            return -1; 
        }
        if (right < left) {
            return 1; 
        }
        return 0;
    }
    
    compare<int>(1, 2); //使用模板函数

    成员函数模板

    不仅普通函数可以定义为模板,类的成员函数也可以定义为模板。

    class Printer {
    public:
        template<typename T>
        void print(const T& t) {
            cout << t <<endl;
        }
    };
    
    Printer p;
    p.print<const char*>("abc"); //打印abc

    为什么成员函数模板不能是虚函数(virtual)?

    这是因为c++ compiler在parse一个类的时候就要确定vtable的大小,如果允许一个虚函数是模板函数,那么compiler就需要在parse这个类之前扫描所有的代码,找出这个模板成员函数的调用(实例化),然后才能确定vtable的大小,而显然这是不可行的,除非改变当前compiler的工作机制。

    实参推断

    为了方便使用,除了直接为函数模板指定类型参数之外,我们还可以让编译器从传递给函数的实参推断类型参数,这一功能被称为模板实参推断。

    如何使用

    compare(1, 2); //推断T的类型为int
    compare(1.0, 2.0); //推断T的类型为double
    p.print("abc"); //推断T的类型为const char*

    有意思的是,还可以通过把函数模板赋值给一个指定类型的函数指针,让编译器根据这个指针的类型,对模板实参进行推断。

    int (*pf) (const int&, const int&) = compare; //推断T的类型为int

    当返回值类型也是参数时

    当一个模板函数的返回值类型需要用另外一个模板参数表示时,你无法利用实参推断获取全部的类型参数,这时有两种解决办法:

    • 返回值类型与参数类型完全无关,那么就需要显示的指定返回值类型,其他的类型交给实参推断。

      注意:此行为与函数的默认实参相同,我们必须从左向右逐一指定。

      template<typename T1, typename T2, typename T3>
      T1 sum(T2 v2, T3 v3) {
        return static_cast<T1>(v2 + v3);
      }
      
      auto ret = sum<long>(1L, 23); //指定T1, T2和T3交由编译器来推断
      
      template<typename T1, typename T2, typename T3>
      T3 sum_alternative(T1 v1, T2 v2) {
        return static_cast<T1>(v1 + v2);
      }
      auto ret = sum_alternative<long>(1L, 23); //error,只能从左向右逐一指定
      auto ret = sum_alternative<long,int,long>(1L,23); //ok, 谁叫你把最后一个T3作为返回类型的呢?
    • 返回值类型可以从参数类型中获得,那么把函数写成尾置返回类型的形式,就可以愉快的使用实参推断了。

      template<typename It>
      auto sum(It beg, It end) -> decltype(*beg) {
        decltype(*beg) ret = *beg;
        for (It it = beg+1; it != end; it++) {
           ret  = ret + *it;
        }
        return ret;
      }
      
      vector<int> v = {1, 2, 3, 4};
      auto s = sum(v.begin(), v.end()); //s = 10

    实参推断时的自动类型转换

    编译器进行模板实参推断时通常不会对实参进行类型转换,只有以下几种情况例外:

    • 普通对象赋值给const引用 int a = 0; -> const T&
    • 数组名转换为头指针 int a[10] = {0}; -> T*
    • 函数名转换为函数指针 void func(int a){...} -> T*

    函数模板重载

    函数模板之间,函数模板与普通函数之间可以重载。编译器会根据调用时提供的函数参数,调用能够处理这一类型的最特殊的版本。在特殊性上,一般按照如下顺序考虑:

    1. 普通函数

    2. 特殊模板(限定了T的形式的,指针、引用、容器等)

    3. 普通模板(对T没有任何限制的)

    对于如何判断某个模板更加特殊,原则如下:如果模板B的所有实例都可以实例化模板A,而反过来则不行,那么B就比A特殊。

    template<typename T>
    void func(T& t) { //通用模板函数
        cout << "In generic version template " << t << endl;
    }
    
    template<typename T>
    void func(T* t) { //指针版本
        cout << "In pointer version template "<< *t << endl;
    }
    
    void func(string* s) { //普通函数
        cout << "In normal function " << *s << endl;
    }
    
    int i = 10;
    func(i); //调用通用版本,其他函数或者无法实例化或者不匹配
    func(&i); //调用指针版本,通用版本虽然也可以用,但是编译器选择最特殊的版本
    string s = "abc";
    func(&s); //调用普通函数,通用版本和特殊版本虽然也都可以用,但是编译器选择最特化的版本
    func<>(&s); //调用指针版本,通过<>告诉编译器我们需要用template而不是普通函数

    模板函数特化

    有时通用的函数模板不能解决个别类型的问题,我们必须对此进行定制,这就是函数模板的特化。函数模板的特化必须把所有的模版参数全部指定。

    template<>
    void func(int i) {
        cout << "In special version for int "<< i << endl; 
    }
    
    int i = 10;
    func(i); //调用特化版本
    展开全文
  • template 的使用情形为,我们已经封装好一个组建,预留了插槽,使用 的插槽 首先 我们的创建一个组建 组建很简单有一个 slot,slot有两个属性 a=123,b=msg &amp;amp;lt;template&amp;amp;gt; &amp;...

    在vue 2.5.0+ 中***slot-scope***替代了 scope
    template 的使用情形为,我们已经封装好一个组件,预留了插槽,使用 的插槽

    首先 我们的创建一个组件
    组件很简单有一个 slot,slot有两个属性 a=123,b=msg

    <template>
        <div>
            <div>下面是一个slot</div>
            <slot a="123" b="msg" ></slot>
        </div>
    </template>
    

    接下来我们引入组件,并使用组件,引入的组件名 为mysolt,并使用组件

    
    
    

    然后使用 template ,并使用scope/slot-scope,

    <div>
    	<mysolt>
    		   <template scope="msg">
                    <div>下面是solt的props 调用</div>
                    <div>{{msg}}</div>
                    <div>{{msg.a}}</div>
                    <div>{{msg.b}}</div>
                </template>
    	</mysolt>
    </div>
    

    渲染图如下:
    这里写图片描述

    其实就是 template 通过scope/slot-scope 属性 调用组件 slot 的属性,以达到可以调用组件属性实现复杂的嵌套;
    实例中 我使用 msg 来重命名 slot 的属性对象,即 msg 为slot 的{a:‘123’,b:‘msg’}, 就可以通过使用msg 在template 中使用slot的属性
    (注意:当前层 如果有data已经声明过 msg,它们之间互不干扰,template 的msg 以slot 的为准)

    如果我给当前 data的msg={c:111},效果图如下:

    <div>{{msg.c}}</div>
    
     <mysolt>
          <template scope="msg">
              <div>下面是solt的msg</div>
              <div>{{msg}}</div>
              <div>{{msg.a}}</div>
              <div>{{msg.b}}</div>
              <div>{{msg.c}}</div>
          </template>
      </mysolt>
    

    这里写图片描述

    展开全文
  • 在微信小程序中,使用template模板嵌套传递数据的方法 : <template data="{{ }}"> </template> 注: 在你写template模板嵌套的时候,最好 从里层向外层 一层层的写,但是绑定数据的时候(也就是传递数据...
  • 文章目录html5中的template标签template标签操作的属性和方法vue中的template html5中的template标签 html中的template标签中的内容在页面中不会显示。但是在后台查看页面DOM结构存在template标签。这是因为template...
  • template是一个很方便的复用性强的模块,一个稍微复杂的界面可能由多个template构成,有时候也需要template嵌套template去达到想要的效果,那么template嵌套之间怎么传递数据呢?&lt;template name="...
  • template-web M:template-web是什么东西,有什么作用? Z: 这是一个模板引擎,简单来说就是构建一个模板,让其生成html的js代码。如果不用该js,手动来操作,我们可能需要繁杂的拼接html标签,还要做for循环。 ...
  • 小程序template细节,我们在引用的template的要注意一下几点 1、引用的时候,注意:结束符 / (一定要加上 /,不然后报错的) 案例: &lt;import src="../stars/stars-template.wxml" /&gt; 2...
  • template slot-scope="scope"&gt; 在实际的使用过程中,这种用法当然不仅仅局限于此,其他的地方也会用到。到底这里有什么特别之处呢? 我们看看普通的table用法: 我们先说一说这个基础的用法...
  • python string.Template使用

    2018-11-30 13:52:00
    string.Template,将一个string设置为模板,通过替换变量的方法,最终得到想要的string。 1. 用法示例 (改写 from python官方文档): &amp;amp;gt;&amp;amp;gt;&amp;amp;gt; from string import ...
  • template模板渲染时报错:template not found。需要在js中加一句代码。下面是我的代码,这段是模板的一个子循环:&lt;script id="orderList2" type="text/html"&gt; &lt;ul&gt...
  • 下载地址https://github.com/yanhaijing/template.js作者编写的文档:https://github.com/yanhaijing/template.js/blob/master/README.md源码学习默认的开始标签和结束标签分别是:sTag: ',//开始标签,可以重写,我...
  • Jinja2模板引擎简介(template) 模板 视图函数的主要作用是生成请求的响应,这是最简单的请求。实际上,视图函数有两个作用:处理业务逻辑和返回响应内容。在大型应用中,把业务逻辑和表现内容放在一起,会增加代码...
  • art-template简使用

    2018-08-02 10:43:29
    art-template 是一个简约、超快的模板引擎。 官网 art-template官网 安装 浏览器端使用:下载art-template 使用 &amp;lt;script src=&quot;./art-template.js&quot;&amp;gt;&amp;...
  • template-web使用方法

    2019-06-27 13:58:22
    template-web使用方法 好久没有用template模板, 然后重新复习了一下,顺便也分享一下! 其中在调用 template(id, data)方法的时候,要注意2个参数: 1. 第一个参数是 模板 script标签的 id名 2. 第二个参数是 要渲染的...
  • 模板template的使用,如下图,我们经常做这样的列表页,课程搜索结果页和课程列表页结构是完全一样的,非常适合使用模板来完成页面搭建。这样我们就不用写那些重复的代码了,而且修改界面的时候也只需要改动模板一个...
  • 使用template实现如下页面(仿饿了么布局) 如上图.使用了4个组件,分别是header.vue,goods.vue,ratings.vue,seller.vue header.vue代码如下 &lt;template&gt;  &lt;div class="header"&...
  • 模板(Template)指C++程序设计设计语言中采用类型作为参数的程序设计,支持通用程序设计。C++ 的标准库提供许多有用的函数大多结合了模板的观念,如STL以及IO Stream。 函数模板 在c++入门中,很多人会接触...
  • thymeleaf + Spring Boot 在开发环境正常,但用jar运行时报错 Error resolving template template might not exist or might not be accessible; 这个问题我们都很好明白,就是模板页不存在,但是实际上它能找到...
1 2 3 4 5 ... 20
收藏数 724,050
精华内容 289,620
关键字:

template