基底：
Design pattern：
- Emberjs
- Knockoutjs (MVVM)
- PureMVC
UI 組件：
圖像處理：
各部落格對於框架研究比較的連結：
2012年8月10日 星期五
2012年7月12日 星期四
JQuery Object to DOM Element
//JQuery Object To DOM Element
$(selector).get(0)
or
$(selector)[0]
//DOM Element To JQuery Object
$(DOM)
$(selector).get(0)
or
$(selector)[0]
//DOM Element To JQuery Object
$(DOM)
2012年7月6日 星期五
PureMVC實作二
終於抽出時間來寫PureMVC實做二了。
在PureMVC實做一中，我們做好了基礎架構，現在要替基礎架構做整修並要開始寫入程式碼。
一般專案開始都會先有Layout，我們也不例外，我們要的測試Layout如下：
在PureMVC實做一中，我們做好了基礎架構，現在要替基礎架構做整修並要開始寫入程式碼。
一般專案開始都會先有Layout，我們也不例外，我們要的測試Layout如下：
2012年6月15日 星期五
JQuery cookie wirte and rade
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>cookie操作測試</title>
<meta name="description" content="" />
<meta name="author" content="小J、小花" />
<script src="./lib/jquery-1.7.2.min.js"></script>
<script src="./lib/jquery.cookie.js"></script>
<style>
li{
list-style: none;
font-size: 14px;
}
</style>
<script>
//cookie是以key value存在瀏覽器上，
//每個cookie最大4k，
//以存文字存在瀏覽器中，
//每個瀏覽器所能使用最大數量不同，IE8更新後可支援到50
//因為cookie是以存文字保存資料，因此：
//若是複雜物件型態資料想存進cookie中，就必須將物件序列化成某種字串模式，而JSON就是一種不錯的選擇。
//此處以JSON為範例
JQuery & ASP.NET Ajax測試
JavaScript Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>AJAX Remote Test</title>
<meta name="description" content="" />
<meta name="author" content="小J" />
<script src="./lib/jquery-1.7.2.min.js"></script>
<script>
jQuery.support.cors = true;
$(document).ready(function(){
$("#callBtn").click(function (event) {
helloWorld();
});
$('#showDataBtn').click(function (event){
alert(getData());
});
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>AJAX Remote Test</title>
<meta name="description" content="" />
<meta name="author" content="小J" />
<script src="./lib/jquery-1.7.2.min.js"></script>
<script>
jQuery.support.cors = true;
$(document).ready(function(){
$("#callBtn").click(function (event) {
helloWorld();
});
$('#showDataBtn').click(function (event){
alert(getData());
});
});
2012年6月8日 星期五
PureMVC實作一
本篇將準備好所有PureMVC基本運作所需架構
Step1. create package 結構：
PureMVC_Demo
|
-src
| - default package
| |--PureMVC_Demo.mxml (應用起始頁面)
| - main
| |-- command
| |-- facade
| |-- mediator
| |-- mode
| |-- proxy
| |-- view
|
| - module
| | -- Page1.mxml (Flex module)
| | -- Page2.mxml (Flex module)
|
| - page1
| |-- command
| |-- facade
| |-- mediator
| |-- mode
| |-- proxy
| |-- view
|
| - page2
| |-- command
| |-- facade
| |-- mediator
| |-- mode
| |-- proxy
| |-- view
| - libs
| |-- PureMVC_AS3_MultiCore_1_0_5.swc (pureMVC框架放這)
Step1. create package 結構：
PureMVC_Demo
|
-src
| - default package
| - main
| |-- command
| |-- facade
| |-- mediator
| |-- mode
| |-- proxy
| |-- view
|
| | -- Page1.mxml (Flex module)
| | -- Page2.mxml (Flex module)
|
| - page1
| |-- command
| |-- facade
| |-- mediator
| |-- mode
| |-- proxy
| |-- view
|
| - page2
| |-- command
| |-- facade
| |-- mediator
| |-- mode
| |-- proxy
| |-- view
| - libs
| |-- PureMVC_AS3_MultiCore_1_0_5.swc (pureMVC框架放這)
2012年4月10日 星期二
訂閱：
文章 (Atom)