前后端交互（2）---模板引擎、axios请求、跨域、防抖节流

   欢迎加入前端技术营！如果你也是前端学习者或者对前端有学习的想法，那就跟着我一起从零开始进击前端。
  致力于尽可能详细且简洁的介绍前端知识、自己的捷径，也是学习路上的记录。欢迎探讨

---

---

模板引擎

根据程序员指定的模板结构和数据，自动生成一个完整的HTML页面。

减少了字符串的拼接操作
使代码结构更清晰
使代码更易于阅读与维护

art-template模板引擎

标准语法
art-template 提供了 { {}} 这种语法格式，在 { {}} 内可以进行变量输出，或循环数组等操作，这种 { {}} 语法在art-template中被称为标准语法。

• 输出{ {data}}： 在 { {}} 语法中，可以进行变量的输出、对象属性的输出、三元表达式输出、逻辑或输出、加减乘除等表达式输出。
• 原文输出{ {@ data}}： 如果要输出的value值中，包含了HTML标签结构，则需要使用原文输出语法，才能保证HTML标签被正常渲染。
• 条件输出： 在{ {}}中使用if … else if …if的方式。进行按需输出。
• 循环输出： 如果要实现循环输出，则可以在 { {}} 内，通过each 语法循环数组，当前循环的索引使用$index 进行访问,当前的循环项使用 $value 进行访问。
• 过滤器：{ { value | 处理函数 }}： template.defaults.imports.处理函数 = function (value) { return处理结果 }

使用步骤：

<div id="container"></div>

	<!-- 1.导入模板引擎 -->
    <!-- 在 window 全局，多一个函数，叫做 template('模板的Id', 需要渲染的数据对象) -->
    <script src="/template-web.js"></script>

	<!-- 定义模板 -->
    <!-- 3.1 模板的 HTML 结构，必须定义到 script 中 -->
    <script type="text/html" id="user">
    <!-- 输出 -->
    <h1>{
   {
   name}} ------ {
   {
   age}}</h1>
    <!-- 原文输出 -->
    {
   {
   @ test}}
    <div>
        <!-- 条件输出 -->
        {
   {
   if flag === 0}}
        flag的值是0
        {
   {
   e