现在聊天都流行发图，不仅能够表达自己的意思。还能活跃气氛，网上用别的发的动态图有很多很逗的但是大家都发就没有意思了。怎么制作一个属于您自己的动态表情呢，使用美图秀秀来简单处理 

首先我们需要先安装一个美图秀秀，这里我就不安装了直接用网上的在线美图（主要功能都是一样的哈）

打开美图秀秀之后，点击打开导入一张图片（可以输入ctrl+n)来添加

制作表情包动画需要多张图片，最好准备几张差不多的图片。这里咗嚛随便搞了几张

怎么制作动画打开导入图片之后，点击美图秀秀的（动画）功能，如图

进入动画编辑菜单，左侧有很多动画的模板。点击选择一个，如图（把动画部分移动到头部）

接着设置发现和去除影响的部分（由于每个图像的头部大小比例不一样，大家可以根据实际情况选择）

设置好之后，选择一个动态表情的模板。可以进行预览

美图秀秀提供了很多动态模板，你只需要提供一个头部哈哈。就有一个表情包出来了

设置好之后，点击右上角的保存和分享进行导出照片

点击保存到我的电脑，点击保存表情可以下载（把做好的表情包导入到QQ里面就可以了）

有时候我们需要在图片上面加字，但是又不会PS，该怎么办呢？美图秀秀中的一款工具可以满足大家的需要。

首先打开美图秀秀，选择美化图片，并打开所需要的图片。

现在我们选择最上面的工具栏，选择文字按钮。左侧有文字选项，输入文字、漫画文字、动画文字。我们选择动画文字。

在图片右侧，我们看到有动态文字的很多模板，爆闪文字、上下移动、左右移动、来回撞墙等模板。亲们，可以根据喜好自己选择。我选择逐字出现。点击模板逐字出现即可看到如图。

在动画闪动编辑框里，编辑相应的文字内容。字体、文字大小和字体颜色为主要编辑对象。这里就不啰嗦了。

最后一步，就是点击保存与分享按钮。这时候要多注意，看下效果图。是不是自己满意的，如果是就点击保存按钮，不是的话就退出继续编辑。图片保存成功之后就自动是GIF格式的。

当一个人的脸蛋过于完美，有可能就会获得“整容模板”的称号，这是对一个人的夸奖，当然也会让人想到别的意思，说你的脸没有辨识度，美是美，但不易分辨啊！即要美还要美的有辨识度，这样的美女有吗？肯定有啊！那我们接下来就聊聊吧。

上面这组是韩国整容的模板，标准的鹅蛋脸、婉约忽闪忽闪的大眼睛、鼻子完全一样、笑起来的嘴巴弧度都一样，这张图是不是有连连看的即视感？你能挑出他们不一样的地方吗？

这个是中国的低调版，尖尖的锥子脸、夸张的双眼皮、突兀的鼻子、美味的香肠嘴。整个人看上去更像是玩具，而不像活生生的人。

这是高级的网红版，标配自然些的鹅蛋脸、特宽的双眼皮，鼻子依在突兀。脸做了填充。王姓富二代历任女友都是这个类型，这些没辨识度的脸庞过两年就得变成蔡明阿姨这样了，但人家是自然脸，年轻时绝对是美的可以。现在只是上了年纪。

在你的心中一定也有自已的整容模板女神，范冰冰，章子怡，还是高圆圆范冰冰？而我今天要提名一位来自韩国釜山，号称国宝级美女的演员金泰熙。双商高 ，学习好到爆炸， 高校学霸加女神。

五官小巧精致，不会特别惊艳但是很舒服。整体看上去很柔和，没有多余的菱角，温婉乖巧。全方位无死角。五官到身材到衣着打扮都极其精致。，最开始get不到她的美为何第一，后来有一次看到她长直发全往脑袋后一扎，脸蛋全露出来，没任何修饰，一个脸部大特写，我才发现她真的很美，没有缺点的美！

从《天国的阶梯》就开始一直喜欢她， 演反派也让人恨不起来 ，真是太美了！话说她现在34岁了。记得当时扇子反举过头顶这张，初中时常常在某杂志内页“手机俱乐部”付费图片集合里看到，那时候惊艳不已，一直以为她是日本人。

