particles.js入门疑问：min.js差异及客户端json文件使用问题

1. particles.min.js 和 particles.js 的区别 #

• particles.js是未压缩的开发版本：代码保留了完整的缩进、注释和语义化变量名，体积偏大，适合开发时调试、查看源码或自定义修改逻辑。
• particles.min.js是压缩后的生产版本：通过代码压缩工具移除了所有冗余字符（空格、换行、注释），并将变量名简化为短字符，体积大幅缩小，加载速度更快，适合上线部署使用。
  两者核心功能完全一致，你实际使用没发现差异是正常的——它们只是代码的呈现形式不同，底层逻辑没有区别。

2. 纯客户端运行时使用particles.json的问题 #

纯客户端环境（直接打开本地HTML文件，使用file://协议）下加载particles.json会报错，本质是浏览器的同源策略限制：本地文件协议中，JS发起的文件读取请求会被浏览器拦截，避免潜在的安全风险。

可行的解决方式：

• 将particles.json内的配置内容直接复制到JS代码中，作为对象传入初始化方法，示例：

particlesJS('particles-js', {
  "particles": {
    "number": {
      "value": 80,
      "density": {
        "enable": true,
        "value_area": 800
      }
    },
    // 其他配置项...
  }
});

• 本地启动简易HTTP服务器（比如Node.js的http-server、Python的python -m http.server），通过http://localhost:端口访问网站，此时符合同源策略要求，可正常加载particles.json文件。

内容的提问来源于stack exchange，提问作者user129393192