在开发HTML页面时，常常会遇到需要展示后端流式返回代码并进行高亮显示的需求。highlight.js是一个非常实用的工具，能够轻松实现代码高亮功能。

要在项目中引入highlight.js库。可以通过npm安装，在项目目录下运行命令“npm install highlight.js --save”，安装完成后，在HTML文件中引入相关的CSS和JavaScript文件。也可以直接从highlight.js的官方网站下载对应的文件，然后将其放置在项目合适的目录下，并在HTML中通过相对路径引入。

接下来，创建一个HTML元素用于显示代码。例如，可以使用一个“pre”标签包裹“code”标签，代码如下：

<pre><code id="code-display"></code></pre>

这里给“code”标签设置了一个唯一的id，方便后续操作。

当后端流式返回代码时，需要使用JavaScript来接收并处理这些代码。可以通过AJAX或者Fetch API来实现与后端的通信。以Fetch API为例：

fetch('your-backend-url')
 .then(response => response.text())
 .then(data => {
        const codeDisplay = document.getElementById('code-display');
        codeDisplay.textContent = data;
        hljs.highlightAll();
    });

在上述代码中，首先通过Fetch API向后端发送请求，获取返回的代码数据。接着，获取到用于显示代码的“code”元素，将后端返回的数据赋值给它的“textContent”属性。最后，调用“hljs.highlightAll()”方法，这是highlight.js提供的用于自动检测并高亮代码的函数。

需要注意的是，highlight.js默认支持多种编程语言的高亮，如JavaScript、Python、HTML等。如果后端返回的是特定语言的代码，为了更好地高亮显示，可以在“code”标签上添加相应的语言类名。例如，若返回的是Python代码：

<pre><code class="language-python" id="code-display"></code></pre>

这样，highlight.js就能更准确地识别代码的语法结构并进行高亮处理。通过上述步骤，就能在HTML页面中实现用highlight.js对后端流式返回代码进行高亮显示，提升页面的代码展示效果和用户体验。