1. YUI3总体认识
1.1 面向对象的JS编程,RIA工具:
面向对象的JS编程,主要体现的以下几个方面:
1. 继承
JS有三种继承方式:javascript中继承一般分为三种方式:
”类式继承”,”原型继承”,”掺元类”
2. 封装:
JS的Function自身就实现了对变量的封装,局部变量等。Object对性的属性也可以实现一定的封装效果
3. 接口和抽象类
YUI3 oop的argument()可以实现类似的功能
4. 模块之间的引用,即代码复用
YUI3的沙箱模型,可以使JS模块化,在Y.use中引入,可以实现代买复用
1.2 重量级框架,oop思想
YUI3中的oop模块就是面型对象编程的重要体现
1.3 YUI3 API使用
点击YUI3 的web site后能看到他的详细结构:
学习他的API就应该从这个开始:
第一列就是一些帮助文件信息,还有一些辅助开发工具,我用过的也就是Console了,但是它是不能单独使用的,必须引入YUI3的默认CSS文件才可以使用。剩下的两个就没有使用过。
第二列就是YUI3开发的核心工具包了:
Core下面是核心工具包:
GLOBAL Object:应该就是全局都可以调用的方法,有很多的YUI的基础工具方法。
这个就是他的这个全局的YUI Global Object 所用到的模块。
Loader是用来动态加载模块的:基本就是在modules中定义完后,要使用这个模板时,就使用Y.use(‘mymodule’,functinto(e){})来加载这个模块。别的其他的Function也没有使用过。
下面部分就是YUI3的Component,应该就是组件的意思:
使用这些基础的组件,要按需加载,需要那个模块就加载哪个模块。
使用过的基础组件有:
Anim :动画效果使用它。
Attribute :写自定义的工具类才有可能用这个,Widget写这个得使用才用。不是很了解。
Base,collection:没用过。
DD:添加拖拽事件时才用这个模块。
Dom:没有直接使用过。
Event:键盘事件,鼠标事件
Event-custom:不了解
Io:用于Ajax访问,文件上床等,主要是xml http request XML Data Reduced(很是不了解这个东西) 等。
Json:就是解析Json字符串。(到现在还没有用过,不过觉得应该不复杂)。
Node:节点基础组件,天天用。
Async-queue:没有使用过。
第三列就是Component Infrastructure(公共的基础设施组件)
我的理解就是最基础的一些工具包吧,也就是所有的组件都要用到的东西。
Attribute:每个组件里面都有以下几个部分:
Constructor:就是构造函数。在New这个对象时,就是调用这个方法。
Properties:就是它的一些属性,可以用 “.”访问,但是没有get set 方法,
Methods:就是这个组件提供的一些方法。
Events:应该就是他的一些自定义事件吧,可以用Y.on来监听他,也可以使用它的on 方法监听。
Configuration Attributes:就是他的一些参数,可以使用get 方法取得,可以使用set 方法设置它的值
Base :应该就是基础的工具,有很多属性就是直接从他继承而来,类似Java的Object类
Plugin:插件类,有的工具就支持插件式开发,比如,node 组件就支持Plugin
Widget :应该就是工具,具体没有使用过。就是在使用Overlay的时候,见过这个东西。不清楚,貌似很复杂。
Widgets:应该就是他写好的一些工具类,目前也就是三个,overlay,sider,TableView
Overlay:浮动层
Sider:滑块
TableView:表格布局(本人至今还未使用过)
Plugins:
两个Node节点的Plugin,和一个Console的Plugin,就是可以给Node节点增加插件,可以给Console增加插件。见识过,没有使用过
CSS RESOURCES:
没使用过这个模块。
分享到:
相关推荐
例如,可以使用YUI3的Template模块生成动态内容,通过CSS实现自定义的布局和样式。 ### 6. 示例代码 ```html <!-- HTML --> <button id="openBtn">Open Dialog ;"> <h3>Dialog Title <p>This is the dialog ...
总结,YUI 3.9.0 r2是一个强大的前端开发框架,它提供了一整套工具和组件,以应对复杂的界面设计挑战,并通过优化资源加载和管理,提升了Web应用的性能和用户体验。无论是初学者还是经验丰富的开发者,都能从中找到...
**YUI3简介** YUI(Yahoo! User Interface Library)是雅虎公司开发的一个开源JavaScript库,主要用于构建富互联网应用程序(RIA)。YUI3是YUI的第三个主要版本,它在设计时注重模块化、可扩展性和性能优化,提供了...
- **知识点**:虽然YUI3与YUI2在架构上有很大不同,但在某些情况下,仍然可以通过特定方式将YUI2部件加载到YUI3环境中使用。 - **应用场景**:适用于旧项目升级过程中,需要兼容YUI2部件的情况。 7. **加载本地...
总结来说,yuicompressor-2.4.8.jar是一款强大且易用的前端优化工具,它的出现极大地推动了Web性能优化的发展。无论是JavaScript还是CSS,都可以通过它实现高效的压缩,从而提升网页加载速度,优化用户体验。在Idea...
使用YUI Compressor非常简单,你可以通过命令行界面或集成到构建系统中。在命令行下,只需指定输入文件和输出文件,YUI Compressor就会自动处理压缩工作。对于开发者而言,它可以轻松集成到如Grunt、Gulp或Webpack等...
总结来说,YUI是一个强大的JavaScript库,它的强大功能和丰富的组件为开发者带来了极大的便利。通过研究YUI的源码和示例,开发者不仅可以学习到如何有效利用JavaScript和HTML创建互动丰富的Web应用,还能掌握一种...
总结来说,YUI 2.6.0r2是YUI库的重要里程碑,它提供的强大组件和工具集极大地推动了Web开发的进步。无论是初学者还是经验丰富的开发者,都可以从中受益,快速构建出功能丰富、响应迅速的Web应用程序。随着技术的不断...
总结,yuicompressor作为一款经典的前端资源压缩工具,因其高效、稳定和易用性,至今仍被广泛应用于各类Web项目。随着技术的发展,开发者在选择压缩工具时,也需要根据项目的具体需求和最新技术趋势进行考虑。
YUI 2.5.2是该库的一个特定版本,包含了源码和说明文档,对于学习和使用YUI具有很高的参考价值。 1. **YUI概述** YUI的核心理念是模块化和可定制性。它允许开发者按需选择所需的组件,减少页面加载时间,提高性能...
总结来说,YUI3沙盒下的多模块交互实践是一套复杂的前端开发策略,旨在通过模块化和沙盒模式优化代码结构,提高代码的复用性和可维护性,同时避免了全局作用域污染和其他模块间冲突的问题。这一策略不仅适用于大型...
总结,EXT作为YUI的重要扩展,为前端开发者提供了强大的UI设计工具和Ajax应用支持。通过深入理解和熟练掌握EXT,我们可以构建出具有丰富交互、高效性能的现代Web应用程序,提升用户的使用体验。在实际开发中,应根据...
总结来说,这个过程展示了如何通过批处理脚本自动化处理JavaScript和CSS文件,利用yuicompressor进行压缩,以及如何定制文件合并顺序以满足项目依赖,最终达到优化前端资源加载效率的目的。这对于大型项目尤其重要,...
总结来说,WebStorm和PhpStorm集成YUI Compressor是一项提升开发效率的重要操作,它能帮助开发者无缝地在开发环境中实现代码压缩,提高网站性能,同时也简化了工作流程。通过熟练掌握这一工具的配置和使用,你可以在...
总结来说,`yuicompressor`是一款强大的前端资源优化工具,能够帮助开发者提高网站性能,减少加载时间,同时也简化了优化过程。在实际工作中,结合合理的使用策略,可以显著提升项目质量和用户体验。
总结,YUI Compressor作为一款历史悠久的代码压缩工具,因其高效、灵活的特性,仍然在前端开发领域占有一席之地。了解并掌握其使用方法,对于优化项目性能、提升用户体验有着重要的作用。随着前端技术的不断演进,...
总结起来,YUI适合那些需要快速构建UI且对性能有较高要求的项目,而GWT则适合大型企业级应用,尤其是那些已有Java背景的团队。然而,随着前端技术的快速发展,如React、Vue和Angular等框架的崛起,开发者可能需要...
离线使用Yahoo YUI控件意味着你需要下载并部署YUI库到本地服务器或文件系统,这样在没有网络连接的情况下,项目依然可以正常运行。这通常通过下载YUI的压缩包完成,比如我们这里的"YUI"文件,其中包含了所有必要的...
总结来说,"基于java的JSCSS压缩工具 YUI Compressor.zip" 是一个用于优化前端资源的实用工具,通过压缩JavaScript和CSS代码,提高了网页加载速度,提升了用户体验。虽然现在已经有许多替代品,但YUI Compressor的...