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

Question

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

但我们需要在客户端使用 javascript - jquery 读取、使用并有时重写一些变量和配置值。

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

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

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

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

Answer 1

• Must define a global variable or json or javasctipt object or array (I don't know which is best)

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

• This values must reachable by other javascript functions and objects.

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

• Will store booleans, strings, integers maybe a some little initialization methods for 5-6 different pages (ex.: we don't need main page's config values on product detail page's and we don't need product detail page's some initialization methods and values on main page etc.)

同样，JSON 可以完成所有这些。

所以我建议使用一个 JSON 文件，该文件通过客户端的脚本标记包含在内。 JSON 易于在服务器端生成、读取和操作(例如:json_encode、json_decode in php)。

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