javascript-使用.js文件缓存大型下拉列表

我想将大型UI列表的内容保留在客户端上,并根据条件或定期进行更新.然后,客户端代码可以只在本地填充下拉列表,从而避免了较长的页面下载时间.

这些列表可能接近4k,并且动态过滤它们而不进行缓存将导致多次往返.

我该怎么办？我的意思是,哪种模式和策略适合于此？

解决方法:

JSON的积极缓存将对此起作用,您只需对JS文件进行哈希处理,然后将其放在URL的末尾以在更改时进行更新即可.一个修订版可能看起来像这样：

/media/js/ac.js?1234ABCD

并且,当文件更改时,哈希值也会更改.

/media/js/ac.js?4321DCBA

这样,当客户端加载页面时,您的服务器端代码将链接到哈希URL,并且客户端将在其下一页加载时收到304 Not Modified响应(假设您在服务器上启用了此功能).如果使用此方法,则应将文件设置为永不过期,因为“过期”部分将由哈希处理,即,当JS文件确实过期时,哈希将更改,并且客户端将不会获得304 ,而是200.

ac.js可能包含一个列表或其他可迭代项,您的自动完成代码可以将其解析为完成池,并且您可以像访问其他任何JS变量一样访问它.

但是,实际上,对于大多数项目而言,这不是必需的.使用诸如memcached服务器端和gzip压缩之类的文件将使文件变小而且加载速度惊人.如果列表很大(例如成千上万的项目),您可能需要考虑一下.

标签：client-side,javascript
来源： https://codeday.me/bug/20191210/2098995.html