`
yiminghe
  • 浏览: 1465414 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

yui3与python模块加载机制感悟

阅读更多

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-master.zip

    YUI3采用了模块化的设计理念,每个功能都被封装为独立的模块,开发者可以根据需要按需加载,降低了整体代码的体积,提高了页面加载速度。在“yui3-master.zip”中,我们可以看到不同模块的源代码文件,如“build”...

    YUI3沙盒下的多模块交互实践

    例如,一个模块可能需要调用另一个模块的功能,此时可以通过YUI3的模块通信机制来实现,如利用事件系统、命令模式、观察者模式等。 总结来说,YUI3沙盒下的多模块交互实践是一套复杂的前端开发策略,旨在通过模块化...

    Python库 | ore.yui-0.4.1.tar.gz

    总的来说,"ore.yui-0.4.1"是一个Python库的压缩包,可能包含了一系列用于特定目的的模块和函数。虽然我们无法提供更详细的信息,但可以通过上述方法获取更多关于这个库的背景和使用方法。如果你是Python开发者,...

    cssmin, *NO 长 MAINTAINED* YUI CSS压缩算法的python 端口.zip

    cssmin, *NO 长 MAINTAINED* YUI CSS压缩算法的python 端口 cssmin这是 YUI CSS压缩器的python 端口。 安装它:$ easy_install cssmin # OR$ pip install cssmin在命令行中使用它:$ cssmin -

    YUI3 dialog组件

    在YUI3中,首先需要通过`YUI().use()`方法加载Dialog相关的模块,例如: ```javascript YUI().use('dialog', function(Y) { // 在这里编写Dialog的代码 }); ``` 然后可以创建Dialog实例,指定其内容和属性: ```...

    YUI3 中tree的两种实现

    YUI3是YUI的第三个主要版本,它进行了重大的架构改进,提供了更现代、模块化的API。在YUI3中,Tree View是一个重要的组件,用于展示层次结构数据,比如文件系统、组织结构等。这篇博文“YUI3 中tree的两种实现”探讨...

    yui 资源包

    1. **模块化**:YUI采用AMD(Asynchronous Module Definition)模块加载机制,允许异步加载和依赖管理,使得代码组织清晰,便于维护。 2. **响应式设计**:YUI提供了响应式设计工具,如Grids布局系统,能根据屏幕...

    YUI3.6文档及示例

    1. **模块系统**:YUI3引入了模块化设计,允许开发者按需加载组件,降低页面的初始化时间。模块可以通过`YUI.use()`方法来加载,实现了代码的异步加载和依赖管理。 2. **事件系统**:YUI的事件处理机制强大且灵活,...

    从YUI2到YUI3看前端的演变 pdf

    YUI3 引入了粒度更细的模块管理方式,通过异步 HTTP 请求加载模块、然后执行回调来加载和使用模块。现场有很多人提出疑问,大家无非关心的是“效率”二字。个人以为在现阶段,这种方式有一点激进,否能为广大用户所...

    YUI3.7.3 最新版本 带API

    1. **模块系统**:YUI3引入了CommonJS风格的模块系统,允许开发者通过`YUI.use()`方法加载所需模块,实现按需加载,减少页面初始化时的加载量。 2. **事件处理**:YUI3提供了强大的事件系统,支持DOM事件、自定义...

    yui3-3.17.2最新版

    在实际使用YUI 3.17.2时,开发者可以通过`yui3-3.17.2`这个压缩包文件获取所有必要的资源。这个压缩包中包含了库的源码、示例、文档和其他辅助工具。开发者可以按照项目需求,选择合适的模块和组件进行集成。 在...

    YUI3 Cookbook

    - **知识点**:虽然YUI3与YUI2在架构上有很大不同,但在某些情况下,仍然可以通过特定方式将YUI2部件加载到YUI3环境中使用。 - **应用场景**:适用于旧项目升级过程中,需要兼容YUI2部件的情况。 7. **加载本地...

    YAHOO YUI3简单入门

    这些方法与jQuery类似,但YUI3的设计更加面向对象,如`Node`和`Selector`模块,它们提供了更加高效和灵活的方式来处理DOM元素。 **事件处理** YUI3的事件系统支持DOM事件绑定、解绑和触发,以及自定义事件。它还...

    yahoo3.0 YUI Examples

    1. **YUI 3.0架构**:YUI 3采用了模块化设计,允许开发者按需加载组件,降低了页面加载时间。每个模块都有独立的命名空间,避免了全局变量污染。 2. **核心组件**:YUI 3的核心组件包括事件处理、DOM操作、动画效果...

    csscompressor, YUI CSS压缩器到 python的端口.zip

    csscompressor, YUI CSS压缩器到 python的端口 YUI CSS压缩器的几乎精确端口。 传递所有原始 unittests 。用法&gt;&gt;&gt; from csscompressor import compress&gt;&gt;&gt; compress('

    YUI2 库与例子都有了

    **正文** YUI(Yahoo! User Interface Library)是雅虎公司开发的一个开源JavaScript库,...尽管YUI已经发展到更现代的YUI3版本,但YUI2仍然在许多现有项目中被广泛使用,并且其社区仍然活跃,提供持续的支持和资源。

    从YUI2到YUI3看前端的演变

    从YUI2到YUI3看前端的演变

    YUi文档(中文的哦)

    所有使用YUI3的页面都需要包含这个核心模块,以便能够动态地加载所需的其他模块及其依赖项。 - **YUI实例**: 每个页面可以共享一个YUI实例,也可以根据需要使用多个实例。这提供了很大的灵活性。 - **加载机制**: ...

    yui.rar 例子

    YUI遵循了“按需加载”的原则,这意味着开发者可以根据应用需求只引入必要的模块,从而减少文件大小,提升加载速度。在“yui.rar”里,可能包含有如“yui-core”、“yui-dom”、“yui-event”等基础模块,这些模块...

Global site tag (gtag.js) - Google Analytics