动态生成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进行查询以获取动态数据。