繁體中文網站
黑暗執行緒 blog.darkthread.net
程式設計俱樂部(Programmer Club) www.programmer-club.com.tw
藍色小舖 www.blueshop.com.tw
CodeData www.codedata.com.tw
JWorld@TW www.javaworld.com.tw
良葛格學習筆記 openhome.cc
張凱慶 (Kaiching Chang) 程式語言教學誌 pydoing.blogspot.tw
簡體中文網站
英文網站
w3schools www.w3schools.com
2015年8月30日 星期日
jQuery 學習筆記
甚麼是 jQuery ?
jQuery 是一套跨瀏覽器的 JavaScript Library。也是目前最受歡迎的 JavaScript 函式庫。
它簡化了 HTML與JavaScript之間的操作，跟直接撰寫JavaScript相較，jQuery適合運用於簡化撰寫 DOM 文件的操作。
自己寫JavaScript，常常要去煩惱跨瀏覽器的問題，用jQuery開發網頁功能，它已經幫你處理好了。
初始設計者/創建提出年代：
最早由 John Resig 約翰·雷西格於2006年1月的BarCamp NYC上釋出第一個版本。
目前負責維護團隊：
目前是由Dave Methvin領導的開發團隊 jQuery Team 進行開發。官方網站 jquery.com
目前 jQuery 的發布版本
JQuery目前分成1.x版與2.x版，這兩種發布版本，後者不再支援IE 6/7/8，前者透過jQuery Migrate plugin與先前版本保持相容。
怎樣的環境可以撰寫與執行 jQuery ?
(1)去 jQuery 官網下載 jQuery Library (官網下載網址)，然後儲存於你的伺服器適當的目錄，並在你的網頁檔案之中，指向所下載的檔案。
舉例來說，你會下載：
jquery-1.11.3.min.js
或是
jquery-2.1.4.min.js
下載並儲存於適當的目錄後(這裡的範例是名稱為 js 的目錄)，在網頁檔案 <head>......</head> 區塊之中，加入一行
<script type='text/javascript' src='js/jquery-1.11.3.min.js'></script>
例如：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type='text/javascript' src='js/jquery-1.11.3.min.js'></script>
</head>
(2)也可以採用 Content Delivery Network (CDN 內容傳遞網路) 連接方式，參考外部的連結位置。
連結 jQuery's CDN 的範例：
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
連結Google的範例：
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" language="javascript">
google.load("jquery", "1.3");
</script>
或是
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 上述寫法，其中1.10.2若改為1.10，可獲取1.10.x最新版本
改為1，可獲取1.x.x最新版本
連結 cdnjs.cloudflare.com 的範例：
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
連結 微軟 的範例：
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.11.3.min.js"></script>
關於 jQuery 的 plugin
參考連結 :
jQuery 官方網站 jquery.com
The Will Will Web 學習 jQuery 從入門到精通只要兩小時！
jsGears.com 技術論壇 jQuery 教學 - 基礎篇
webdesign.kerthis.com jQuery教學 jQuery － Write less, Do more
jQuery 是一套跨瀏覽器的 JavaScript Library。也是目前最受歡迎的 JavaScript 函式庫。
它簡化了 HTML與JavaScript之間的操作，跟直接撰寫JavaScript相較，jQuery適合運用於簡化撰寫 DOM 文件的操作。
自己寫JavaScript，常常要去煩惱跨瀏覽器的問題，用jQuery開發網頁功能，它已經幫你處理好了。
初始設計者/創建提出年代：
最早由 John Resig 約翰·雷西格於2006年1月的BarCamp NYC上釋出第一個版本。
目前負責維護團隊：
目前是由Dave Methvin領導的開發團隊 jQuery Team 進行開發。官方網站 jquery.com
目前 jQuery 的發布版本
JQuery目前分成1.x版與2.x版，這兩種發布版本，後者不再支援IE 6/7/8，前者透過jQuery Migrate plugin與先前版本保持相容。
怎樣的環境可以撰寫與執行 jQuery ?
(1)去 jQuery 官網下載 jQuery Library (官網下載網址)，然後儲存於你的伺服器適當的目錄，並在你的網頁檔案之中，指向所下載的檔案。
舉例來說，你會下載：
jquery-1.11.3.min.js
或是
jquery-2.1.4.min.js
下載並儲存於適當的目錄後(這裡的範例是名稱為 js 的目錄)，在網頁檔案 <head>......</head> 區塊之中，加入一行
<script type='text/javascript' src='js/jquery-1.11.3.min.js'></script>
例如：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type='text/javascript' src='js/jquery-1.11.3.min.js'></script>
</head>
(2)也可以採用 Content Delivery Network (CDN 內容傳遞網路) 連接方式，參考外部的連結位置。
連結 jQuery's CDN 的範例：
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
連結Google的範例：
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" language="javascript">
google.load("jquery", "1.3");
</script>
或是
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 上述寫法，其中1.10.2若改為1.10，可獲取1.10.x最新版本
改為1，可獲取1.x.x最新版本
連結 cdnjs.cloudflare.com 的範例：
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
連結 微軟 的範例：
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.11.3.min.js"></script>
關於 jQuery 的 plugin
參考連結 :
jQuery 官方網站 jquery.com
The Will Will Web 學習 jQuery 從入門到精通只要兩小時！
jsGears.com 技術論壇 jQuery 教學 - 基礎篇
webdesign.kerthis.com jQuery教學 jQuery － Write less, Do more
2015年8月29日 星期六
甚麼是 JavaScript ?
甚麼是 JavaScript ?
用途與角色：一種直譯式的腳本程式語言/Script Language。主要運用在瀏覽器(網路用戶端/Client Side)。讓瀏覽器由初期只能顯示靜態的網頁內容，提升具備了與網頁互動的能力。目前也運用在網路伺服器/Server Side，例如Node.js。
設計者/創建提出年代：最早由 NetScape 網景公司的 Brendan Eich 布蘭登·艾克於1995年在NetScape瀏覽器上，設計實作創始提出。
名稱由來：Netscape在最初將此一腳本語言取名為LiveScript，後來網景在與昇陽公司合作之後將其改名為JavaScript。
參考連結 :
阮一峰網誌 Javascript誕生記
Brendan Eich 布蘭登·艾克 (創始作者怎麼說) Popularity
當年的報導 Netscape and Sun announce Javascript
創始提出當時的同性質工具：1996年8月，微軟隨 Internet Explorer 3.0 提出 JScript。
語言規格標準與演進：1996年11月，Netscape將JavaScript提交給Ecma International進行標準化。該組織於1994年之前叫做「歐洲計算機製造商協會」European Computer Manufacturers Association）
版本演進如下：
1997年6月的 ECMA-262 V1
1998年6月的 ECMA-262 V2
1999年12月的 ECMA-262 V3
ECMA-262 V4 遭遇難產，被放棄，並未正式提出
2009年12月的 ECMA-262 V5
2015年6月的 ECMA-262 V6，代號「Harmony」
參考連結 :
iT邦幫忙 Javascript面面觀：核心篇《ECMA-262 Edition 5》（上）
用途與角色：一種直譯式的腳本程式語言/Script Language。主要運用在瀏覽器(網路用戶端/Client Side)。讓瀏覽器由初期只能顯示靜態的網頁內容，提升具備了與網頁互動的能力。目前也運用在網路伺服器/Server Side，例如Node.js。
設計者/創建提出年代：最早由 NetScape 網景公司的 Brendan Eich 布蘭登·艾克於1995年在NetScape瀏覽器上，設計實作創始提出。
名稱由來：Netscape在最初將此一腳本語言取名為LiveScript，後來網景在與昇陽公司合作之後將其改名為JavaScript。
參考連結 :
阮一峰網誌 Javascript誕生記
Brendan Eich 布蘭登·艾克 (創始作者怎麼說) Popularity
當年的報導 Netscape and Sun announce Javascript
創始提出當時的同性質工具：1996年8月，微軟隨 Internet Explorer 3.0 提出 JScript。
語言規格標準與演進：1996年11月，Netscape將JavaScript提交給Ecma International進行標準化。該組織於1994年之前叫做「歐洲計算機製造商協會」European Computer Manufacturers Association）
版本演進如下：
1997年6月的 ECMA-262 V1
1998年6月的 ECMA-262 V2
1999年12月的 ECMA-262 V3
ECMA-262 V4 遭遇難產，被放棄，並未正式提出
2009年12月的 ECMA-262 V5
2015年6月的 ECMA-262 V6，代號「Harmony」
參考連結 :
iT邦幫忙 Javascript面面觀：核心篇《ECMA-262 Edition 5》（上）
訂閱：
文章 (Atom)