• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师

package 
{
	import flash.events.TimerEvent;
	import flash.utils.Timer;
	
	import mx.core.UIComponent;
	
	public class Caret extends UIComponent
	{
		private static var DELAY:uint  = 700; //mileseconds  
		private static var PERIOD:uint  = 1000; //mileseconds
		private static var DELTA:uint = 20;
		private var startTime:Date;
		
		private var started:Boolean = false;		
		
		private var checkTimer:Timer = new Timer(1);
		override public function Caret()
		{
			super();
			createCaret();			
		}
		
		private function createCaret():void{
			draw();
			checkTimer.addEventListener(TimerEvent.TIMER,checkTimer_handler);		
			checkTimer.start();				
		}
			
		
		private function checkTimer_handler(event:TimerEvent):void{
			var date:Date = new Date();
			var elapsed:Number = (date.time-startTime.time)%PERIOD;
			trace(elapsed);
			if(elapsed>=(DELAY-DELTA) && elapsed<=DELAY){
				this.graphics.clear();
				trace("clear");
			}
			else if(elapsed>(PERIOD-DELTA) && elapsed<=PERIOD){
				draw();
			}
		}
		
		public function draw():void{		
			if(!started){
				this.startTime = new Date();
				started = true;
			}
			this.graphics.drawRect(10,30,2,20);			
			this.graphics.beginFill(0x000000);
			trace("draw");	
		}		
	}
}

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

      <mx:Metadata>
	       [Event(name="change", type="flash.events.Event")]
	       [DefaultTriggerEvent("change")]
      </mx:Metadata>

      private var previousTextFormat:TextFormat = null;

       ////////////////////////////////
       //overridden 
       ////////////////////////////////
       override protected function createChildren():void{
	         super.createChildren();
	         createTextField(-1);					
       }			
       

      private function createTextField(childIndex:int):void{
          if(textField)return;
	      
	  textField = IUITextField(createInFontContext(UITextField));
	  //textField.
	  textField.autoSize = TextFieldAutoSize.NONE;
	  textField.enabled = enabled;
	  textField.ignorePadding = true;
	  textField.multiline = true;
	  textField.selectable = true;
	  textField.styleName = this;
	  textField.tabEnabled = true;
	  textField.type = TextFieldType.INPUT;
	  textField.useRichTextClipboard = true;
	  textField.wordWrap = true;
	
	  textField.addEventListener(Event.CHANGE, textField_changeHandler);
	  textField.addEventListener(Event.SCROLL, textField_scrollHandler);
	  textField.addEventListener(TextEvent.TEXT_INPUT,
	                                       textField_textInputHandler);
	                                     
	            
	  if (childIndex == -1){
	       addChild(DisplayObject(textField));
	       //updateDisplayList();
	  }                
            
	}