Rain和金泰熙，两人的门楣，学历都有很大的差距，可是Rain去勇敢的追了，最后两人结婚永远的在了一起。话说rain和她公布恋情时，rain天天被韩国民众嫌弃说是配不上金泰熙，后来就慢慢被接受了。

金泰熙跟国内演员刘亦菲很像，即便是演技常常被大家诟病，但她们的路人缘却是真的不要太好。跟刘亦菲还稍稍有些神似。金泰熙就是第一眼看上去不是特别惊艳，可是越看越觉得五官无可挑剔，一分不多一分不少的美。

金泰熙是韩国整形界公认的纯天然神颜。这当然也就成为了整容模板，很多女生还有明星，都想拥有她这样的脸蛋。她似乎只动过牙齿，做了烤瓷牙。刚出道时因为牙齿的原因，不太整齐，她闭嘴或抿嘴，很不自然。不是骗宝宝做牙，千万别做，演员刘涛就发微博劝过粉丝，现在她做了很后悔。常常看牙，问题很多。

金泰熙的美，真的是需要在动态的视频中，才能有触动心弦的体现。现在的整容脸几乎都是一个模子扣出来的一样，即便脱胎换骨，又要具备辨识度才是美女哈。

你好，我是陈西。

之前在公众号里写了一篇关于制作PPT如何挣钱的文章，有很多的小伙伴看了文章之后表示也想通过制作PPT来改变自己。

不管是锻炼自己也好，还是学习提高也好，一旦最终的目的变成挣钱，那么效率就会变得很高，很多人也可以轻松的坚持下来。

以挣钱为目的的学习才是最快的。因为一旦和钱扯上关系，那么你就有了短期的目标，有了盼头和希望，而看到希望是最宝贵的，就像是茫茫的知识海洋里看到了灯塔的光一样。

而在PPT学习上，如果也抱着以挣钱为目的来学习，我相信也会进步很快的。

综合考虑，PPT挣钱比较自由的一种方式就是制作模板，时间和地点以及想法都可以由自己来掌控。可以作为锻炼自己或者挣钱的一个副业。

而PPT模板应该如何制作，有没有一些基本的规范？当然是有的。在下面的文章里就会详细介绍。

而做好的模板如何变现，如何售卖，可以点击公众号菜单栏右下角加我好友，可以给你做一下分析。

另外，一个人做PPT模板，质量和数量上都很难保证，我最近在招募组建高质量的PPT模板团队，有基础和兴趣的小伙伴带上一份模板作品我们可以谈一谈，毕竟抱团取暖才能实现利益的最大化，也会少走弯路。

那么PPT模板的制作规范是怎样的呢？下面我们仔细分析一下。

PPT模板主要由封面页，目录页，过渡页，内页和结束页组成。当然，少数的会有一些前言概要等的页面。

01

封面页

PPT模板的封面页比较重要，或者说任何的PPT汇报的封面页都是比较重要的，封面页是一份PPT演示汇报的门面。

所以PPT的封面页制作是需要花一定的时间来创作修改美化的。

封面页的组成主要分为两个大的版块：

第一：标题文案。

第二：装饰元素。

所有的PPT封面页的设计都是由这两个版块组成，所以我们的创作重点就可以从这两个方面入手。

首先确定标题文案，是科技型的标题文案，还是发布会型的标题文案，亦或是工作汇报毕业设计答辩的标题文案，可以选定一个，模板标题运用相似的假文字就可以。

一旦选定了主题文案，那么你的PPT模板的风格类型大致就确定了。比如做商务风，科技风，简约风，小清新或者是卡通可爱风。

你不能取一个文案标题为科技行业年终汇报总结大会，然后做成卡通可爱风的，那这样的PPT模板谁买呢？

标题文案选定之后，就可以进行文案标题的初步美化设计和排版，包括主标题字体的选用，字体的大小，颜色风格。以及辅助文案，演讲或者汇报人的信息，时间等等这些文案的排版，字体字号的处理。

PPT封面页的文案排版方式有很多，也比较灵活。可以分为居中，居上，居左，居右，居下，不规则等的排版方式。

