javascript语言本身没有实现模块(包)机制,而各个js框架都有自己的实现,简单点的如extjs,yui2,直接利用对象属性一个namespace函数搞定,其中我觉得最复杂最精巧的要算yui3的动态加载模块机制,其与python的内部模块加载实现机制有异曲同工之妙,足以证明javascript也可以实现复杂的语言基础架构。
yui3 模块机制详见:YUI3 use&Loader 简析
0。模块与包没有明显的界限
python
包(package)也是模块(module),包也要由__init__.py来标识,只不过包
1。提供了模块的约束命名空间
2。提供了模块的搜索加载路径
javascript
语言没有包的概念,框架实现的包也只不过用来约束其下面的模块命名空间。
1.模块缓存与集中管理
python
所有已加载模块位于 sys.modules,为dict结构,对应
{模块名fullname:模块对象<module>}
import 已加载模块只不过相当于将 sys.module中对应模块引到local命名空间,多个文件多次import同一模块内存中为同一模块对象。
yui3
所有已加载模块位于
YUI.Enc.Mods =[{
name: name,
fn: fn, //模块初始化的代码
version: version,
details: details || {}
} ....]
但是yui3 import(use)时需要 attach操作,即加载与初始化分离,运行 fn 于当前模拟命名空间(YUI()实例),在attach中才实际进行模块绑定操作,部分原因也是由于yui3模块的编写机制,即attach实际上运行模块的初始化函数
Y.moduleName=moduleFunction
则造成虽然可以一次加载,但是需要多次初始化问题:每次import(use),实际上模块不同,内存中存在同一模块的多个function copy。
2.模块路径搜索
python
通过默认系统搜索路径 sys.path 以及包搜索路径 __path__,来实现透明加载模块名的相应功能函数。
yui3
通过种子脚本路径确认系统模块搜索路径以及YUI()构造函数中指定模块的配置路径,通过动态添加 script 节点来下载脚本文件,进而加载模块,虽然需要手工指定自有模块路径,但是use时可透明实现对应模块名导入。
3.模块使用
python
语言级别的名字空间实现,可约束模块于import所在文件的对应作用域。
yui3
所有脚本文件共享统一命名空间,通过对象object来限制模块的作用范围,即只能通过 YUI()示例来访问模块,而YUI()实例则通过函数来减少其对全局命名空间的暴露,但是很大程度上依赖于人为规范约束。
分享到:
相关推荐
YUI3采用了模块化的设计理念,每个功能都被封装为独立的模块,开发者可以根据需要按需加载,降低了整体代码的体积,提高了页面加载速度。在“yui3-master.zip”中,我们可以看到不同模块的源代码文件,如“build”...
例如,一个模块可能需要调用另一个模块的功能,此时可以通过YUI3的模块通信机制来实现,如利用事件系统、命令模式、观察者模式等。 总结来说,YUI3沙盒下的多模块交互实践是一套复杂的前端开发策略,旨在通过模块化...
总的来说,"ore.yui-0.4.1"是一个Python库的压缩包,可能包含了一系列用于特定目的的模块和函数。虽然我们无法提供更详细的信息,但可以通过上述方法获取更多关于这个库的背景和使用方法。如果你是Python开发者,...
cssmin, *NO 长 MAINTAINED* YUI CSS压缩算法的python 端口 cssmin这是 YUI CSS压缩器的python 端口。 安装它:$ easy_install cssmin # OR$ pip install cssmin在命令行中使用它:$ cssmin -
在YUI3中,首先需要通过`YUI().use()`方法加载Dialog相关的模块,例如: ```javascript YUI().use('dialog', function(Y) { // 在这里编写Dialog的代码 }); ``` 然后可以创建Dialog实例,指定其内容和属性: ```...
YUI3是YUI的第三个主要版本,它进行了重大的架构改进,提供了更现代、模块化的API。在YUI3中,Tree View是一个重要的组件,用于展示层次结构数据,比如文件系统、组织结构等。这篇博文“YUI3 中tree的两种实现”探讨...
1. **模块化**:YUI采用AMD(Asynchronous Module Definition)模块加载机制,允许异步加载和依赖管理,使得代码组织清晰,便于维护。 2. **响应式设计**:YUI提供了响应式设计工具,如Grids布局系统,能根据屏幕...
1. **模块系统**:YUI3引入了模块化设计,允许开发者按需加载组件,降低页面的初始化时间。模块可以通过`YUI.use()`方法来加载,实现了代码的异步加载和依赖管理。 2. **事件系统**:YUI的事件处理机制强大且灵活,...
YUI3 引入了粒度更细的模块管理方式,通过异步 HTTP 请求加载模块、然后执行回调来加载和使用模块。现场有很多人提出疑问,大家无非关心的是“效率”二字。个人以为在现阶段,这种方式有一点激进,否能为广大用户所...
1. **模块系统**:YUI3引入了CommonJS风格的模块系统,允许开发者通过`YUI.use()`方法加载所需模块,实现按需加载,减少页面初始化时的加载量。 2. **事件处理**:YUI3提供了强大的事件系统,支持DOM事件、自定义...
在实际使用YUI 3.17.2时,开发者可以通过`yui3-3.17.2`这个压缩包文件获取所有必要的资源。这个压缩包中包含了库的源码、示例、文档和其他辅助工具。开发者可以按照项目需求,选择合适的模块和组件进行集成。 在...
- **知识点**:虽然YUI3与YUI2在架构上有很大不同,但在某些情况下,仍然可以通过特定方式将YUI2部件加载到YUI3环境中使用。 - **应用场景**:适用于旧项目升级过程中,需要兼容YUI2部件的情况。 7. **加载本地...
这些方法与jQuery类似,但YUI3的设计更加面向对象,如`Node`和`Selector`模块,它们提供了更加高效和灵活的方式来处理DOM元素。 **事件处理** YUI3的事件系统支持DOM事件绑定、解绑和触发,以及自定义事件。它还...
1. **YUI 3.0架构**:YUI 3采用了模块化设计,允许开发者按需加载组件,降低了页面加载时间。每个模块都有独立的命名空间,避免了全局变量污染。 2. **核心组件**:YUI 3的核心组件包括事件处理、DOM操作、动画效果...
csscompressor, YUI CSS压缩器到 python的端口 YUI CSS压缩器的几乎精确端口。 传递所有原始 unittests 。用法>>> from csscompressor import compress>>> compress('
**正文** YUI(Yahoo! User Interface Library)是雅虎公司开发的一个开源JavaScript库,...尽管YUI已经发展到更现代的YUI3版本,但YUI2仍然在许多现有项目中被广泛使用,并且其社区仍然活跃,提供持续的支持和资源。
从YUI2到YUI3看前端的演变
所有使用YUI3的页面都需要包含这个核心模块,以便能够动态地加载所需的其他模块及其依赖项。 - **YUI实例**: 每个页面可以共享一个YUI实例,也可以根据需要使用多个实例。这提供了很大的灵活性。 - **加载机制**: ...
YUI遵循了“按需加载”的原则,这意味着开发者可以根据应用需求只引入必要的模块,从而减少文件大小,提升加载速度。在“yui.rar”里,可能包含有如“yui-core”、“yui-dom”、“yui-event”等基础模块,这些模块...