YUI3 使用总结

YUI3 使用总结1. YUI3总体认识1.1 面向对象的JS编程,RIA工具:面向对象的JS编程,主要体现的以下几个方面:1. 继承JS有三种继承方式:javascript中继承一般分为三种方式:”类式继承”,”原型继承”,”掺元类”2. 封装:JS的Function自身就实现了对变量的封装,局部变量等。Object对性的属性也可以实现一定的封装效果3. 接口和抽象类YUI3…

大家好,又见面了,我是你们的朋友全栈君。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:

没使用过这个模块。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/157952.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 渲染杂谈:early-z、z-culling、hi-z、z-perpass到底是什么?

    渲染杂谈:early-z、z-culling、hi-z、z-perpass到底是什么?渲染杂谈 early z z culling hi z z perpass 到底是什么 之前一直被这几个和深度缓存 z buffer 相关的概念搞得神魂颠倒 今天在翻阅 Real TimeRenderin 时碰巧碰巧看到了这部分的讲解 硬着头皮看了看 姑且算是讲几个概念分清楚了 以我的记性估计下周就全忘了 所以打算顺手记下来 这四种技术本质上都是解决传统渲染管线中的同一个问题 过度绘制 OverDraw 一个经典的渲染管线通常会依次经历顶点阶段 光栅化 片元阶段和逐像素处理 其中片元阶段会进

    2025年10月20日
    2
  • 狂神说Linux_狂神说博客园

    狂神说Linux_狂神说博客园Linux在服务器端,很多大型项目都是部署在Linux服务器上利用VM + Centos7搭建本地Linux系统你可以使用 man [命令]来查看各个命令的使用文档,如 :man cp。概念云服务器就是一个远程电脑Linux中一切皆文件根目录/,所有的文件都挂载在这个节点下/bin:bin是Binary的缩写, 这个目录存放着最经常使用的命令。/boot: 这里存放的是启动Linux时使用的一些核心文件,包括一些连接文件以及镜像文件。/dev : dev是Device(设备

    2022年8月9日
    11
  • struts2标签具体解释

    struts2标签具体解释

    2021年12月15日
    41
  • YDOOK: ASCII码表:完整的 ASCII码表 ASCII码官方全收录

    YDOOK: ASCII码表:完整的 ASCII码表 ASCII码官方全收录YDOOK:ASCII码表:完整的ASCII码表ASCII码官方全收录ASCii打印字符对照表DEC OCTHEX BIN 缩写/符号 HTML实体 符号描述0 000 00 00000000 NUL &#+000; Nullchar(空字符)1 001 01 00000001 SOH &#+001; StartofHeading(标题开始)2 002 02 00000010 STX &#+002; StartofText(正文开始)3 003

    2022年6月6日
    1.6K
  • linux安装jdk环境(多种方式)

    linux安装jdk环境(多种方式)linux系统通用安装通过tar.gz压缩包安装此方法适用于绝大部分的linux系统1、先下载tar.gz的压缩包,这里使用官网下载。进入:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html勾选接受许可协议后选择对应的压缩包,下载完成后上传的linux…

    2025年7月9日
    3
  • armv6、armv7、armv7s、arm64 与开发静态库(.a)

    armv6、armv7、armv7s、arm64 与开发静态库(.a)声明:本帖系列均为在转载和摘抄的基础上进行补充。若转载请备注原文出处。/** 第一部分 初步认识*/ARM是微处理器行业的一家知名企业,arm处理器以体积小和高性能的优势在嵌入式设备中广泛使用,它的性能在同等功耗产品中也很出色,几乎所有手机都是使用它的。Armv6、armv7、armv7s、arm64都是arm处理器的指令集,所有指令集原则上都是向下兼容

    2022年6月29日
    63

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号