一個範例搞清楚 "前端"與 "後端" -- 以jQuery UI搭配 ASP.NET控制項(Button)為例

透過jQuery UI的一個特效，來說明「前端」、「後端（ASP.NET控制項）」

jQuery UI的 Add Class特效   (本範例提供 YouTube教學影片)

這裡有一個簡單的 jQuery UI範例（效果），

但是，您務必親自動手做，並且親眼看見 & 觀察運作成果，才能學到東西

請看：https://jqueryui.com/addClass/

當您按下畫面上的 "HTML按鈕"

畫面上的文字會跑一段動畫。

如果您把這個 "HTML按鈕" 改成 ASP.NET控制項

會有什麼結果？

YouTube影片，請看：https://youtu.be/IlmD07Fi_cU

範例如下：

=========================================================

這是第一個錯誤範例，不會運作。

=========================================================

按下 ASP.NET的按鈕以後，畫面不會動？沒有特效？？

想想看？？？？？？？

其實，您按下這個ASP.NET的按鈕

畫面特效有運作

只是他還沒運作完成.......ASP.NET的 PostBack讓畫面閃了一下、回傳，又恢復到原狀

所以您看起來：這個特效不會動

想想其中的運作

您或許可以瞭解「前端技術」、「後端技術」的不同

    前端 --- 例如： JavaScript / jQuery.....這些東西只要在「瀏覽器」上就可以運作， " 不 "需要經過 Web Server翻譯

    後端 --- 例如：ASP.NET後置程式碼、PHP、JSP、ASP等等，這些程式碼「必須」需要經過 Web Server翻譯，才能把結果  ...  送給瀏覽器呈現

好的！我們來跑第二個錯誤範例

想想看，試著想想看...............

遇見錯誤，

試著.......解釋、瞭解這個錯誤

就能學到很多東西

如果您需要複製上面的程式碼，可以到此參考：

http://mis2000lab.pixnet.net/blog/post/34529751-%E4%B8%80%E5%80%8B%E7%AF%84%E4%BE%8B%E6%90%9E%E6%B8%85%E6%A5%9A%20%22%E5%89%8D%E7%AB%AF%22%E8%88%87%20%22%E5%BE%8C%E7%AB%AF%22%20--%20%E4%BB%A5jQuery%20UI%E6%90%AD%E9%85%8D%20ASP.NET%E6%8E%A7%E5%88%B6%E9%A0%85(Button)%E7%82%BA%E4%BE%8B

 

 

我將思想傳授他人， 他人之所得，亦無損於我之所有；

猶如一人以我的燭火點燭，光亮與他同在，我卻不因此身處黑暗。----Thomas Jefferson

寫信給我--  mis2000lab (at) yahoo.com.台灣  或是  school (at) mis2000lab.net

................   facebook社團   https://www.facebook.com/mis2000lab   ......................

................   Google+   https://plus.google.com/100202398389206570368/posts ........

................  YouTube (ASP.NET) 線上教學影片  http://goo.gl/rGLocQ

)沿用上面 jQuery UI的，一模一樣。https://jqueryui.com/addClass/

jQuery UI與 ASP.NET控制項的搭配


<!-- **************************

文字變化區。Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.

   

   

=========================================================

按下 ASP.NET的按鈕以後，畫面不會動？沒有特效？？

想想看？？？？？？？

其實，您按下這個ASP.NET的按鈕

畫面特效有運作

只是他還沒運作完成.......ASP.NET的 PostBack讓畫面閃了一下、回傳，又恢復到原狀

所以您看起來：這個特效不會動

想想其中的運作

您或許可以瞭解「前端技術」、「後端技術」的不同

    前端 --- 例如： JavaScript / jQuery.....這些東西只要在「瀏覽器」上就可以運作， " 不 "需要經過 Web Server翻譯

    後端 --- 例如：ASP.NET後置程式碼、PHP、JSP、ASP等等，這些程式碼「必須」需要經過 Web Server翻譯，才能把結果  ...  送給瀏覽器呈現

好的！我們來跑第二個錯誤範例

=========================================================

HTML表頭()沿用上面 jQuery UI的，一模一樣。https://jqueryui.com/addClass/

jQuery UI與 ASP.NET控制項的搭配

文字變化區。Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.

    

想想看，試著想想看...............

遇見錯誤，

試著.......解釋、瞭解這個錯誤

就能學到很多東西

  

我將思想傳授他人， 他人之所得，亦無損於我之所有；

猶如一人以我的燭火點燭，光亮與他同在，我卻不因此身處黑暗。----Thomas Jefferson

寫信給我--  mis2000lab (at) yahoo.com.台灣  或是  school (at) mis2000lab.net

................   facebook社團   https://www.facebook.com/mis2000lab   ......................

................   Google+   https://plus.google.com/100202398389206570368/posts ........

................  YouTube (ASP.NET) 線上教學影片  http://goo.gl/rGLocQ

-->