单击一个li，在单击的li内的span标记上添加显示块，当单击另一个li时，对该li执行同样的操作，并使display none变为none。

根据您的描述，您希望我作为一个云计算领域的专家和开发工程师，回答关于单击li元素的操作以及相关概念、应用场景和推荐的腾讯云产品。

首先，单击一个li元素，在单击的li内的span标记上添加显示块，当单击另一个li时，对该li执行同样的操作，并使display none变为none。这个问题涉及到前端开发和DOM操作。

在前端开发中，可以通过JavaScript来实现这个功能。以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <style>
    .hidden {
      display: none;
    }
  </style>
</head>
<body>
  <ul>
    <li onclick="toggleDisplay(this)">
      Item 1
      <span class="hidden">Content 1</span>
    </li>
    <li onclick="toggleDisplay(this)">
      Item 2
      <span class="hidden">Content 2</span>
    </li>
    <li onclick="toggleDisplay(this)">
      Item 3
      <span class="hidden">Content 3</span>
    </li>
  </ul>

  <script>
    function toggleDisplay(li) {
      var span = li.querySelector('span');
      var allLis = document.querySelectorAll('li');

      // 隐藏所有li元素中的span标记
      for (var i = 0; i < allLis.length; i++) {
        var otherSpan = allLis[i].querySelector('span');
        if (otherSpan !== span) {
          otherSpan.classList.add('hidden');
        }
      }

      // 切换当前li元素中的span标记的显示状态
      span.classList.toggle('hidden');
    }
  </script>
</body>
</html>

在上述代码中，我们通过给每个li元素添加一个onclick事件处理函数toggleDisplay来实现单击li时的操作。toggleDisplay函数首先获取当前li元素内的span标记，然后遍历所有li元素，将除当前li元素外的其他li元素内的span标记隐藏。最后，通过toggle方法切换当前li元素内的span标记的显示状态。

这个功能可以在各种场景中使用，例如网页导航菜单、折叠/展开列表等。

关于腾讯云的相关产品，我推荐您使用腾讯云的云服务器（CVM）和云函数（SCF）来支持您的前端开发需求。云服务器提供可扩展的计算资源，而云函数则提供了无服务器的后端计算能力。您可以通过以下链接了解更多关于腾讯云的产品信息：

请注意，以上答案仅供参考，具体的解决方案可能因实际需求和环境而有所不同。