var myBtn:Button=new Button()
myBtn.addEventListener(MouseEvent.CLICK,someThingToDo);
myBtn=new Button()
myBtn.addEventListener(MouseEvent.CLICK,doAnothingThing);
myBtn=null;
myBtnButton=new Button();
public interface IObserver{
public abstract void success(Object data);
public abstrcat void fail(String msg);
public abstract void exception(String msg)
}
public class MyObserver implements IObserver{
@override
public abstract void success(Object data){
...
};
@override
public abstrcat void fail(String msg){
...
};
@override
public abstract void exception(String msg){
...
}
}
public class myApp{
....
public void run(int status,IObserver observer){
.....
if(status==1){
observer.success(data)
}else if(status==2){
observer.fail()
}else{
observer.exception("exception");
}
};
}
1.當embed tag沒有設定wmode
預設值為Window
如果去偵測wmode值
在FF與Chrome測到$("embed").attr("wmode")＝false
在IE則會得到$("embed").attr("wmode")='window'
2.設定wmode='opaque'
才能讓swf所在的div可以依照HTML上做z-index排列,
需設定
embed tag attribute wmode='opaque'
$("embed").each(function(i) {
embedTag = $(this).attr("outerHTML");
if ((embedTag != null) && (embedTag.length > 0)) {
if (!$(this).attr('wmode') 11 $(this).attr('wmode')=="Window"){
embedTag = embedTag.replace(">"," wmode='opaque'>");
$(this).attr("outerHTML", embedTag);
}
}
});
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<ImageView android:id="@+id/item_img"
android:layout_width="60dp"
android:layout_height="60dp"/>
<TextView
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:id="@+id/item_title" />
</LinearLayout>
public MyAdapter(Context context,String[] title,String[] img){
inflater = LayoutInflater.from(context);
item_title=title;
item_img=img;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
//--將item xml轉成view物件,並取得item內各項元件的view
convertView = inflater.inflate(R.layout.list_item,null);
TextView title_view=(TextView)convertView.findViewById(R.id.item_title);
title_view.setText(item_title[position].toString());
ImageView img_view=(ImageView)convertView.findViewById(R.id.item_img);
Drawable drawable = LoadImageFromWeb(item_img[position]);
img_view.setImageDrawable(drawable);
return convertView;
}
public class PushActivity extends ListActivity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//---set List View----
ListView lv=getListView();
LayoutInflater inflater=(LayoutInflater)getSystemService(LAYOUT_INFLATER_SERVICE);
//--Add Data--------------------
String[] songData=getResources().getStringArray(R.array.songdata_holder);
String[] songImg=getResources().getStringArray(R.array.songimg_holder);
MyAdapter adapter = new MyAdapter(this,songData,songImg);
setListAdapter(adapter);
}
}
| 作業系統 | Browser | WebSocket |
| Windows 7 | Chrome11 | true |
| FireFox4.01 | false | |
| IE9 | false | |
| Safari 5.05 | true | |
| Ubuntu11 | Chrome11 | true |
| FireFox4.01 | false | |
| IOS4.2 | true | |
| Android2.3 | true |
作業系統 | Browser | multi source | ogg | mp3 | html5(m3u8) | m3u8 |
| Windows 7 | Chrome 11.0 | true | true | true | false | false |
| Firefox 4.01 | true | true | false | false | false | |
| IE9.0 | true | false | true | false | false | |
| Safari 5.05 | true | false | true | false | false | |
| Ubuntu | Chrome 11.0 | true | true | false | false | false |
| Firefox 4.01 | true | true | false | false | false | |
| Mac 10.6.7 | Safari 5.04 | true | false | true | false | false |
| Android2.2 | 版本2.2 | false | false | false | false | false |
| Android2.3 | 版本2.3.3 | true | true | true | false | false |
| Android3.0 | 版本3.0 | true | true | true | false | false |
| Iphone4.0 | true | false | true | true | true |
使用json物件或一般物件
var arrayObj=[
{},{},{},{}
]
var dataObj={
"prop1":"xx","prop2":"xx2",..
}
當資料為Array就會反覆的將Array內物件反覆的套用tmpl
若當資料為一個物件，則會當成只有一個物件的Array，
只會套用tmpl一次
$("#樣板id").tmpl(要帶入的資料)
例
var data=[{"myname":"test1"},{"myname":"test2"}];
$("#my_tmpl_1").tmpl(data);
資料來源分為兩個部份，一個是載入的資料，一種是自訂的變數
當透過tmpl帶入資料時同時可自訂變數
1.帶入資料並自訂變數與method
$("#my_tmpl_1").tmpl(data,{
getResult: function () {
return "xxx";
},
title: "my title"
});
2.取得由帶入資料取得的內容
1.${變數名稱}
2.透過tmplItem取得
${$item.data.變數名稱}
($item.data代表著整個tmplItem內的資料)
3.取得由自訂變數來取得的內容
都需要透過$item來取得
${$item.變數名稱}
呼叫執行自訂的method
${$item.methodName(param)}
4.在tmpl內在任何地方要參考到傳進來的資料都可用
${$data.變數名稱}來取得
若是在{{if}}內或是{{each}}內要用到要用到
則用$data.變數名稱即可
例 {{if $data.author=="ozzyqq"}}
5.對帶入的資料變數加入固定字串
例
<li><a href="#" id=${"submenu_"+id}>${title}</a></li>
不可用 id="submenu_"+${id}
6.將自訂屬性資料加入tmpl內
<div class="greenbar">${title+"-"+$item.nowIndex}</div>
當頁面上的DOM物件是由tmpl所產生的，則可透過這些dom物件
取得tmplItem，做更多的應用
1.取得tmplItme
透過$(dom物件).tmplItem()取得tmplItem
注意，該DOm物件一定必需要是透過tmpl所產生的才有效
2.取得tmplItem的dom物件
tmplItem.nodes
3.取得tmplItme的資料
tmplItem.data
4.加入或修改變數
也可對套用的資料做修改或額外新增變數進去
例 $.tmplItem(this).data.newVar=xxx;
4.更新
只要改變tmplItem.data值再執行
tmplItem.update();
畫面就自動更新成新的值顯示的頁面
在樣板外，是透過$(dom物件).tmplItem()
來取得tmplItem的參考
而在樣板內則是以$item參考到tmplItem
{{if 變數名稱}}
{{if this.變數名稱}}
Example:比對外部值
{{each items}}
<option value=${id} {{if id==$('#folder02Select').val()}} selected='selected'{{/if}}>
${title}
</option>
{{/each}}
通常在tmpl內使用${變數名稱}所取得的值會經過編碼
若要取得的值不經過編碼則要用{{html 變數名稱}}
在樣板內，將array型的變數資料丟給each處理，可以
將array內每筆資料都再撈出來處理
在each內，
$index代表該筆資料的index....用${$index}顯示
$value代表該筆資料的內容...用$($value.變數名稱)來取得該筆資料內的變數值
例:
{{each 變數名稱}}
<li>${$index}+"__"+${$value.資料內的變數名稱}}</li>
{{/each}}
若不同層有相同的prop name可用this來區分
{{each items}}
<div class="btn_bg">
<div class="first">${title}
{{if this.items}}
<ul class="link">
{{each items}}
<li><a href="#">${title}</a></li>
{{/each}}
</ul>
{{/if}}
</div>
</div>
{{/each}}
{{tmpl(資料變數名稱) "#樣板id名稱"}}
1.將jQuery物件轉成準備套tmpl的tmplItem
selectedItem = $.tmplItem(jQuery物件);
2.指定tmplItem要使用的tmpl
selectedItem.tmpl = detailTemplate;
3.更新
selectedItem.update();
注意
無論是套用不同樣板，或是更新樣板tmplItem的data後
使用update()更新畫面
如果所產生的DOM物件有些屬性，是經由外部的js所設定
在update後這些屬性都會消失
若使用innerHTML 取到的是root node下的內容
outerHTML則會包含Root Node
HTML檔案本身需以utf-8儲存
載入外部JSON檔案時，也需以utf-8格式儲存
才不會造成亂碼發生
若物件為array
items:[
{xxx},{xxx},{xxx}...
]
可以使用length取得array長度，並進而取得所有資料
若物件非array
items:{
"title":xxx,
"name":xxx,...
}
則可用for(prop in obj)方式取得 prop名稱
for(prop in items){
alert(prop+"="+items[prop])
}
當要對大量的物件設定監聽的事件與要觸發的function，可以使用delegate
$(xx).delegate(指定處理物件,指定觸發事件,執行處理的function);
$("#mytable").delegate("td", "hover", function () {
$(this).xxxx
})
指定處理物件值可以是tag name如"td"
可以對class如".myclass"
當要對物件設定如Click...等監聽，一定要在物件已經產生的狀態下設定
才會有效，如果在物件尚未產生之前就要把監聽設定好
則需透過livequery plugin來做
例
$(".myclass").livequery("click",function(){})
1.在jQuery的操作，絕大部分回傳都會是一個jQuery包裹物件
要將jQuery物件轉成DOM物件，$("'#"+containerID+"'")[0]
2.DOM轉jQuery物件
用$(dom物件)包裹後即為jQuery物件
3.在jQuery使用each取得所有物件
each內的this是一個DOM物件，需要$(this)包裝過
才會變成jQuery物件
當selector取得一堆的子node要對特定子node操作
1.透過index取得第幾個物件
$(".left_box :eq("+_index+")")
2.取得目前物件的index值
例如有一堆li 由以下可以知道自己是在第幾個
$(".left_box li").index($(this))
1.Flash主程式與視覺外觀部份分離
2.外觀部份為以Flash IDE設計輸出swf檔案，當作主程式外觀Skin
3.Skin部份，設計師可任意排列物件
4.各個Skin，允許部份元件不存在
5.在程式進行當中，可任意更換Skin
context.applicationDomain = new ApplicationDomain(ApplicationDomain.currentDomain);
context.applicationDomain = ApplicationDomain.currentDomain;
var loader:Loader = new Loader();
var request:URLRequest = new URLRequest(_swfPath);
var context:LoaderContext = new LoaderContext();
context.applicationDomain = new ApplicationDomain(ApplicationDomain.currentDomain);
loader.load(request,context);
public function Banner(){}
public function init():void {
setView();
setListener();
}
private function setView():void {}
private function setListener():void {}
var AssetContainer:Class=loader.contentLoaderInfo.applicationDomain.getDefinition(className) as Class
_assetLib = new AssetContainer();
mybg=_assetLib.getChildByName("bg");
mybg.init();