还是不知道具体怎么排版怎么办？去看，找到一个模板网站，从第一个网页开始看，就看PPT模板的封面页标题文案的排版方式。

明确了标题文案的排版美化，那么接下来就是装饰元素的设计和使用。

而从装饰元素来看，PPT的封面类型大致又可以分为三种：全图形，半图形（或者说不规则图片型），无图型（没有图片，形状色块线条等装饰）。

当然，也有一些延伸，比如封面页使用视频加文案的方式，更加炫酷大气。

这里的装饰元素也不是单一的，并不是说，封面页用了图片，然后其它的装饰元素就不用了，我们的最终目的都是达到视觉和主题上的最优化的设计。

所以综合使用这些装饰元素是比较合适的。只是各方面的比重不一样。

比如以图片为主，那么可以使用少量的色块线条，进行点睛之笔的设计美化。再比如图片和蒙版色块的处理方式制作封面页就很常用。

如果说，还是不知道这些装饰元素是什么，怎么找，怎么排版，那该怎么办？

好办，还是上面同样的方式：去看。找到一个目前比较知名的PPT模板网站，从第一个网页开始看，只看PPT模板的封面页，并且忽视掉所有的文案相关的信息，只看剩下的元素，那些就是装饰元素，看它们的层级关系，排版，位置关系，元素的选取等等。

总之，PPT模板封面页的制作就从这两个方面进行思考，标题文案和装饰元素。

02

目录页

目录页基本上是不可或缺的存在。一份PPT演示汇报要有逻辑性和结构性，那么就需要目录页的辅助。

通过目录页，可以大致知道你这一份PPT汇报主要讲了哪几个方面，总体内容结构是怎样的。这样观看者可以做到心中有数，而不至于一头雾水。

那么PPT模板中的目录页应该怎么做呢？

整体来说，目录页的制作变化不多，大致也就分为两类：

第一类：常规型目录页。

第二类：创意型目录页。

对于常规型的目录页，主要就是几种的排版方式，上下左右，横排，竖排，交错和倾斜等的这些类型的排版。

对于创意型的目录页，所见到的不多，毕竟创意这东西很宝贵的。主要的创意点还是通过装饰元素来呈现的。

PPT模板的目录页最好有4个目录以上，确保PPT模板页数的需要以及方便模板的购买者进行修改编辑，真实情况下的PPT演示汇报的目录页也会偏向于多一点。

同样的，没有灵感，没有想法，没有思路，该怎么办？还是前面那句话，去看。具体的操作思路和前面的一致，在这里就不赘述了。

03

过渡页

过渡页在PPT模板的设计中也是比较常见的。但是在PPT定制设计或者真实的演示汇报中，使用过渡页的不是太多。

一方面没有过渡页也可以表述清楚，另一方面，过渡页可能没有太多实质性的内容。

但是在做PPT模板的时候，还是要加上的，可以让整体的设计思路更加的清楚连贯。

过渡页的内容主要是对目录页的其中一个类别目录做更加详细的补充说明。

04

内页

PPT模板的内页设计就比较宽泛了，但整体也就几个类别。

图文内页：

图片和文字排版型的内页，很多的汇报都会用到图片和文字的混排，所有这也是模板中不可或缺的一种内页。

图文的混排具体有可以分成很多的形式，比如一张图片和文字的排版，或者是两张，三张，四张，五张，六张图片等等更多的图片和文字的排版。

纯图片内页：

这种内页一般文字较少或者没有文字，只是用来展示照片，有一种照片墙的属性。

当然，这里的图片数量也是随机变化的，可以是一张，两张，三张，四张等等更多张的图片排版在一个内页中。

纯文字内页：

纯文字的内页比较少，模板中可以制作，由于美观程度不是很好，所以很多的模板中都没有这种内页。

纯文字内页并不是说就是所有的文字，只是文字偏多。有时候也会使用少许的色块，线条或者图标进行装饰美化。

逻辑关系图表型内页：

逻辑关系图表型的内页是PPT模板中最常用的一种内页，有些模板甚至全是这样的内页。当然，这样的模板是不负责任的哈。

