[TOC]
>[success] # js模板引擎
<br/>
[art-template模板引擎github地址](https://github.com/aui/art-template)
[art-template模板引擎中文文檔](https://aui.github.io/art-template/zh-cn/docs/syntax.html)
<br/>
~~~
什么是'模板引擎',最早的項目中'后臺'給'前端'返回數據,'前端'需要用返回的數據與'標簽'進行'字符串拼接',
所以'費事還麻煩',后來出了'模板引擎',應該也算是'jQuery'到'Vue'之間的一個產物了,雖然說現在已經基本上
用不到了,可以學一學。
~~~
<br/>
1. 語法
~~~
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>模板引擎的使用</title>
<!-- 引入js模板引擎 -->
<script src="./template-web.js"></script>
</head>
<body>
<!-- type 不寫 或者寫成 text/javascript 會被解析成js,如果寫成其他內容不會被解析成js -->
<!-- 1. 定義模板 -->
<!-- 2. 挖坑起名字 -->
<script type="text/html" id="template">
<ul>
<li>名字{{name}}</li>
<li>技能{{skill}}</li>
<li>愛好{{hobby}}</li>
</ul>
</script>
<!-- 3.用數據填坑 -->
<script>
var data = {
name: '盧本偉',
skill:'打游戲',
hobby:'斗地主'
}
// 參數1:模板id,參數2:填充的數據
var result = template('template',data)
console.log(result)
// 打印結果:
// <ul>
// <li>名字盧本偉</li>
// <li>技能打游戲</li>
// <li>愛好斗地主</li>
// </ul>
</script>
</body>
</html>
~~~
- 基本概念
- 服務器
- PHP學習
- PHP根據數據生成頁面
- form表單提交數據到服務器
- form表單查詢信息詳情頁
- 列表渲染展示以及跳轉詳情
- PHP拆分寫法
- form表單提交
- get方式提交數據補充
- post方式提交數據
- post上傳文件
- 請求報文和響應報文基本概念
- XMLHTTPRequest對象的基本使用
- 回調函數&獲取返回的數據
- ajax發送get請求
- ajax驗證用戶是否存在邏輯
- ajax發送post請求
- 新浪云使用方法
- onload 和 onreadystatechange
- XML格式
- 服務器返回XML格式數據
- JSON格式
- 服務器返回JSON格式數據
- ajax工具函數封裝
- js模板引擎
- 跨域解決方案
- JSONP
- CORS解決跨域
- 下載文件功能