http://www.ibm.com/developerworks/cn/linux/l-tip-vim1/

Vim 实用技术，第 2 部分: 常用插件

http://www.ibm.com/developerworks/cn/linux/l-tip-vim2/

Vim 实用技术，第 3 部分: 定制 Vim

http://www.ibm.com/developerworks/cn/linux/l-tip-vim3/

vim常用命令

http://www.phpchina.com/html/54/26354-15460.html

vim参考手册

http://vcd.gro.clinux.org/

相关日志

• css布局 (0)
• FLEX作品–地图控件 (0)
• flex 入门教程 (0)
• 学java挺累的 (0)
• 我的第一个FLEX作品 (5)
• FLEX 学习资料汇总 (0)

相关日志

• FLEX中嵌入html代码 (1)
• FLEX例子之box(定位盒子) (2)
• FLEX例子之OLAP数据表(OLAPDataGrid) (0)
• flex 入门教程 (0)
• FLEX例子之颜色拾取器(ColorPicker) (0)
• FLEX 学习资料汇总 (0)
• 我的第一个FLEX作品 (5)
• FLEX例子之高级数据表(AdvancedDataGrid) (0)
• FLEX 4 Api (0)
• FLEX例子 – Canvas(画布) (1)

这个虽然是个教程,但是我觉得这样比直接发代码来的好

相关日志

• flex登陆框实例 (3)
• 说说最近的事 (1)
• tourdeflex – 好久没有学习了 (2)
• FLEX例子 – DividedBox(分割盒子) (0)
• FLEX例子之数字调节器(NumericStepper) (0)
• FLEX例子之横向列表(HorizontalList) (0)
• vim编辑器使用教程 (2)
• FLEX例子之应用程序控制条(ApplicationControlBar) (1)
• 在flex中应用css样式详解 (0)
• flex 入门教程 (0)

推荐大家来看看。

纳米盘下载：http://www.namipan.com/d/30cad358cbf8ff59dd66dc1ed130f7fc77745dd200db0f00

相关日志

• Zen Coding: 快速的编写你的CSS/HTML (0)
• 在flex中应用css样式详解 (0)
• 全新安装KingCMS (1)
• 国外免费的CSS样式和模板下载 (13)
• FLEX 学习资料汇总 (0)
• CSS禅意花园中文版PDF电子书下载 (17)
• Dreamweaver CS4中使用CSS3属性提示 (1)
• 网页通过w3c验证 (2)
• 使用CSS验证服务出现未知错误 (0)
• css 3.0 中文手册API (3)

我是根据蓝色理想的一个新手教程来制作的，可无奈它代码有错误，可苦了我这样的新手了。

原来的代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" >
	<!-- data model -->
	<mx:Array id="coffeeArray">
		<mx:Object>
			<label>Red Sea</label>
			<data>Smooth and fragrant</data>
		</mx:Object>
		<mx:Object>
			<label>Andes</label>
			<data>Rich and pungent</data>
		</mx:Object>
		<mx:Object>
			<label>Blue Mountain</label>
			<data>Delicate and refined</data>
		</mx:Object>
	</mx:Array>
	<mx:Script>
		<![CDATA[
			function addToCart():Void
			{
				cart.addItem(coffeeCombo.selectedItem.label,coffeeCombo.selectedItem.data);
			}
		]]>
	</mx:Script>
	<!-- view -->
	<mx:Panel title="My First Flex App">
		<mx:Label text="Coffee Blends"/>
		<mx:ComboBox id="coffeeCombo" dataProvider="{coffeeArray}"/>
		<mx:Text text="Description: {coffeeCombo.selectedItem.data}"/>
		<mx:Button label="Add to Cart" click="addToCart()"/>
		<mx:List id="cart"/>
	</mx:Panel>
</mx:Application>

