前端遇到的问题及思考

我在写前端代码时遇到的一些问题

这是记录我在写代码时遇到的一些问题，这里包含了大大小小的问题及思考。每天记录，开卷有益。也欢迎各位大佬讨论指正我的理解和逻辑。

JS和Axios阶段

+=和map的一点思考

 //map进行渲染
    const htmlStr = result.data.data.map((item, index) => {
     //这里的map遍历映射需要获取到已有数据进行遍历，每遍历一遍就把原来的存储下来，因此可以理解成是在已有的数据下进行一种映射（有实物才会有影子）
      return `<tr>
      <td>${index + 1}</td>
      <td>${item.bookname}</td>
      <td>${item.author}</td>
      <td>${item.publisher}</td>
      <td>
        <span class="del">删除</span>
        <span class="edit">编辑</span>
      </td>
    </tr>`
    }).join('')
    console.log(htmlStr)
    document.querySelector('.list').innerHTML = htmlStr

//+=的思考在这里是把每新渲染的数据进行了保留，一直保留在页面中，在最开始没有写+导致输入框没输入一个自动覆盖了之前的。
chatUl.innerHTML += `
        <li class="left">
          <img src="./assets/you.png" alt="">
          <span>${result.data.data.info.text}</span>
        </li>
      `