而逻辑关系的图表又有很多的分类，比如：总分关系，递进关系，并列关系，对比关系，时间轴等等的类型。

数据图表内页：

做PPT演示汇报，很多情况下都绕不开数据图表，而在PPT模板中，美化好的数据图表就十分重要了。

而数据图表又有很多的分类，比如：柱状图，折线图，面积图，散点图，饼图，组合图表等等的数据图表。

当然，一份PPT模板中不太可能将这些图表全用上，一般会使用比较常用的一些图表，像折线图，柱状图和饼图等。

以上，是PPT模板中比较常用的一些内页，基本都会出现。

当然，这些只是通用的一些内页形式，还有很多的变体，比如上面的两项或者几项的组合，又可以有新的内页。

比如：数据图表和文字组合的内页；数据图表，文字，图片这三者组合的内页；逻辑图表和图片的组合等等的内页。

每一个过渡页下面最好搭配4个或以上的内页。

05

结束页

一般情况下，PPT模板的结束页的设计都是延用封面页的设计。或者延用封面页的大部分的元素。

这样可以形成首尾呼应的效果，整个PPT汇报演示也会显得逻辑清楚，结构严谨。

当然，结束页可以适当的有一些创意，创意点可以在文案上也可以在装饰元素上。

06

总结分析

在制作PPT模板的时候，要善于使用参考线来做好对齐的工作。

某些相同的元素在不同的页面的位置关系要注意好对齐，不要每一页PPT页面看上去还行，整体来看就乱了。

作为PPT模板来说，目前加动画的模板会更好卖一点，即使是偏简单一点的动画。

因为加动画的模板，购买者可以选择不使用动画或者使用动画，但是如果是静态的那么就只能使用静态的或者自己加动画。

虽然大部分时候PPT模板的购买者不太会修改动画，很多时候也只会使用静态的。但从购买的角度看，很多人仍然会倾向于购买动态的，另一方面，动态的模板会有视频展示，会给人带来更好的视觉效果，毕竟模板都是经过包装的。

关于PPT模板的页数说明，一般情况下最好是20页以上。

这里可以给大家一个初步的规范：1封面页+1目录页+1过渡页+4内页+1过渡页+4内页+1过渡页+4内页+1过渡页+4内页+1结束页=23页（页数可以更多）

这是一个初步的PPT模板页数规范，等你做PPT模板熟悉之后，就可以自己进行一些改变，比如多加几个过渡页，多加几个内页等等。

但总体上，PPT模板的页数最好在20页以上，保证基本的一些版面和排版方式都有。

以上，干货总结分析。

有任何问题或者想法可以在评论区回复或者私发消息亦或者点击公号菜单右下角加我好友。

再会！

往期好文：

【PPT】PPT鼠绘，那个要成为海贼王的男人路飞！

【PPT赚钱】PPT设计到底能不能赚钱的终极思考

【PPT书籍】学习PPT设计应该看哪些书籍的相关思考

【PPT】PPT中布尔运算的全面讲解及升华应用思路分析

END

作者 | 移动Team景生善

整理 | 包包

背景

动态化作为移动端的一个重要技术分支，一直是大家积极探索的方向。目前移动端流行的动态化方案有，Facebook的React Native，阿里的Weex，它们都是采用了JavaScript与Native之间的桥接，使JavaScript开发的App拥有近似于原生应用的性能。

其他的一些动态化方案，像历史悠久的WaxPatch动态化方案，已经被App Store禁止的JSPatch，阿里的LuaView，腾讯的OCS，滴滴的DynamicCocoa。

但是Facebook的React Native和阿里的Weex接入以后会显著增加App包的大小，还有环境搭建问题，不适合SDK的开发，只适合App开发。

通过对比几种动态化方案，最后选择阿里的LuaView方案来实现平台的SDK。LuaView是由lua与Native控件之间的桥接来实现的，相对于其他解决方案来说，是一个轻量级的解决方案。而且Lua语言可扩展性强、简单、高效、占用体积小、启动速度快、学习简单等诸多优势，有着许多成功案例，是动态化方案首选。

LuaView设计原则