我修改后的可执行的代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Script>
		<![CDATA[
 
		public	function addToCart():void
			{
 
				if(cart.dataProvider==null)
				{
					cart.dataProvider=new Array();
				}
				cart.dataProvider.addItem(coffeeCombo.selectedItem.label);
			}
		]]>
	</mx:Script>
	<!-- view -->
	<mx:Panel title="My First Flex App" x="10" y="10">
		<mx:Label text="Coffee Blends"/>
		<mx:ComboBox id="coffeeCombo">
		<mx:dataProvider>
			<mx:Array>
                    <mx:Object label="ComboBox1" data="1" />
                    <mx:Object label="ComboBox2" data="2" />
                    <mx:Object label="ComboBox3" data="3" />
                </mx:Array>
		</mx:dataProvider>
		</mx:ComboBox>
		<mx:Text text="Description:{coffeeCombo.selectedItem.data}"/>
		<mx:Button label="Add to Cart" click="addToCart()"/>
		<mx:List id="cart"/>
	</mx:Panel>
</mx:Application>

其中最关键的步骤解决是向新认识的朋友菜虫来询问的。

相关日志

• FLEX例子之多项选择按钮(checkBox) (1)
• flex-for循环语句 (0)
• FLEX例子之OLAP数据表(OLAPDataGrid) (0)
• vim编辑器使用教程 (2)
• FLEX例子之List(列表) (0)
• FLEX例子之数字调节器(NumericStepper) (0)
• FLEX例子之树形菜单(Tree) (2)
• 學長幫我修電腦,诺顿够创意 (1)
• css布局 (0)
• FLEX例子 – SWFloader(SWF加载器) (0)

＊Actionscript 该学的重点

从最底层看起，最下面的 actionscript 3是一切的基础，它是 flash/flex 编程使用的唯一程式语言，因此任何人想学好 flex 第一件事绝对是先摸熟 actionscript 这个语言，包含：
它的基本语法与结构(array, hash, loop, if else…)
DisplayList (DisplayObject, DisplayObjectContainer)与 Event system(bubbling, propagating…)
Sound, Video, NetConnection 与 Graphics class
掌握 as3 的精华后，接下来就可以进入 flex framework。

＊Flex framework 的重点

基本上 flex framework 就是用 actionscript 写成的框架，因此也可以把它看成是 as3的最好示范，看着 framework source 学 actionscript 也是挺不错的，只是路会变很长。
Flex Framework 整个体系非常博大精深，通常一般人不太可能完整把它学完，只需要针对最常用到的部份熟悉就好，图中列出的那三块(component, managers, style/skin)就是我个人认为所有初学者最优先该学会的。

＊Component 该学些什么

Component 是整个 flex framework 的基础，几乎80% 的元素都是由 UIComponent 继承而来，例如最根本的它本身就是一个 UIComponent，因此，熟悉 component 就成为学好 flex framework 最根本也最重要的基本功
Flex 内建了 二十几个 UI controls, 例如 Button, DataGrid, HBox等，以种类来分，这些 components 可以概分为三大类：
Controls: Button, DateChooser, Slider…
Containers: Box, DividedBox, Panel…
List: DataGrid, Tree, TileList…
初学者第一步至少该学会怎么用这些元件，了解每个元件的 properties, events, styles, effects…，知道怎么在手册里查它的 API 文件，以及何时该用何种元件。
进一步，则是学会怎么修改这些元件，例如继承一个 Button 下来加上不同的功能，或是写不同的 skin border 来改变它的外观。
再进一步，则是开始研究元件的生命周期，了解每个元件是何时初始化，元件内部有那些关键指令与它们个别的功能，然后可以试着建立自已的 custom component。
这一关看起来容易但实际上最困难，因为 flex 的 component framework 写的非常庞大，虽然乱中有序但要在混沌中看出隐藏的架构然后抓住重点整串提起，就非得有人带着指引正确的途径才比较可能完成。
＊manager 是什么

