如何进行多端一键部署

①如何进行多端一键部署

进行多端一键部署可以使用以下几种方法：

1. 使用 CI/CD 工具：许多 CI/CD 工具，如 Jenkins、GitLab CI 等都提供了自动化的打包和部署功能。通过在代码提交时触发构建流程，再使用自动化工具实现不同端口代码的打包和一键部署。

2. 使用 Docker：Docker 可以将应用程序和运行环境打包成容器，从而统一管理不同端口的部署。使用 Docker Compose 可以方便地定义并启动多个容器，并且可以设置自动化部署策略。

3. 使用云端部署服务：云厂商（如阿里云、腾讯云等）提供了丰富的云端部署服务，例如云主机、容器服务、函数计算等。可以通过这些服务快速创建和部署不同端口的应用程序，并轻松实现一键部署和自动化扩展。

4. 使用前端集成平台：前端集成平台可以帮助开发者通过界面化操作完成应用程序的自动化构建、部署和发布。例如，使用 Vercel、Netlify 等前端集成平台，可以将网站或应用部署到全球各地的 CDN 上，从而加速页面加载速度并提升用户体验。

以上是一些多端一键部署的常用方法，可以根据业务需求和技术栈选择合适的部署方式，以提升开发效率和产品质量。

② 什么是防抖和节流？如何用 JS 编码实现？

防抖（Debounce）和节流（Throttle）都是用来控制函数触发次数的方法。

防抖指的是在一定时间窗口内，只有最后一次事件能够被触发。例如，当用户连续不断地输入字符时，如果没有防抖，每次输入都会导致一次查询操作，从而造成性能损失。使用防抖可以使得查询操作只在停止输入之后才执行，减小了网络请求的负担。

节流指的是按照一定时间间隔来触发函数。例如，在页面滚动时，如果没有节流，监听滚动事件的回调函数会被频繁地调用，从而降低了页面的性能。使用节流可以让回调函数按照一定的时间间隔来触发，从而减少了回调函数的执行次数。

下面是 JavaScript 实现防抖和节流的代码：

实现防抖函数：

function debounce(func, delay) {
  let timer = null;
  return function() {
    const context = this;
    const args = arguments;
    clearTimeout(timer);
    timer = setTimeout(function() {
      func.apply(context, args);
    }, delay);
  }
}

debounce 函数接受两个参数：需要执行的函数和延迟时间。返回一个新的函数，在该函数被触发时，会清除前一个定时器（如果存在），并重新设置一个新的定时器。当延迟时间过去后，才真正执行原本需要执行的函数。

实现节流函数：

function throttle(func, interval) {
  let timer = null;
  return function() {
    const context = this;
    const args = arguments;
    if (!timer) {
      timer = setTimeout(function() {
        func.apply(context, args);
        timer = null;
      }, interval);
    }
  }
}

throttle 函数接受两个参数：需要执行的函数和触发的时间间隔。返回一个新的函数，在该函数被触发时，如果当前没有等待中的定时器，就立即执行原本需要执行的函数，并设置一个新的定时器。在定时器结束后，再次允许函数被执行。

这是最基本的防抖和节流函数实现方法，也可以根据具体需求进行改进和优化。

③ 什么是 ES6 中的 Promise？它的使用场景有哪些？

④怎么用 CSS 实现一个宽高自适应的正方形？