YUI 3 学习笔记：component infrastructure

冷不防 2022-08-06 15:26 139阅读 0赞

[![yui-component-infrastructure-thumb.png][] ][yui-component-infrastructure-thumb.png_]

### pros ###

良好的封装和一致性，让我想起 Ext 的口号：A foundation you can build on.  
YUI 2 给我的感觉是工具集，YUI 3 则真的让我觉得是框架，有如 CakePHP 或是 Spring 曾经给我的感觉。  
YUI 3 搭好了建筑框架，约定好了如何放置砖瓦，我们只要按照建筑的轮廓和既定的约定去写代码即可。  
框架的感觉，一个真正框架的感觉。如此久远，又如此熟悉和亲切，如此水落花开。

### cons ###

框架，意味着有一套自己的“语法”和约定。  
YUI 2 的年代，我们能像写 JavaScript 一样写 JavaScript, 无需去记忆太多附加的约定。  
YUI 3 的组件架构，则期待我们能按照一套既定的约定去写代码。  
约定是种好习惯，但是否考虑了太多而丧失了简单？  
依旧是 JavaScript 代码，但又不是 JavaScript 代码了。  
保持简单是一种美，需要很大的勇气与坚持。  
易用，一致性，工业化，却是一种社会需求。  
一个框架，成则万人追捧，败则无人评说。一切需要时间去检验。

### bless ###

这是 YUI 3 源码学习笔记系列的最后一篇。  
剩下的 Utilities, Plugins, Extensions, Widgets ( 这是 YUI 3 的 4 种 Components )，等以后用到时，再去学习。

最后，祝 YUI 3 一路好运。

[yui-component-infrastructure-thumb.png]: http://lifesinger.org/blog/wp-content/uploads/2009/07/yui-component-infrastructure-thumb.png
[yui-component-infrastructure-thumb.png_]: http://lifesinger.org/blog/wp-content/uploads/2009/07/yui-component-infrastructure.png

发表评论取消回复

表情：

评论列表（有 0 条评论，139人围观）

还没有评论，来说两句吧...

相关阅读

相关 styled-components学习笔记

使用styled-components自定义一个样式组件时，切记：const的组件名字，首字母一定要大写，一定要大写！！！！！！！ ![20201022222345568.p

缺乏、安全感/ 2022年12月17日 07:23/ 0 赞/ 20 阅读

相关认识YUI

本文原出处：http://blog.csdn.net/alexpengster/archive/2007/03/08/1524531.aspx 這次要為你介紹一個開發 DH

╰+攻爆jí腚メ/ 2022年09月21日 05:56/ 0 赞/ 136 阅读

相关 Yui3使用指南一

1、开始使用 <script> // Create a YUI sandbox on your page. YUI().use('node'

àì夳堔傛蜴生んèń/ 2022年08月20日 13:23/ 0 赞/ 167 阅读

相关 yui3学习（-）简单介绍

YUI3强调代码重用，将功能做了级别划分和颗粒化的设计。在概念上抽象出核心、工具、和组件类，分别放在不同的目录结构中，需要的时候自行去引用。为动态加载的框架设计做铺垫。 YU

傷城~/ 2022年08月20日 13:23/ 0 赞/ 175 阅读

相关 YUI 3 学习笔记：dom

YUI Dom 模块的层次结构很清楚： ![yui-dom.png][] 展开的详细图：[yui-dom-full.png][] 一点心得 1. 很清晰的 s

亦凉/ 2022年08月06日 15:27/ 0 赞/ 173 阅读

相关 YUI 3 学习笔记：event

event 模块包括 event, event-custom, event-simulate 三部分，类图如下： [![yui-event-thumb.png][] ][y

Dear 丶/ 2022年08月06日 15:26/ 0 赞/ 24 阅读

相关 YUI 3 学习笔记：node

node 包括 7 个子模块： 1. node-base, node-style 和 node-screen 分别封装了 dom-base, dom-style, dom-

柔情只为你懂/ 2022年08月06日 15:26/ 0 赞/ 161 阅读

相关 YUI 3 学习笔记：component infrastructure

[![yui-component-infrastructure-thumb.png][] ][yui-component-infrastructure-thumb.png_]

冷不防/ 2022年08月06日 15:26/ 0 赞/ 140 阅读

相关 Unreal Engine 4：学习笔记（六）Component

Component用于构建Actor的行为，不同的Component具有不同的功能，常用的Component及它们的类继承的关系如下： UObject

逃离我推掉我的手/ 2022年05月17日 00:07/ 0 赞/ 319 阅读

相关 Angular6学习笔记3：修改Angular组件:app.component

Angular组件继学习笔记2后，启动应用。浏览器出现如下界面： ![70][] 这个是由一个名称是 “`AppComponent”` 的 Angular 组件控制

小灰灰/ 2022年05月09日 01:52/ 0 赞/ 302 阅读