动态生成JavaScript的最佳实践

Question

向JavaScript添加动态内容的最佳方式是什么，尤其是配置设置？

有几种可能性：

1. 将内容放在动态生成的文件（例如JSP，PHP等）中，而不是JavaScript文件中，也许使用对象文字。
2. 通过ajax从服务器请求内容为JSON。

Answer 1

我建议尽可能多地在静态资源中放入JavaScript（因此浏览器可以缓存它）并只生成尽可能小的动态部分。通常这只是一些变量分配。

这种方法可以节省网络带宽，使代码生成更加健壮，您可以像往常一样测试静态JavaScript。

Answer 2

我们不生成动态JavaScript。

我们执行生成动态HTML

然后使用渐进增强来使用JavaScript增强HTML。如果您想存储数据，请将其存储在相关 HTML元素的HTML5 data-属性中。

或者，您编写Web服务并使用 AJAX 进行查询以获取动态数据。