LuaView以UI视图构建能力为基础，实现了原生Native UI桥接到Lua Api，使用Lua脚本语言开发应用功能，同时能够达到原生应用的性能和效果。

LuaView SDK整体架构（注：图片来自于《LuaView：基于Lua的移动端跨平台动态化方案》）

如图，LuaView SDK的整体架构可以表示为五层。

第一、二层依次是OS层和Framework层，分别代表了Android、iOS以及对应的系统框架层。

第三层有Lua虚拟机，脚本管理模块和安全控制模块。Android使用的是LuaJ虚拟机，iOS使用的是LuaC虚拟机，这两个虚拟机都是目前两种语言中用的最广泛，最稳定的虚拟机。脚本管理模块负责Lua脚本的管理，包括脚本的解包、验证、加解密、解压缩等工作。安全控制模块负责Lua脚本的安全校验工作，包括脚本完整性校验和脚本安全校验等。

第四层是LuaView的核心Lib库，包括Lua UI Lib（主要是所有的UI组件，如View、Button、Label、Image等）和Lua Non-UI Lib（主要包括Network、Json、Gesture）。

最上层是Lua业务脚本以及Lua层的lib库。

LuaView的两个重要的设计原则

两端一致性

LuaView的一条重要设计原则就是iOS和Android两端逻辑只写一份代码，API设计的时候考虑了两端的共性，对于两端不同的地方，则由Native部分实现。现在，LuaView SDK中Lua API基本完成两端接口的统一，保证API一致性，同一份脚本在两端运行的结果也是相同的。

（注：图片来自于《LuaView：基于Lua的移动端跨平台动态化方案》）

简单易用

LuaView的另一个设计原则是保持Lua语言的简单和易用。在核心UI库上，所有的API做到精简，尽量使用脚本实现避免使用Native实现。所有API使用Lua原生语法，并且两端的接口保持一致风格，方便开发。

OSLua

OSLua是一款针对视频的互动娱乐的SDK，添加到视频系统中，给视频赋能，既可以增加视频的收入，也可以增加视频的娱乐性。OSLua SDK是在LuaView SDK的基础上，扩展了VP UI和VP Non-UI，以及添加了视频互动娱乐模块。OSLua使用LuaView的动态化，可以动态的添加新的互动娱乐模块，以及修改现有的互动娱乐模块。

OSLua整体架构

OSLua首先会对比本地版本和服务器版本，若是两个版本不一致，将服务器版本更新到本地，并写入本地文件Cache中。在系统运行互动娱乐模块时，LuaCore按照模板的文件名，在文件Cache中查找，找到脚本文件以后，即可加载运行脚本文件，展示具体的互动类型。具体的流程如下：

OSLua运行流程

模板

OSLua中所有互动娱乐模块，如云图、中插、气泡、投票等，都是采用统一的策略，将模板的共有属性抽象为相同的参数，差异化的内容，则在模板中自己处理。这样客户端收到投递的广告时，将统一处理模板数据，按照模板数据时间，展示模板，控制模板展示的频次，在这个阶段系统并不知道处理的是哪个模板。模板展示时，根据模板数据展示具体的模板效果，所有的差异化的内容都在这个阶段处理。同时，将模板中的各种事件，如展示、点击、关闭等，还有需要对接平台处理的操作，抽象为统一的参数，这样所有的模板都有一样的事件处理机制。以上的这些特性，可以极大的增加系统的扩展性，如果系统需要新的模板，只需要按照上面的策略，统一添加投递和事件处理的参数，实现特异化的内容，就可以添加到系统中了。

OSLua模板参数

后续

OS Lua还在不断完善，丰富Native到Lua的桥接，以及增加新的互动娱乐模板，最终将会发展为一个性能稳定，功能丰富的视频增值SDK。

参考

1. LuaView：基于Lua的移动端跨平台动态化方案

2. React Native中文网

3. Weex

4. OCS ——史上最疯狂的iOS 动态化方案

5. 滴滴iOS 动态化方案DynamicCocoa 的诞生与起航

继PPT神作之后，又一套UI风格PPT模板问世，今天这套便是主角，图形设计的非常漂亮，渐变的配色+创意的图形设计，使整个版面非常有档次。