public function setTextStyles(type:String, value:Object = null):void{
				var tf:TextFormat;

				var beginIndex:int = textField.selectionBeginIndex;
				var endIndex:int = textField.selectionEndIndex;
		
				if (beginIndex == endIndex)
				{
					tf = previousTextFormat;
				}
				else	
					tf = new TextFormat();
				
				if (type == "bold" || type == "italic" || type == "underline")
				{
					tf[type] = value;
				}
				else if (type == "align" || type == "bullet")
				{
					if (beginIndex == endIndex)
					{
						tf = new TextFormat();
					}
		
					// Apply the paragraph styles to the whole paragraph instead of just 
					// the selected text
					beginIndex = textField.getFirstCharInParagraph(beginIndex) - 1;
					beginIndex = Math.max(0, beginIndex);
					endIndex = textField.getFirstCharInParagraph(endIndex) +
						textField.getParagraphLength(endIndex) - 1;
					tf[type] = value;
					if(!previousTextFormat) 
						previousTextFormat = new TextFormat();
					previousTextFormat[type] = value;
					if (!endIndex)
						textField.defaultTextFormat = tf;
				}
				else if (type == "font")
				{
					tf[type] = fontFamilyCombo.text;
				}
				else if (type == "size")
				{
					var fontSize:uint = uint(fontSizeCombo.text);
					if (fontSize > 0)
						tf[type] = fontSize;
				}
				else if (type == "color")
				{
					tf[type] = uint(colorPicker.selectedColor);
				}
						
				if (beginIndex == endIndex)
				{
					previousTextFormat = tf;
				}
				else
				{
					textField.setTextFormat(tf,beginIndex,endIndex);
				}
		
				dispatchEvent(new Event("change"));
				
				var caretIndex:int = textField.caretIndex;
				var lineIndex:int =	textField.getLineIndexOfChar(caretIndex);
		
				textField.invalidateDisplayList();			
		
				callLater(textField.setFocus);
			}

			<mx:ControlBar width="100%" > 
				<mx:ToolBar id="toolbar" width="100%" horizontalGap="7">			
					<mx:ComboBox id="fontFamilyCombo" editable="true"
						creationComplete=""
						dataProvider = "{fontFamilyArray}"
						close="setTextStyles('font');"
						enter="setTextStyles('font');"/>		
					<mx:ComboBox id="fontSizeCombo" editable="true"
						paddingLeft="2" paddingRight="2"
						dataProvider = "{fontSizeArray}"
						close="setTextStyles('size');"
						enter="setTextStyles('size');"/>							 
					<mx:HBox id="toolBar2" horizontalGap="0">		
						<mx:Button id="boldButton" width="20" toggle="true"							
								   icon="@Embed('icon_style_bold.png')"
								   click="setTextStyles('bold', event.currentTarget.selected);" /> 						
						<mx:Button id="italicButton" width="20" toggle="true"
								   icon="@Embed('icon_style_italic.png')"
								   click="setTextStyles('italic', event.currentTarget.selected);" /> 						
						<mx:Button id="underlineButton" width="20" toggle="true"
								   icon="@Embed('icon_style_underline.png')"
								   click="setTextStyles('underline', event.currentTarget.selected);" />		
					</mx:HBox>				
					<mx:ColorPicker id="colorPicker" width="22" height="22"
								close="setTextStyles('color');"/>		
					<mx:VRule height="{alignButtons.height}"/>		
					<mx:ToggleButtonBar id="alignButtons" buttonWidth="20"
									itemClick="setTextStyles('align', ToggleButtonBar(event.currentTarget).dataProvider.getItemAt(ToggleButtonBar(event.currentTarget).selectedIndex).action); " >
						<mx:dataProvider>
							<mx:Array> 
								<mx:Object icon="@Embed('icon_align_left.png')" action="left"/>
								<mx:Object icon="@Embed('icon_align_center.png')" action="center"/>
								<mx:Object icon="@Embed('icon_align_right.png')" action="right"/>
								<mx:Object icon="@Embed('icon_align_justify.png')" action="justify"/>
							</mx:Array>
						</mx:dataProvider>
					</mx:ToggleButtonBar>
					<mx:Button id="bulletButton" width="20" toggle="true"
						   icon="@Embed('icon_bullet.png')"
						   click="setTextStyles('bullet', event.currentTarget.selected);" />					 				
				</mx:ToolBar>
			</mx:ControlBar> 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:NewEditor="*">
	<mx:Style>
		Panel {
           borderAlpha: 1;
           borderThicknessLeft: 0;
           borderThicknessTop: 0;
           borderThicknessBottom: 0;
           borderThicknessRight: 0;
           roundedBottomCorners: true;
           headerHeight: 23;
           highlightAlphas: 0, 0.12;
           headerColors: #4e84df, #0f6cc3;
           footerColors: #efaa15, #e6780c;
           titleStyleName: "mypanelTitle";
        }
        .mypanelTitle {
           color: #ffffff;
           fontSize: 12;
           fontWeight:bold;
        }
        ControlBar {
            paddingTop:2px;
            paddingBottom:2px;
            height:15px;
        }
	</mx:Style>
	<NewEditor:NewEditor title="Text Editor" height="50%" />		
</mx:Application>

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师

Cypal Studio for GWT 其实就是Googlipse（http://www.googlipse.com），但Googlipse已经不再更新。该项目作者创建了一个新产品来替代Googlipse，这就是Cypal Studio for GWT。从下面的配置过程大家也可以看到二者基本一致。

二）环境配置及示例

  1.Eclipse 3.2 + WTP1.5

  2.GWT，从http://code.google.com/webtoolkit/download.html下载并解压缩至D:/gwt-windows-1.4.10目录

  3.Cypal Studio for GWT，从http://www.cypal.in/studio 下载并解压缩至Eclipse目录

     4.运行Eclipse，打开Window-> Preferences->Cypal Studio，设置GWT Home（步骤2)

  5.创建Dynamic Web Project，在configurations选项选中Default Cypal Studio Project

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师

Prototype框架提供了基于JavaScript语言的面向对象风格的AJAX库，使编写动态WEB程序成为可能。基于Prototype的Scriptaculous的流行就是一个很好的证明。

Prototype封装了Form、Element和Event，并为Form提供了Observer模式以便于进行事件管理和减少依赖。

问题：

Prototype设计了两种Observer，一种基于Timeout，一种基于事件。但无法支持普通对象级别的Observer。例如在调用A对象的X 方法之后触发B对象的Y方法。本文将尝试一种在对象级别实现Observer的方式。

