echarts 是刚进入页面就加载吗

       展开全部

       很高兴，最近我也使用了ECharts

       ECharts提供的用法中，require是collector指标源码作为模块化加载的入口，如果你使用类似于RequireJS、SeaJS这样的模块化加载JS库的话，那么，就可以使用require()初始化ECharts。

       你贴出来的链接这篇文章，正式介绍如何使用模块化加载ECharts。如果你不使用模块化，抱团取暖系统源码ECharts也提供相应的方法初始化。

       首先，下载到源码之后，在页面引入lib/echarts-plain-map.js，plain-map是水电收费系统源码未压缩的版本然后引入主文件之后，就可以直接使用init()实例化了最后补充一个官方API文档

       echarts.baidu.com/doc/doc.html#引入ECharts

extjs结合echarts，怎么实现数据的搜索功能

       ECharts提供用require作模块化加载入口使用类似于RequireJS、SeaJS模块化加载JS库使用require()初始化ECharts

       贴链接篇文章式介绍何使用模块化加载ECharts使用模块化ECharts提供相应初始化

       首先载源码页面引入lib/echarts-plain-map.jsplain-map未压缩版本

       1

       引入主文件直接使用init()实例化

       1

       2

       3

       4

       5

seajs源码配流程图

       seajs是CMD规范的经典实现，众多文章对此进行了深度解析。近来，红色数码兽源码本人深入研读源码，梳理了其内部逻辑，如有理解偏差，欢迎指正。seajs的半塘直播源码学习目的在于深入理解模块加载机制。

       在seajs.use中，通过Module.use(arg1[ids], arg2[callback], uri[首次加载，自动生成])调用，模块状态变更为加载中LOADING。

       接着，处理依赖模块的dependencies，转换为具体路径内部调用seajs.resolve。此步骤主要负责解析依赖模块信息。

       若mod._entry存在值，则直接执行onload，表示依赖模块加载完成。反之，_entry的值表示此模块无额外依赖，其onload即为最终执行点。若存在依赖模块，_entry将被清除，准备依赖模块的加载。

       接下来，开始处理依赖模块的拉取m.fetch(requestCache)。

       定义部分define开始的逻辑至此结束，标志着模块加载流程的主要环节完成。seajs_source路径为文档的结束标记，确保了内容的完整性。

requirejs和seajs的区别

       ç›¸åŒä¹‹å¤„

       RequireJS 和 SeaJS 都是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更简单自然。

       ä¸åŒä¹‹å¤„

       ä¸¤è€…的区别如下：

       å®šä½æœ‰å·®å¼‚。RequireJS

        想成为浏览器端的模块加载器，同时也想成为 Rhino / Node 等环境的模块加载器。SeaJS 则专注于 Web 浏览器端，同时通过 Node 扩展的方式可以很方便跑在 Node 服务器端。

       éµå¾ªçš„规范不同。RequireJS

        遵循的是 AMD（异步模块定义）规范，SeaJS 遵循的是 CMD （通用模块定义）规范。规范的不同，导致了两者 API 的不同。SeaJS 更简洁优雅，更贴近 CommonJS Modules/1.1 和 Node Modules 规范。

       ç¤¾åŒºç†å¿µæœ‰å·®å¼‚。RequireJS

        在尝试让第三方类库修改自身来支持 RequireJS，目前只有少数社区采纳。SeaJS 不强推，采用自主封装的方式来“海纳百川”，目前已有较成熟的封装策略。

       ä»£ç è´¨é‡æœ‰å·®å¼‚。RequireJS

        是没有明显的 bug，SeaJS 是明显没有 bug。

       å¯¹è°ƒè¯•ç­‰çš„支持有差异。SeaJS

        通过插件，可以实现 Fiddler 中自动映射的功能，还可以实现自动 combo 等功能，非常方便。RequireJS 无这方面的支持。

       æ’件机制不同。RequireJS

        采取的是在源码中预留接口的形式，源码中留有为插件而写的代码。SeaJS 采取的插件机制则与 JavaScript 语言以及Node 的方式一致：开放自身，让插件开发者可直接访问或修改，从而非常灵活，可以实现各种类型的插件。

       è¿˜æœ‰ä¸å°‘细节差异就不多说了。

       æ€»ä¹‹ï¼ŒSeaJS 从 API 到实现，都比 RequireJS 更简洁优雅。如果说 RequireJS 是 Prototype 类库的话，则 SeaJS 是 jQuery 类库。

       æœ€é‡è¦çš„

       æœ€åŽï¼Œå‘ RequireJS 致敬！RequireJS 和 SeaJS 是好兄弟，一起努力推广模块化开发思想，这才是最重要的。