企业官网建设流程全解析

怎样设计一个网站平台,丰功网站建设,一微网站建设公司,金乡县网站开发Highcharts V12 版本的改变 Highcharts v12 引入了一种基于 Webpack 的新的通用模块定义#xff08;UMD#xff09;#xff0c;旨在使 Highcharts 模块的使用更加便捷且加载速度更快。 感谢这一变化#xff0c;用户很快就能充分利用 ESM#xff08;ES 模块#xff09;包…Highcharts V12 版本的改变Highcharts v12 引入了一种基于 Webpack 的新的通用模块定义UMD旨在使 Highcharts 模块的使用更加便捷且加载速度更快。感谢这一变化用户很快就能充分利用 ESMES 模块包的全部潜力。新的 UMD 在某些配置下与之前的 UMD 兼容同时也为其他配置带来一些变化。本文档将说明 Highcharts v12 包的这些变化。1. 无模块工厂新的 UMD 不再附带用于 Highcharts 模块的工厂函数。取而代之的是所有模块将自动识别共享的命名空间而不需要通过 Highcharts 命名空间调用每个工厂函数。这意味着加载 Highcharts 模块的代码会更少。v12 之前:importHighchartsfromhighcharts;importHighchartsExportfromhighcharts/modules/exporting;HighchartsExport(Highcharts);v12 之后:importHighchartsfromhighcharts;importhighcharts/modules/exporting;Support both variants:importHighchartsfromhighcharts;importHighchartsExportfromhighcharts/modules/exporting;typeofHighchartsExportfunctionHighchartsExport(Highcharts);2. 异步/懒加载需要使用ES模块由于UMD的特性Highcharts模块的异步支持仅限于某些特定的设置。现在新的UMD在所有设置中都一致地要求同步加载。若采用异步方式则需要使用ESM版本可以通过highcharts/esm/路径找到。HTML 示例:scripttypemoduleimport Highcharts from https://code.highcharts.com/esm/highcharts.js; import https://code.highcharts.com/esm/highcharts-more.js; import https://code.highcharts.com/esm/modules/exporting.js; import https://code.highcharts.com/esm/modules/accessibility.js;/scriptsNode.js 示例:importHighchartsfromhighcharts/es-modules/masters/highcharts.src.js;importhighcharts/es-modules/masters/highcharts-more.src.js;importhighcharts/es-modules/masters/modules/exporting.src.js;importhighcharts/es-modules/masters/modules/accessibility.src.js;Next.js 示例:use client;importHighchartsfromhighcharts/es-modules/masters/highcharts.src.js;importhighcharts/es-modules/masters/highcharts-more.src.js;importhighcharts/es-modules/masters/modules/exporting.src.js;importhighcharts/es-modules/masters/modules/accessibility.src.js;3. 无Highcharts._modules a和 HighchartsModuleLoaded 事件在Highcharts 12 之前的版本中内置了一个模块系统以实现即时修改。这个内部模块系统已经被移除。 可以通过 自定义包 和动态导入来实现其他即时修改的方法。更多改变了解所有变更的详细信息请查看我们的 关于Highcharts v12 的博客文章 。