Observer模式实现在“被观察者”的行为发生变化时，向多个对象（观察者）发生消息（并由该对象完成Update操作）。面向对象语言借助Interface实现Observer模式。如Java中的java.util.Observable相当于Subject（被观察者），而java.util.Observer接口的实现者（观察者）完成Update操作。

上述方式对于降低类之间依赖不错。但是我们必须从特定的类继承或实现特定的接口。Observer消息触发方式导致问题也需要考虑。详见：http://www.microsoft.com/china/MSDN/library/architecture/patterns/esp/DesObserver.mspx?mfr=true

当然，我们可以在JavaScript中按照上述结构实现Observer会导致更多问题，例如如何实现接口编程？即使这个问题很容易解决，无论从理解和使用上这种模式都不太方便、不够直接。

设计：

再次聚焦Observer模式并观察它的核心，会发现如何实现消息触发是关键。一旦ConcreteSubject对象拥有ConcreteObserver的引用，在消息触发时就可以直接调用后者的Update方法。

代码执行顺序：

在concreteSubject的对象内部：

if(this.stateChanged())

     concreteObservers.update(this,args);

再看我的问题：在调用A对象X方法之后调用B对象的Y方法。

在A对象内部：

this.X();

B.Y();

动态语言特性支持在Runtime时刻改变对象（数据和行为）。考虑引入对象Observer及方法register。用户期望A对象的X方法调用后触发B对象Y方法时，将A对象、X方法名称和期望的动作（B.Y）传入register方法，然后在该方法中改写X的行为。

       A. _$_X = A.X;

       A.X = {this._$_X(); B.Y();}

同时增加unregister方法设法恢复A对象的行为（X方法）。

 
代码：   

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

 熟悉Flex 的开发者都知道，在Flex中不能直接访问数据库，而是采用HTTPService/WebService/RemoteObject等方式实现。asSQL的出现多少让大家感到意外（抛开这两种方式的优劣不提），也可见它的威力。

1. 简介

大型软件系统都采取了分层设计的原则，将其分为大致表现（UI）、业务逻辑以及EIS三部分。在Java语言，直接与数据库打交道曾是家常便饭。Hibernate等O/R Mapping工具流行，直接使用JDBC编程变得少见了，但有时这种方式更加简便、速度更快。

ActionScript用于在Flash实现动画设计，访问数据库自然不是它的强项，甚至大家都觉得没有必要。asSQL的出现使许多Flash的开发 者感到惊喜（也许在Java开发人员看来这实在算不了什么）。asSQL现在是alpha版本，还很稚嫩有一些问题。但基本工作正常。

2. asSQL驱动

a）Connection

asSQL也提供了类似Java语言的Connection，确切的说asSQL中的Connection是类，而Java的Connectio是接口。 Connection负责与mySQL Server通讯（通过socket建立连接，握手，接收/发送数据包），并按照mySQL协议解析、加密数据包（此处略去协议处理细节，感兴趣的请访问 http://www.redferni.uklinux.net/mysql/MySQL-Protocol.html）。

b）MysqlService

虽然Connection是asSQL的核心对象，但与客户打交道仅有一个UI组件MysqlService。该组件需要用户输入host，port， database等信息，在内部创建Connection，这避免了用户直接操作Connection可能引发的错误。 

 将操作结果保存到lastResult中，因此它可作为数据源（data provider）供其它组件（如DataGrid）使用，如下所示：  

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

FlexPetStore通过RemoteObject技术访问JPetStoreFacade业务对象（引入一个FacadeAccessor对象），因此使用了Flex Data Service 2.0。

大致流程:

Flex (ActionScript )<--> AMF协议(AMF协议编码)<-->(解码)<-->FacadeAccessor (Java) <--> PetStoreFacade (Java)<--> ...

看了一下 FDS 2.0 提供的几个应用WAR，发现只要按照Flex的部署思路，在现有WAR基础上适当修改就可以集成Flex和Spring。首先需要把flex.war该名为flexpetstore.war，现在按照一下介绍逐步修改。

Spring集成

1. 加入Lib库。把spring.jar和jpetsotre.jar放到 flexpetstore\WEB-INF\lib下，这是运行Spring和JPetstore的必备包。
2. 修改flexpetstore.war的web.xml，经过一番对比和试验找到两个段落需要修改。
   a. 添加web应用根目录和Spring应用上下文以及数据访问资源配置。
   b. 添加Remoting、web service。struts部分极有可能多余，因为没有action来Request。有待测试。
   c. 修改welcome-file-list，FlexPetStore.html是FlexPetStore项目名称