新 Web 项目上 javascript 配置的最佳实践

Question

我想问一个关于新的大型网络项目的 javascript 要求的问题。我们将在我们的项目中使用大量的 javascript、ajax 请求、jquery、json 对象和 jquery 插件。我们计划将全局变量和许多默认值存储在一个全局站点配置文件中，其中包含服务器端的 php 类和 ini 文件。

但我们需要在客户端使用 javascript - jquery 读取、使用甚至覆盖一些变量和配置值。

此基于 javascript 的配置文件必须具有以下属性；

• 不会有所有的服务器端配置值。只有我们需要。
• 必须是将在 html 头部分调用的单个文件。
• 必须定义一个全局变量或者json或者javasctipt对象或者数组（不知道哪个最好）
• 其他 javascript 函数和对象必须可以访问此值。
• 将为 5-6 个不同的页面存储布尔值、字符串、整数可能一些小的初始化方法（例如：我们不需要产品详细信息页面上的主页配置值，我们不需要产品详细信息页面的一些初始化主页上的方法和值等）
• 我们需要在每个页面上获取此配置对象的一些值，例如 debugMode=true 或 false 等。
• 我们需要通过此配置文件了解其他 javascript 对象以运行平台的图像和其他资源路径（Developer-Test-Stage-Production）

我们也可以在服务器端完全生成这个文件或生成一个静态的.js文件，在一个PHP请求之后，设置一些用户页面特定或语言特定的值，而不是我们必须放置（覆盖）一些这个服务器-Js 对象中生成的值。

此解决方案的最佳实践是什么？有什么建议吗？

Answer 1

• 必须定义一个全局变量或json 或 javasctipt 对象或数组（我不 知道哪个是最好的）

JSON 基本上是一个对象字面量，所以它可以两者兼得。去吧。将 JSON 视为一个序列化的 javascript 对象。

• 此值必须 其他 javascript 可访问 功能和对象。

只要您运行 JSON，它就会在您的代码中可用。

• 将存储 布尔值、字符串、整数可能是 一些小的初始化方法 5-6 个不同的页面（例如：我们没有 需要主页的配置值 产品详细信息页面，我们没有 需要产品详细信息页面的一些 初始化方法和值 主页等）

同样，JSON 可以做到所有这些。

所以我会建议一个 JSON 文件，它是通过客户端的脚本标签包含的。 JSON 易于在服务器端生成、读取和操作（例如：json_encode、json_decode 在 php 中）。

它应该是一个静态 js 文件，因为它对服务器的压力最小。此外，Gzip 压缩有助于降低带宽成本。