本套PPT模板总共包含了3种配色主题，文件的尺寸比例为16：9，值得惊讶的是这套模板是4K分辨率，尺寸为130cm*73cm。

每套PPT模板包含了50页幻灯片模板，并且这套模板的背景也是一大亮点，动态背景，并且是包含在PPT源文件内的。

精美的条形图，折线图设计，图形的更改只需要修改excel中的数据即可自动完成图形大小变化，非常方便快捷。

当然精美的图形设计也是必不可少的，图形都是可以在PPT内直接修改的，并且颜色也可以自由更换。

效果图演示的真实人物/其他图片均不包含在内，没有图片的位置，使用图片占位符代替，只需点击图片占位符，即可替换自己的图片。

其他的不介绍了，还是一起来看看这套PPT模板整体效果吧。

本套模板获取方式：百度搜索：顶尖PPT，进入网站即可免费下载PPT模板。

欢迎关注顶尖PPT

分享来自全球最顶尖，最时尚的keynote、Powerpoint模

头条号：upboyGO，专业分享excel精品模板，版权所有，禁止转载

本期要分享的是

公司业务盈利能力对比动态表

能够统计每一个季度，任何一个业务的比例

效果演示

下方的数据柱形图随数据的改变而改变

领取方式

私信回复“AAB”

（部分安卓用户，特别是最新版的头条客户端，没办法私信，我正在想办法。。。）

领取注意事项

重要的事情，我是免费分享给你的，不要冲百度会员，不要冲会员

回复数字，请私信回复（不是留言），这样系统会自动发送给你

下载和解压过程中遇到问题：在你领取资料的时候附带了一条链接，如果不懒都可以看到

有些朋友在私信回复其他数字企图拿别的资料，其实是可行的，比如回复“003”可以领取office2016完整版

但是你不会私信，那就没办法了。因为我一个人给你发信息，忙不过来，所以让系统帮忙了

喜欢本文，可以转发给好朋友

导读

最近，美国伊利诺伊大学的研究人员利用类似于生物矿化作用的工艺，开发了一种受生物启发的动态模板，它可用于制造半导体材料，生产印刷电子器件。

关键字

半导体、柔性、工艺

背景

大自然赐予人类许多灵感，特别是科学研究方面。笔者之前在《减少手机屏幕眩光的新型薄膜：设计灵感来源于蛾眼！》一文中的背景部分，介绍过几个灵感来源大自然的科学创新案例，所以今天就不一一例举了。

然而今天我们要介绍的科技创新，也是受到了大自然的启发，但是它与时下非常热门的柔性电子器件的制造相关。

创新

最近，美国伊利诺伊大学的研究人员开发了一种受生物启发的动态模板。这种模板可用于制造半导体材料，生产印刷电子器件。它使用了一种类似于生物矿化作用的工艺。所谓的生物矿化作用，就是指动物骨骼和牙齿的形成过程。相比于传统电子器件的制造方式，这项技术是环境友好的，它给予研究人员回馈大自然的机会。

Ying Dao 教授、研究生 Erfan Mohammadi 以及论文的合著者们在《自然通信》杂志上发表了一篇新文章，描述了这种类似生物矿化作用的技术的工作方式。

技术

模板通常用于制造近乎完美的半导体，改善它们的电子特性，或者调整原子之间的空间，从而得到更好的电子特性。这些模板有利于按照需求的形式，正确地对准半导体材料的原子，通常是硅和锗。

然而，这种传统技术只适用于刚性纳米器件，而制造柔性电子器件需要更大、更混乱的有机聚合物分子，它们无法在固定模板周围排列。

在大自然中，一些生物器官会通过利用柔性生物聚合物，采集或者招募无机离子，构建矿化结构。同样，Diao 的小组开发出的模板也是由离子组成，这些离子在半导体聚合物的原子结构周围重新排列。Diao 称，通过这种方式，大型聚合物分子能够形成高度有序的模板化结构。

价值

质量控制问题一直困扰着有机半导体，并且拖慢了柔性器件的开发进程，然而这种高度有序的机构解决了这一问题。Diao 说：

