javascript - 什么是dom模板？什么是字符串模板？两者有什么关系？

Question

什么是dom模板？什么是字符串模板？两者有什么关系？

Answer 1

dom模板就是原先就写在页面上的，能被浏览器识别的 html 结构，会在一加载就被浏览器渲染，所以要遵循 html 结构和标签命名，不然是不会被浏览器解析的，也就获取不到内容了，接着js获取 dom 节点的内容，就形成了 dom 模板。

字符串模板可能原先放在服务器上啊，script标签里，js 的字符串里，原先不参与页面渲染的一串字符，所以呢 它可以不在乎 html 结构和标签命名，只要你最后根据模板生成内容的结构和命名正确就好。

这两者其实区别就在于第一次获取到的方式不同，dom 模板参与浏览器解析，而字符串模板不参与，所以 dom 写起来要规范，而字符串模板不用。

Answer 2

先回答你的字符串模版是什么，所谓的字符串模版，就是一个模子，大部分的字符相等，只是在动态改变的地方不同。举个例子来说

function modal(str){
    return `你好 ${str}`
}

modal('world')  //你好 world
//或者上面还可以这样写标签
return 
`
   There are <b>${str}</b> items
`

这样写要比你用字符串拼接省事很多