template 写前端代码

模板（template）通常在前端开发中是指用于构建用户界面的预处理器技术，它允许开发者编写结构化的HTML、CSS和JavaScript代码。常见的前端模板引擎有Handlebars、AngularJS的 templateUrl、React的JSX等。它们的主要作用是：

1. **数据绑定**：将动态生成的内容插入到HTML结构中，使得页面元素可以直接映射到应用的数据模型上。

2. **可复用组件**：通过模板，可以创建可复用的UI组件，提高代码的模块化和维护性。

3. **分离视图和逻辑**：模板负责展示，而业务逻辑通常放在单独的JavaScript文件中，这有利于团队协作和代码管理。

4. **简化DOM操作**：有些模板引擎能自动处理DOM插入和更新，减少了开发者对低级API的操作。

使用模板的例子（如Pug，也称为 Jade）:

doctype html
html
  head
    title My Page
  body
    h1= title
    each user in users
      p Hello, #{user.name}