“我们的模板让我们通过分子级的排列，控制这些聚合物的组装。对于印刷报纸来说，墨水分子如何排列没关系，而对于电子器件来说，它很至关重要。”

Diao 称，使用这些动态模板的制造工艺同样也是环境友好的。传统的半导体制造工艺，需要3000华氏度的高温，并且生产出大量的有机废料。而这种工艺则不同，它产生的废料很少，并且可以在室温下制造，能够降低能耗。Diao 说：

“我们的研究从大自然中寻找答案。在自然中，聚合物成为了离子的模板。而我们所做的恰恰相反，我们用离子作为聚合物的模板，制造柔性、轻量、生物集成的电子器件，低成本并可以大规模制造。”

参考资料

【1】https://news.illinois.edu/blog/view/6367/529209

【2】Erfan Mohammadi, Chuankai Zhao, Yifei Meng, Ge Qu, Fengjiao Zhang, Xikang Zhao, Jianguo Mei, Jian-Min Zuo, Diwakar Shukla, Ying Diao. Dynamic-template-directed multiscale assembly for large-area coating of highly-aligned conjugated polymer thin films. Nature Communications, 2017; 8: 16070 DOI: 10.1038/ncomms16070

批量添加数据时，需要动态添加html代码。例如：添加规格。

本猿新手时期是这么做的：（主要看红框中代码）

字符与变量拼接，倒是简单易行，就是容易出错（比如：引号不成对），需要反复调试。

拼接字符串要是不讲究， 那更是不便于我们人类阅读，所以，要是 元素有改变 或者 新增了元素，维护起来自然不易。

要是像php模板引擎一样，直接把变量塞进html代码里面，不但不用纠结引号是否匹配、成对标签是否缺失闭标签，而且格式化，那多好-----嗯，这个可以有。

php有模板引擎，咱js也有，不但有，还百家争鸣。

本猿机缘巧合之下，遇见了art-template.js。

先看一眼官方文档。

于是，上文的动态添加html代码需求可以这么实现：

想要查看art-template官方文档的更多信息，可以这么做：

组件并不总是具有相同的结构。有时需要管理许多不同的状态。异步执行此操作会很有帮助。

实例：

组件模板某些网页中用于多个位置，例如通知，注释和附件。让我们来一起看一下评论，看一下我表达的意思是什么。 评论现在不再仅仅是简单的文本字段。您希望能够发布链接，上传图像，集成视频等等。必须在此注释中呈现所有这些完全不同的元素。如果你试图在一个组件内执行此操作，它很快就会变得非常混乱。

处理方式

我们该如何处理这个问题？可能大多数人会先检查所有情况，然后在此之后加载特定组件。像这样的东西：

但是，如果支持的模板列表变得越来越长，这可能会变得非常混乱和重复。在我们的评论案例中 - 只想到支持Youtube，Twitter，Github，Soundcloud，Vimeo，Figma的嵌入......这个列表是无止境的。

动态组件模板 另一种方法是使用某种加载器来加载您需要的模板。这允许你编写一个像这样的干净组件：

看起来好多了，不是吗？让我们看看这个组件是如何工作的。首先，我们必须更改模板的文件夹结构。

就个人而言，我喜欢为每个组件创建一个文件夹，因为可以在以后添加更多用于样式和测试的文件。当然，您希望如何构建结构取决于你自己。

接下来，我们来看看如何构建此组件。

那么这里发生了什么？默认情况下，Vue.js支持动态组件。问题是您必须注册/导入要使用的所有组件。

这里没有任何东西，因为我们想要动态地使用我们的组件。所以我们可以做的是使用Webpack的动态导入。与计算值一起使用时，这就是魔术发生的地方 - 是的，计算值可以返回一个函数。超级方便！

安装我们的组件后，我们尝试加载模板。如果出现问题我们可以设置后备模板。也许这对向用户显示错误消息很有帮助。

结论

如果您有一个组件的许多不同视图，则可能很有用。

易于扩展。它是异步的。模板仅在需要时加载。保持代码干净。基本上就是这样！

如果你已经使用过这种技术，我很想听听你的见解，谢谢！