文章标签

JavaScript 模板文字 最擅长的一件事就是编写小的 HTML 代码块。例如

// Probably from some API or whatever
const data = {
  title: "Title",
  content: "Content"
};

const some_html = `
  <div class="module">
    <h2>${data.title}</h2>
    <p>${data.content}</p>
  </div>
`;

您知道新的 JavaScript 中那些超级酷的 反引号字符串 吗？

let emotion = `happy`;
let sentence = `Chris is feeling ${emotion}`;

除了其中强大的变量插值功能外，它们还能很好地处理多行字符串，这使得它们非常适合编写…

在 第 1 部分 中，我介绍了各种函数式风格的技术，用于在给定一些 JavaScript 数据的情况下干净地渲染 HTML。我们将 UI 拆分为组件函数，每个函数根据一些数据返回一段标记。…

上个月 Chris Coyier 发表了一篇 文章，探讨了“项目何时需要 React？”这个问题。换句话说，使用 React（作为数据驱动 Web 框架的代表）而不是服务器端模板的优势何时体现出来…

模板文字是 ES6 中引入的一种创建字符串的新方法。它带来了新功能，使我们能够更好地控制程序中的动态字符串。告别冗长的字符串连接！

要…