6的

学长已经把答案贴出来辣

我不是我没有😭

大佬太强了

6

厉害的猫猫

厉害的猫猫

好看，爱看

好年轻啊

猫猫好强

猫猫好强！猫哥你是我的神！我爱你！

可以可以！

确实，我没去考虑emoj的编码问题。但是没有关系，除了emoj我们也可以使用img元素替代！（我用emoj纯粹因为懒，用它更快速，到达美化样式的需求）

看了issue后想了想，主要是因为emoj长度的原因。涉及到使用emoj的代码如下：

/**
 *
 * @param {String} word
 * @param {DocumentType} parentDom
 * @param {DocumentType } domType
 * @param {String} className
 * @returns
 * 不同于setpStyle，这个函数支持生成其他类型的type 比如div button等
 */
function stepDetail(word, parentDom, domType, className = "") {
  return new Promise((resolve, reject) => {
    const dom = document.createElement(domType);
    dom.className = className;
    let i = 0;

    const len = word.length;
    intervalId = setInterval(() => {
      if (i < len) {
        dom.innerHTML += word[i++];
        parentDom.appendChild(dom);
      } else {
        // 没有word传入，也将dom添加到父节点
        parentDom.appendChild(dom);
        clearInterval(intervalId);
        resolve("Step result");
      }
    }, 4);
  });
}

这里出现会length问题主要是因为直接使用word.length导致，可以将word转换为数组，这样就不会有多余的length出现 ：

/**
*
* @param {String} word
* @param {DocumentType} parentDom
* @param {DocumentType } domType
* @param {String} className
* @returns
* 不同于setpStyle，这个函数支持生成其他类型的type 比如div button等
*
* old code采取的 dom.innerHTML += word[i++]方式 解析emoj的话逻辑有问题
* 所以我想采取数组的方式写入
  */
  function stepDetail(word, parentDom, domType, className = "") {
  return new Promise((resolve, reject) => {
  const dom = document.createElement(domType);
  dom.className = className;
  let i = 0;
  word = word.split("");

  const len = word.length;
  intervalId = setInterval(() => {
  if (i < len) {
  dom.innerHTML += word[i++];
  parentDom.appendChild(dom);
  } else {
  // 没有word传入，也将dom添加到父节点
  parentDom.appendChild(dom);
  clearInterval(intervalId);
  resolve("Step result");
  }
  }, 4);
  });
  }

感谢鱼油的issue，将会在后续进行修改😋 （来人喂鱼油吃饼！）

猫猫~帅气！

第一次见这么厉害的猫猫