图中最上方的第二块就是 manager。
flex 里有很多的 managers，负责做各种不同的工作(废话…)，几个比较重要的包含：
SystemManager:
它是每个 flex 程序的根源，最先被下载，也最早启动，由它进行一连串的 app boot流程
StyleManager:
它负责整支app 的 css style 套用与 skin 生成，如果想玩动态 css 载换也靠它
DragManager:
Flex最大的卖点就是 drag and drop（拖放），这个 manager 就是背后的英雄，初学者至少要学会怎么处理 drag 行为的五个事件，以及如何在不同元件间做拖放；进阶的玩家则应该深入研究这支 manager 是怎么写成的，详细阅读它的 source 会得到意想不到的无穷乐趣(如果你读完却没有这种感觉，呃，那代表你该再多读几次，如果还是没有，那请私下联络我
此信息来自〖闪无忧〗

ModuleManager:

使用 Flex 开发大型应用程式时，往往会将程式切割成许多小的 module, 这个 manager 就是负责载入并管理所有的 module (包含它的 class partition)，初心者或许用不到，但有志深入的玩家一定要很熟。
CursorManager:
这个用到的时机不是很多，但偶尔要换一下 cursor 时还是会用到，初学者至少要知道怎么用指定的图案去换掉系统cursor。

＊Style/Skin 的重点

CSS style 与 skinning 是 Flex 最大的卖点之一，也是开发过程中较为麻烦也最耗时的部份。
初学者应该要彻底了解如何使用 CSS style 来打点一支 flex app 的外观，换颜色、素材，使用外部 assets 修饰介面。
中阶玩家则应该了解 skinning 的系统，包含 programmatic skinning 与 graphical skin，它们俩的差别？使用时机？如何客制化（zrong注1）？
更高阶的玩家则应该熟悉整个 Styling system 的运作模式，外加如何动态载入 css 在 runtime 换掉整个介面。
简而言之，flex app 写的好不好，外行人其实看不太出来，但一支 app UI 美不美则是一翻两瞪眼，比较漂亮的那就先加十分
(当然，有一种情况是刻意用心去美化了介面结果弄巧成拙搞的怨声载道人人喊打，但那种比较不多见，也不是每家公司都会搞到这步田地，就先不讨论)

＊学完基本功后下一步

在我的标准里，当一个 developer 对上图内每一块都有中等程度的了解后，就算是完成 flex 养成教育，可以迈向下一个阶段。
也就是开始熟悉 application 的制作手法，这包含
了解至少一种以上的开发框架，例如 Cairngorm，老实说我对这个框架没什么好感(因为手法太复杂，只适合超复杂登月计画或火星探勘时使用)，但它结构设计良好，又是业界公认的圣杯，等于是专家们共通的语言，因此至少要先了解它在做什么，将来在专业场合才好沟通(俗话说 know the rules so you know what you are breaking, 就是指这情况)
接着可以看看比较简单的手法，像 Riawave, Model-Glue:Flex, PureMVC…等，基本上这些框架设计方式都大同小异，每个都有不同的应用场合，可以挑一个喜欢的再自行修改。
了解基本的概念，例如 Value Object, DAO, MVC 等，它们在大部份的程式框架里都会出现，早点学会日子比较轻松。
接着就是开始实际 coding，写一个中小型规模的app，不论是单纯的 CRUD (zrong注2)程序，或是留言版、电话簿、进销存管理都可以，籍由多写来强化编程的概念，然后透过大量的 peer code review 来找出可改进的地方。

＊结论

结论还是老话一句：要入门 flex 超级简单，只要不是白痴应该一小时就行，但要成为可独当一面的专业开发者，路就很长，如果没有走对方向很容易就迷失甚至最后放弃。
换句话说，要能成为职场上真正需要的 professional developer，并不如表面上想象的容易(其实我想每种技术领域跟产业都一样吧)，这也是我过去半年来协助很多公司做 recruiting 后的感想。

相关日志

• FLEX例子之单项选择按钮(RadioButton) (2)
• FLEX例子之弹出提示窗口(Alert) (0)
• FLEX面试题 (1)
• 在flex中应用css样式详解 (0)
• FLEX例子之按钮(Button) (1)
• css布局 (0)
• KingCMS管理界面 (0)
• FLEX例子之颜色拾取器(ColorPicker) (0)
• FLEX例子之Accordion(折叠式面板) (0)
• FLEX例子之数据表(DataGrid) (0)

今天把收藏夹共享出来，希望对学习Flex的人有所帮助。

一、国外站点

我新加的一个：http://www.5uflash.com/Flex-AIR/

1.资源类

Adobe Flex 2 Component Explorer： 官方的，展示了各种组件的用法，入门必看。

CFlex：很好的一个Flex资源站点，包括教程，新闻，资源站点…… 只是页面有点杂乱，大家一般看右边那一栏就行了。

FlexBox：一个收集了网上很多开源组件的站点，是进阶学习的好帮手。

FlexLib：也是一个开源Flex组件站点，不过与FlexBox不同的是，这个是原创，而FlexBox只是收集。

Flex Developer Center：Adobe Flex开发者中心，经常会有一些好的教程出现。

Adobe Labs：这个不用我说了吧。

Flex.org：http://www.flex.org/ 官方的，基本上应有尽有。

2. Explorers

Flex 2 Style Explorer：用来设计程序样式风格的工具，很好用，现在源代码已经可以下载。

Flex 2 Primitive Explorer：用来调节各种Primitive图形的组件，非官方的，源代码提供下载。

Flex 2 Filter Explorer：用来调节各种滤镜（filter），非官方的，源代码提供下载。

3. Blogs

MXNA：这个不用我说了吧，虽说这不是一个Blog，但是它聚合了所有优秀的Blog，所以把它放在Blog一栏，下面所有的Blog都在这个聚合中。

Alex Uhlmann：http://weblogs.macromedia.com/auhlmann/

Christophe Coenraets：http://coenraets.org/ 特别推荐

Code Slinger：http://blogs.digitalprimates.net/codeSlinger/

Deitte：http://www.deitte.com/

Doug mccune：http://dougmccune.com/blog/ 特别推荐

Flex Doc Team：http://blogs.adobe.com/flexdoc/

Kuwamoto：http://kuwamoto.org/ 特别推荐

Macromedia Consulting：http://weblogs.macromedia.com/mc/

Matt Chotin：http://weblogs.macromedia.com/mchotin/ 特别推荐

Peter Ent：http://weblogs.macromedia.com/pent/ 特别推荐

Quietly Scheming：http://www.quietlyscheming.com/blog/ 特别推荐

ScaleNine Blog：http://www.scalenine.com/blog/index.php 特别推荐

Steven Webster：http://weblogs.macromedia.com/swebster/

EverythingFlex：http://blog.everythingflex.com/ 特别推荐

Alex’s Flex Closet：http://blogs.adobe.com/aharui/ 特别推荐

4. 邮件列表

FlexCoders：http://tech.groups.yahoo.com/group/flexcoders/

Flex Components：http://www.adobe.com/go/flexcomponents 非高级开发者最好别加入

上面是两个比较有名的邮件列表，建议大家提问之前先搜索一下邮件存档，一般都能找到答案，找不到再提问。更多邮件列表请看这里：http://flex.org/community/

5.Cairngorm 相关

Cairngorm Documentation Group 这个里面收集了基本上所有关于Cairngorm的资料

二、国内站点

1.论坛

RIACHINA：前身是RIACN，国内最好的Flex论坛之一。我最初知道Flex从这里开始，对这个站挺有感情，饮水思源，把它排第一。

AnyFlex：国内最好的Flex论坛之一，成立的时间比较早，而且论坛FTP中有很多好的资料。

RIADev：Google网上论坛，d.CAT前辈主持的，一般小问题都能解决。

FlexCoders.cn：刚起步的论坛，不过看域名觉得挺有前途，呵呵。

earthplayer.com

2.Blogs

Dreamer’s Blog：就是本站。我翻译了国外Flex Blog上的大量优秀文章，自认为是国内中文资料最多的站点之一。

Y.X.Shawn：对Flex研究很深入，自己写一些开源的组件。

d.CAT：高级开发者，台湾的，为数不多的华语高级开发者，他还做过一个类似Caringorm的架构。

Kenshin：很早就开始研究Flex了，自己开发过很多东西。

我加的：http://blog.minidx.com/

http://www.uncool.cn/blogs/

中文blog聚合:http://rxna.cn/

http://www.cssflex.com/

3.Cairngorm

没有。

友情提示：上面这些站点中，资源类的更新不快，不用天天看；Blog和MXNA值得天天看，当然您也可以关注本站，因为我会把MXNA上的关于Flex的内容整理过来；有问题请先去邮件列表或者论坛中搜索，基本上都能搜索到。

相关日志

• 学java挺累的 (0)
• Flex BugQuash (0)
• vim编辑器使用教程 (2)
• FLEX例子之日期弹出选择框(DateField) (2)
• 我的第一个FLEX作品 (5)
• FLEX例子之按钮(Button) (1)
• FLEX中嵌入html代码 (1)
• TourDeFlex又更新了 (2)
• FLEX例子之链接切换条(LinkBar) (0)
• FLEX例子之高级数据表(AdvancedDataGrid) (0)