搜尋

隨機推薦

24 十二月 2010

AJAX 技術的廣泛運用,對網際網路的發展帶來重大變革;透過更新部分頁面即可維護資料,更有效率的反應使用者動作,避免在網路上發送沒有改變的資訊所帶來的頻寬的浪費。但是這樣部分更新的做法,同時也伴隨著缺點,其中受到最多批評的就是瀏覽器後退按鈕的失效;因為 AJAX 並不會更新整個頁面,自然也就無法在瀏覽器中的歷史紀錄留下資訊。

不過這個問題,早在 google 廣泛利用 AJAX 技術的初期,就已經被他們解決囉!雖然必須針對各種瀏覽器做各自不同的處理,但是現在 jQuery 已有網海中的前輩推出簡單使用的 Plugin囉:history plugin,官網本身也是展示網頁;下面稍微介紹一下使用以及運作的流程:

 

視覺化的使用者介面,如果缺少按鈕的話,就會全然改觀。在網頁上,瀏覽器提供預設的按鈕以及其他一些的按鈕形態。利用 CSS 樣式,你可以修改按鈕的視覺樣貌,但仍然保持它原有的形態,無論是一般按鈕、複選按鈕 (checkbox) 或是單選 (radio) 按鈕等。

在開發實務時,有時會一點需求上的差異,會導致需要開發更為複雜精巧的按鈕。舉例來說,你需要一列複選或單選的按鈕、一個工具列,或是一個分割的按鈕。這些組合可以透過程式辦到,但這就是關鍵之處-你必須一次又一次為了一點點需求上的差異,而不斷地寫程式。

而 jQuery UI 函式庫可以在按鈕開發上提供一些幫助。事實上在 1.8 版中,已經加入按鈕程式開發的支援,讓我們來深入了解一下。

 

jquery slider

對於我們的"2010年最佳"系列中,我們已經展示了您對我們挑選最好的 免費WordPress主題免費字體 。 因此,對於這個星期的注意力集中在jQuery的。 這個JavaScript框架繼續保持增長,在2010年普及,這意味著一個豐富的插件被釋放。 這使得它難以選擇我們的最愛。 我們做了有意識地選擇從多種類型,那些是有用的網頁設計師,而到了一些哇因素。 這是我們挑選的2010年最佳jQuery插件。

大部分最近才剛接觸JavaScript的人會面臨到的困難是該選擇哪個套件(library)或是該先學哪個套件。如果你在一間公司裡上班,那麼可能公司已經有一套固定使用的套件,若是在這種情況下,問題就沒那麼重要。如果你的公司選擇使用MooTools而你自己已經習慣使用jQuery,那麼這篇文章也許對你還是有些幫助的。

每天在 Twitter上 我看到 一堆人討論著MooTools好還是jQuery的話題。這篇文章希望能幫助你做出這決定。


目的

透過我的說明,讓大家明白這兩個frameworks之間的差異進而能幫助大家做出一個選擇。我首先要說的是,兩個frameworks都是很好的選擇,你並不會選到一個糟糕的framework。兩者各有其強項與弱項,但是都是很棒的。除此之外還有很多也很優秀的frameworks值得考慮,如Dojo,Prototype, YUI, Ext 等等的。這些選擇基本上也取決於自己的習慣跟需要完成甚麼樣的東西而定。這篇文章的重點在於MooTools跟jQuery之間的比較,因為我看到越來越 多的人在這兩者之間猶豫不決著。最後我要聲明的是,我並不是想要說服誰誰誰從某個framework轉換到另一個,這兩個frameworks其實有很多 有趣的地方值得我們學習。你可以從這個公告看到我寫這篇文章的由來。

內容

clip_image005

jQuery是使用最多的JS庫之一,它有很多優點,比如輕量、易用、完善的Ajax、良好的瀏覽器兼容,以及它有健壯的選擇器等。這些優點使得jQuery成為幫助前端開發人員的有力工具。越來越多的大型網站開始使用jQuery及其插件實現其前端交互。

這裡,前端觀察收集了20多個使用jquery交互的漂亮網站設計,它們不僅交互效果比較酷,界面設計的也很棒,希望能夠給你的設計提供某些參考。當然,使用jQuery的優秀的網站並不只這些,如果你知道有很不錯的基於jQuery的網站設計,歡迎與我們共享,多謝。

最近愛上了jquery,

所以很多的頁面都拿它來使用,

由於它有很多的plus,今天就先來介紹最常用到的jquery.validate.js,

官方的網址:http://bassistance.de/jquery-plugins/jquery-plugin-validation/

引用的網址:http://wangwangliujun.spaces.live.com/blog/

最近在研究 jQuery.Validate,這是可以讓你做出「表單還沒送出前就先驗證資料是否正確」效果的 Plug-in,如果網站的 JavaScript 已經採用 jQuery 當作 Library 的話,那麼直接導入 jQuery.Validate 是比較容易的。類似的 Library 如 LiveValidation

示範網頁在這裡;因為 WordPress 不讓我放 Embedded Javascript,所以就到另一個網頁看吧。

做法很簡單:先導入 jQuery.Validate,然後針對要輸入身份證字號的地方,撰寫兩個自定的 Validate 條件,一個是檢驗它是否符合 /^[A-Z]{1}[1-2]{1}[0-9]{8}$/ 的 Regular Expression,另一個是透過算數方式檢查它是否符合邏輯。

第 1 頁,共 2 頁

Please publish modules in offcanvas position.